@import "_bootstrap.min.css";
@import "_font-awesome.css";
@import "_fancybox.css";
@import "_select2.css";
@import "_owl.carousel.min.css";
@import "_remodal.css";
@import "_slick.css";
@import "_custom.css";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */

@font-face {
    font-family: "volte-regular";
    src: url("../fonts/volte-regular.eot");
    src: url("../fonts/volte-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/volte-regular.woff") format("woff"), url("../fonts/volte-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "volte-bold";
    src: url("../fonts/volte-bold.eot");
    src: url("../fonts/volte-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/volte-bold.woff") format("woff"), url("../fonts/volte-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "volte-medium";
    src: url("../fonts/volte-medium.eot");
    src: url("../fonts/volte-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/volte-medium.woff") format("woff"), url("../fonts/volte-medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "volte-semibold";
    src: url("../fonts/volte-semibold.eot");
    src: url("../fonts/volte-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/volte-semibold.woff") format("woff"), url("../fonts/volte-semibold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Thin.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'NNoto Sans CJK JP';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

@font-face {
    font-family: "NotoSansJP-Medium";
    src: url("../fonts/NotoSansJP-Medium.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "NotoSansJP-Regular";
    src: url("../fonts/NotoSansJP-Regular.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "NotoSansJP-SemiBold";
    src: url("../fonts/NotoSansJP-SemiBold.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "NotoSansJP-Bold";
    src: url("../fonts/NotoSansJP-Bold.ttf");
    font-weight: normal;
    font-style: normal
}

body {
    font-family: "volte-medium", "Noto Sans CJK JP", sans-serif;
    color: #000;
    font-size: 18px
}

@media (min-width: 1600px){
    .container {
        max-width: 1280px;
}
}

strong {
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
}

a:focus,
a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    -webkit-box-shadow: 0px 10px 70px -4px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 10px 70px -4px rgba(0, 0, 0, 0.18)
}

header .container {
    position: relative;
}

header ul {
    list-style: none;
    padding: 0;
    margin: 0 -15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header ul li {
    margin-left: 4px
}

header ul li a {
    color: #000;
    display: block;
    padding: 33px 30px
}

header ul li a:hover {
    color: #000;
    background: #f2f2f2
}

header ul li.menu-item-has-children {
    position: relative
}

header ul li.menu-item-has-children ul.sub-menu {
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 300ms;
    transition: 300ms
}

header ul li.menu-item-has-children ul.sub-menu li {
    margin: 0
}

header ul li.menu-item-has-children ul.sub-menu li a {
    padding: 10px 15px
}

header ul li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible
}

header ul li.menu-item-has-children .caretbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 21px;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 66px;
    color: #000
}

header .search_btn {
    color: #000;
    cursor: pointer;
    padding: 33px 30px;
    position: relative;
    z-index: 2
}

header .search_btn:hover {
    color: #000;
    background: #f2f2f2
}

header.menu-open {
    height: 100vh;
    min-height: 100vh;
    overflow-y: scroll
}

main {
    max-width: 100%;
    overflow: hidden;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    transition-property: opacity, -webkit-filter;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 16px;
    right: 15px
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    background-color: #000;
    position: absolute;
    width: 40px;
    height: 2px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 2px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger--spin .hamburger-inner:before {
    -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.playcircle {
    fill: #fff;
    -webkit-transition: 300ms;
    transition: 300ms
}

.playcircle:hover {
    fill: #582C0D
}

.playcircle.brown {
    fill: #582C0D;
    -webkit-transition: 300ms;
    transition: 300ms
}

.playcircle.brown:hover {
    fill: #000
}

.video_section.diff+.our_agencies.diff {
    padding-top: 50px
}

.video_section {
    display: flex;
    align-items: end;
    min-height: 740px;
    padding-bottom: 130px;
    margin-bottom: 130px;
    background: #000;
    color: #fff;
    position: relative;
    z-index: 2
}

.video_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=1) */
}

.video_section .container {
    position: relative;
    z-index: 2
}

.video_section.home {
    margin-bottom: 0
}


.video_section.home:before {
    display: none
}

.video_section.diff {
    padding-bottom: 130px;
    position: relative;
    margin-bottom: 130px
}

.video_section.diff:before {
    content: "";
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=1) */
}

.video_section.up {
    align-items: start;
    padding-top: 130px;
    padding-bottom:0
}

.video_section.down {
    padding-bottom: 230px
}

@media only screen and (max-width: 767px) {
    .video_section.down {
        padding-bottom: 50px
    }
}

.video_section.res {
    min-height: 1px;
    padding-bottom: 230px;
    position: relative;
    margin-bottom: 85px
}

.video_section.res:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.75)), color-stop(60%, rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 55%, rgba(0, 0, 0, 0.75) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#d9000000", GradientType=0) */
}

.video_section.agencies {
    padding-bottom: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.video_section.agencies:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.75)), color-stop(60%, rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 55%, rgba(0, 0, 0, 0.75) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#d9000000", GradientType=0);
    opacity: 0.5; */
    z-index: 2
}

.video_section.agencies:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    z-index: 1
}

.video_section h1.video_title {
    font-family: "volte-bold";
    font-size: 100px;
    line-height: 100px
}

.video_section h1.video_title_jp {
    font-weight: 900;
    font-family: "volte-bold", "Noto Sans CJK JP";
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 45px;
}

.video_section .enmix {
    font-size: 100px !important;
}


@media only screen and (min-width: 992px) {
    .video_section h1.video_title {
        margin-bottom: 45px;
    }
}

.video_section .video_title+.video_btn_row {
    padding-top: 0
}

.video_section .video_btn_row {
    padding-top: 0
}

.video_section .video_btn_row img {
    margin-left: 17px;
    margin-right: 35px
}

.video_section .video_btn_row .video_btn_row_txt {
    margin-top: 0;
    padding-top: 20px;
    padding-left: 15px;
    font-size: 18px;
}

.video_section .video_btn_row .video_btn_row_txt.pl0 {
    padding-left: 0;
}

@media only screen and (min-width: 1250px) {
    .video_section .video_btn_row .video_btn_row_txt.pl0 {
        margin-right: -20px;
    }
}

.video_section .video_btn_row .video_btn_row_txt .button {
    margin-top: 40px
}

.video_section .video_btn_row .big_play_link {
    font-family: "volte-semibold";
    text-decoration: underline;
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #fff
}

.video_section .video_btn_row .big_play_link:hover {
    color: #fff;
    text-decoration: none
}

.video_section .video_btn {
    margin-bottom: 12px;
    display: block
}

.video_section .video_socials {
    margin-bottom: 12px;
    float: right;
    max-width: 235px
}

.video_section .video_socials .socialicon {
    fill: #fff;
    margin-left: 17px;
    margin-right: 35px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.video_section .video_socials .socialicon:hover {
    fill: #ffa600
}

.optional_sec {
    padding-top: 60px;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
    background: #fff
}

.optional_sec h3 {
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 18px;
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px
}

.optional_sec .optional_box {
    margin-bottom: 50px;
    font-size: 16px;
    color: #000;
    max-width: 340px
}

.optional_sec hr {
    border-top: 3px solid #000;
    margin-top: 25px
}

.blue_blur_sec {
    color: #fff;
    background: #000057;
    position: relative;
    z-index: 2
}

.blue_blur_sec.red {
    color: #ffffff;
    background: #CC2825;
}

.blue_blur_sec.red h2 {
    color: #ffffff
}

@media only screen and (max-width: 992px) {
    .blue_blur_sec.red {
        margin-top: 30px;
    }

    .blue_blur_sec.red .blue_blur_image .blue_blur_slider {
        height: 470px;
    }

    .blue_blur_sec.red .blue_blur_txt {
        padding-top: 520px;
        padding-bottom: 80px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .blue_blur_sec.red {
        margin-top: 30px;
    }

    .blue_blur_sec.red .blue_blur_image .blue_blur_slider {
        height: 375px;
    }

    .blue_blur_sec.red .blue_blur_txt {
        padding-top: 425px;
        padding-bottom: 50px;
        padding-left:25px;
        padding-right: 25px;
        font-size: 16px;
    }
}

.blue_blur_sec.gold {
    color: #000000;
    background: #BDAB78;
}

.blue_blur_sec.gold h2 {
    color: #000000
}

@media only screen and (min-width: 1600px) {
    .blue_blur_sec.gold .blue_blur_txt {
        min-height: 800px;
    }
}

@media only screen and (max-width: 992px) {
    .blue_blur_sec.gold {
        margin-top: 30px;
    }

    .blue_blur_sec.gold .blue_blur_image .blue_blur_slider {
        height: 470px;
    }

    .blue_blur_sec.gold .blue_blur_txt {
        padding-top: 520px;
        padding-bottom: 80px;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media only screen and (max-width: 767px) {
    .blue_blur_sec.gold {
        margin-top: 30px;
    }

    .blue_blur_sec.gold .blue_blur_image .blue_blur_slider {
        height: 375px;
    }

    .blue_blur_sec.gold .blue_blur_txt {
        padding-top: 425px;
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 16px;
    }
}

.blue_blur_sec h2 {
    font-family: "volte-semibold";
    font-size: 54px;
    line-height: 54px;
    letter-spacing: -2px;
    margin-bottom: 50px;
    color: #ffffff
}

.blue_blur_sec h2.jp_font {
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 50px;
    color: #ffffff
}


.blue_blur_sec p {
    margin-bottom: 50px
}

.blue_blur_sec p:last-child {
    margin-bottom: 0
}

.blue_blur_sec .blue_blur_txt {
    padding: 115px 135px;
    font-size: 18px;
    max-width: 780px;
    min-height: 630px;
}


.blue_blur_sec .blue_blur_slider .owl-stage-outer .owl-stage .owl-item .slideowl {
    position: relative;
    min-height: 730px
}

.blue_blur_sec .blue_blur_slider .owl-dots {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blue_blur_sec .blue_blur_slider .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.5;
    margin: 0 6px
}

.blue_blur_sec .blue_blur_slider .owl-dots .owl-dot.active {
    opacity: 1
}

.blue_blur_sec .blue_blur_slider .owl-dots .owl-dot:focus {
    outline: none
}


.our_agencies+.our_agencies {
    padding-top: 20px
}

.our_agencies {
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
    background: #fff
}



.our_agencies .our_agencies_title {
    border-bottom: 3px solid #000;
    color: #000;
    margin-bottom: 83px
}

.our_agencies .our_agencies_title2 {
    border-bottom: none;
    margin-bottom: 30px
}

.our_agencies .our_agencies_title h1,
.our_agencies .our_agencies_title h2 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 27px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    letter-spacing: -1px
}

.our_agencies .our_agencies_title2 h1,
.our_agencies .our_agencies_title2 h2 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 27px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    letter-spacing: -1px
}

.our_agencies .our_agencies_title .button {
    margin-top: 10px;
    margin-bottom: 15px
}

.our_agencies .our_agencies_circle {
    margin-top: -30px;
    margin-bottom: 50px
}

.our_agencies .our_agencies_circle p {
    /* max-width: 610px; */
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .our_agencies .our_agencies_circle p {
        margin-top: 30px;
        margin-bottom: 0;
}
.our_agencies .our_agencies_circle p.nobutton {
    margin-top: 0;
    margin-bottom: 0;
}
}


.our_agencies .our_agencies_circle .img {
    text-align: center;
    max-width: 720px;
    margin: 50px auto 0;
}

.our_agencies .our_agencies_circle .img100 {
    text-align: center;
    max-width: 100%;
    margin: 50px auto 0;
}

.our_agencies .our_agencies_logos {
    text-align: center;
    margin-bottom: 50px;
}

.our_agencies .our_agencies_logos .row {
    justify-content: center;
}

.our_agencies .our_agencies_logos .row>div {
    margin-bottom: 24px
}

.our_agencies.diff {
    padding-top: 140px;
    padding-bottom: 90px
}

.our_agencies.diff .our_agencies_title {
    margin-bottom: 70px
}

.our_agencies.diff .diff_row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.our_agencies.diff .diff_row .diff_box {
    color: #000;
    max-width: 430px;
    margin-bottom: 34px;
    font-size: 16px;
}

.our_agencies.diff .diff_row .diff_box .label {
    color: #000;
    font-family: "volte-semibold";
    text-transform: uppercase;
    font-size: 19px;
    margin-bottom: 30px
}

.our_agencies.diff .diff_row .diff_box h3 {
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 30px
}

.our_agencies.diff .diff_row .diff_box h3 a {
    color: #000
}

.our_agencies.diff .diff_row .diff_box .diff_box_btn {
    padding-top: 35px
}

.our_agencies.diff .diff_row .diff_box p {
    margin-bottom: 30px
}

.our_agencies.diff .diff_row .diff_box.has_after_h3 h3 {
    margin-bottom: 12px
}

.our_agencies.diff .diff_row .diff_box .after_h3 {
    margin-bottom: 30px
}

.our_agencies .our_people {
    margin-top: -40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.our_agencies .our_people .our_people_txt {
    max-width: 610px;
    margin-bottom: 50px
}

.our_agencies .our_people .our_people_man {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}


.our_agencies .our_people .our_people_man img {
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms;
    border-radius: 100%
}

.our_agencies .our_people .our_people_man img:hover {
    /* -webkit-transform: scale(1.1);
    transform: scale(1.1) */
    cursor: default
}

.our_agencies.values {
    padding-top: 30px
}

.our_agencies.values .our_agencies_title {
    margin-bottom: 40px
}

.our_agencies.values .value_box {
    margin-bottom: 50px
}

.our_agencies.values .value_box h3 {
    font-size: 26px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 20px
}


.button {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    border: 3px solid #000;
    color: #000;
    font-size: 18px;
    font-family: "volte-medium", "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    padding-right: 52px;
    position: relative;
    background: transparent;
    cursor: pointer
}

.button:after,
.button:before {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_black.svg) no-repeat;
    width: 13px;
    height: 13px;
    z-index: 1
}

.button:before {
    background: url(../img/arrow_white.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button:focus {
    outline: none
}

.button:hover {
    background: #000;
    color: #fff
}

.button:hover:before {
    opacity: 1
}

.button:hover:after {
    opacity: 0
}


.button.red {
    border-color: #d42e2e;
    color: #d42e2e;
    position: relative;
    padding-right: 52px
}

.button.red:after,
.button.red:before {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_red.svg) no-repeat;
    width: 13px;
    height: 13px;
    z-index: 1
}

.button.red:before {
    background: url(../img/arrow_white.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button.red:hover {
    background: #d42e2e;
    color: #fff
}

.button.red:hover:before {
    opacity: 1
}

.button.red:hover:after {
    opacity: 0
}

.button.white {
    border-color: #fff;
    color: #fff;
    position: relative;
    padding-right: 52px
}

.button.white:after,
.button.white:before {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_white.svg) no-repeat;
    width: 13px;
    height: 13px;
    z-index: 1
}

.button.white:before {
    background: url(../img/arrow_black.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button.white:hover {
    background: #fff;
    color: #000
}

.button.white:hover:before {
    opacity: 1
}

.button.white:hover:after {
    opacity: 0
}

.button.blue {
    border-color: #00005A;
    color: #00005A;
    position: relative;
    padding-right: 52px
}

.button.blue:after,
.button.blue:before {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_blue.svg) no-repeat;
    width: 13px;
    height: 13px;
    z-index: 1
}

.button.blue:before {
    background: url(../img/arrow_white.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button.blue:hover {
    background: #00005A;
    color: #fff
}

.button.blue:hover:before {
    opacity: 1
}

.button.blue:hover:after {
    opacity: 0
}

.button.green {
    border-color: #54d1c7;
    color: #54d1c7;
    position: relative;
    padding-right: 52px
}

.button.green:after,
.button.green:before {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_green.svg) no-repeat;
    width: 13px;
    height: 13px;
    z-index: 1
}

.button.green:before {
    background: url(../img/arrow_white.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button.green:hover {
    background: #54d1c7;
    color: #fff
}

.button.green:hover:before {
    opacity: 1
}

.button.green:hover:after {
    opacity: 0
}

.button.link {
    min-width: 292px;
}

@media only screen and (max-width: 767px) {
    .button.link {
        min-width: 100%;
    }
}
.button.link:after,
.button.link:before {
    background: url(../img/link_black.svg) no-repeat;
    width: 16px;
    height: 15px;
    z-index: 1
}

.button.link:before {
    background: url(../img/link_white.svg) no-repeat;
    z-index: 2;
    opacity: 0
}

.button.link:hover {
    color: #fff
}

.button.link:hover:before {
    opacity: 1
}

.button.link:hover:after {
    opacity: 0
}


.latest_work {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    background: #d42e2e;
    color: #fff
}

.latest_work .latest_work_top {
    padding: 95px 110px 63px
}

.latest_work .latest_work_top .label {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: "volte-semibold"
}

.latest_work .latest_work_top h2 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 0px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
}

.latest_work .latest_work_top .button {
    float: right;
    margin-bottom: 17px
}

.latest_work:last-child {
    margin-bottom: 115px
}

.latest_work_bottom {
    padding: 59px 110px 12px;
    background: #d42e2e;
    color: #fff
}

.latest_work_bottom h2 {
    font-size: 18px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 60px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.latest_work_bottom .client_row {
    text-align: center
}

.latest_work_bottom .client_row>div {
    margin-bottom: 50px;
    min-height: 107px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.latest_post {
    position: relative;
    height: 463px
}

.latest_post.long {
    height: 926px
}

.latest_post .latest_post_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 47px 80px 47px 52px;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0); */
    z-index: 2
}

.latest_post .latest_post_top .label {
    font-size: 18px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    color: #fff;
    text-transform: uppercase
}

.latest_post .latest_post_top h3 {
    font-size: 38px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
}

.latest_post .latest_post_top h3 a {
    color: #fff
}

.latest_post .latest_post_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 52px 47px;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0); */
    z-index: 2
}

.latest_post img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.bottom_part {
    position: relative
}

.bottom_part:before {
    content: "";
    background: #00005A;
    position: absolute;
    top: 230px;
    left: 0;
    width: 100%;
    height: calc(100% - 117px);
    z-index: 1;
    border-top: 5px solid #00005A
}

.bottom_part.diff:before {
    top: 0;
    height: 100%
}

.bottom_part.diff .bottom_latest_news {
    padding-top: 115px
}

.bottom_part .bottom_latest_news {
    padding-top: 65px;
    padding-bottom: 70px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.bottom_part .bottom_latest_news .label {
    color: #809F53;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    font-size: 18px;
    margin-bottom: 15px
}

.bottom_part .bottom_latest_news h2 {
    font-size: 54px;
    line-height: 60px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    color: #fff;
    margin-bottom: 0
}

.bottom_part .bottom_latest_news h3 {
    font-size: 26px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 0px;
    color: #fff;
    max-width: 500px
}

.bottom_part .bottom_latest_news .latest_news_row {
    padding-top: 40px
}

.bottom_part .bottom_latest_news .latest_news_row .news_box img {
    width: 100%
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content {
    padding: 25px 40px;
    /* background: #00D3C7 */
    background: #809F53
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content h3 {
    font-size: 26px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 25px
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content h3 a {
    color: #00005a
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content p {
    color: #00005A;
    font-size: 14px;
    margin-bottom: 25px;
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.red {
    background: #d42e2e;
    color: #fff
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.red p {
    color: #fff
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.transparent {
    background: transparent;
    color: #fff
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.transparent p {
    color: #fff
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.small h3 {
    margin-bottom: 15px
}

.bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content.small h3 a {
    color: #fff
}

.bottom_part footer {
    position: relative;
    background: #022E4C;
    z-index: 2;
    margin-top: 80px;
    padding-bottom: 45px
}

.bottom_part footer .container {
    max-width: 1138px;
    max-width: 1174px;
    padding-top: 35px;
}

.bottom_part footer ul.footer_menu {
    padding: 0;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-left: -10px;
    font-size: 16px;
}

.bottom_part footer ul.footer_menu li {
    margin-right: 60px
}

.bottom_part footer ul.footer_menu li a {
    /* color: #00D3C7; */
    color: #809F53;
    -webkit-transition: 300ms;
    transition: 300ms
}

.bottom_part footer ul.footer_menu li a:hover {
    color: #fff
}

.bottom_part footer ul.social {
    padding: 0;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-right: -5px
}

.bottom_part footer ul.social li {
    margin-left: 55px
}

.bottom_part footer ul.social li .socialicon {
    /* fill: #00D3C7; */
    fill: #809F53;
    -webkit-transition: 300ms;
    transition: 300ms
}

.bottom_part footer ul.social li .socialicon:hover {
    fill: #fff
}

.bottom_part footer small {
    display: block;
    padding-top: 15px;
    font-size: 14px;
    /* color: #00D3C7; */
    color: #809F53;
    margin-left: -10px
}

.bottom_part footer small a {
    /* color: #00D3C7; */
    color: #809F53;
    -webkit-transition: 300ms;
    transition: 300ms
}

.bottom_part footer small a:hover {
    color: #fff
}

.bottom_part.type2 {
    padding-top: 70px
}

.bottom_part.type2:before {
    top: 0;
    height: 100%
}

.bottom_part.type3 .work_withus {
    margin-bottom: 90px
}

.work_withus {
    max-width: 1362px;
    margin: 0 auto 0;
    background: #00D3C7;
    position: relative;
    z-index: 2;
    overflow: hidden;
    color: #00005A
}

.work_withus:before {
    content: "";
    width: 850px;
    height: 1468px;
    position: absolute;
    top: 50%;
    right: -1px;
    z-index: 1;
    background: url(../img/lionblue.svg) no-repeat top right;
    background-size: cover;
    -webkit-transform: scaleX(-1) translateY(-47%);
    transform: scaleX(-1) translateY(-47%)
}

.work_withus .work_withus_content {
    padding: 71px 0 71px 155px;
    position: relative;
    z-index: 2;
    max-width: 650px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
}

.work_withus .work_withus_content .label {
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #00005A;
    margin-bottom: 20px
}

.work_withus .work_withus_content h3 {
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: "volte-semibold" "Noto Sans CJK JP", sans-serif;
    margin-bottom: 30px;
    color: #fff
}

.work_withus .work_withus_content .button {
    margin-top: 35px
}

.work_withus .work_withus_img {
    overflow: hidden;
    position: relative
}

.work_withus .work_withus_img:after {
    content: "";
    background: #00D3C7;
    width: 160px;
    height: 124%;
    position: absolute;
    top: -70px;
    left: -100px;
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg)
}

.work_withus .work_withus_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.platform_mobile {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    position: relative
}

.platform_mobile.home {
    margin-top: -80px;
    margin-bottom: -80px;
    /* margin-right: -25px;
    margin-left: -25px */
}

.platform_mobile.home .container{
    padding-right: 0;
    padding-left: 0
}

.platform_mobile .platform_title {
    max-width: 550px;
    margin-bottom: 45px
}

.platform_mobile .label {
    font-family: "volte-semibold";
    text-transform: uppercase;
    color: #00005A;
    font-size: 18px;
    margin-bottom: 20px
}

.platform_mobile h2 {
    font-size: 38px;
    line-height: 46px;
    font-family: "volte-semibold";
    color: #00005A;
    margin-bottom: 50px
}

.platform_mobile .container>.row {
    position: relative;
    z-index: 2
}

.platform_mobile .container .platform_box {
    padding: 20px;
    background: #fff;
    -webkit-transition: 500ms;
    transition: 500ms;
    z-index: 2;
    margin-bottom: 20px;
    height: calc(100% - 20px);
    min-height: calc(100% - 20px);
    color: #000
}

.platform_mobile .container .platform_box .platform_box_title {
    margin-bottom: 25px
}

.platform_mobile .container .platform_box h3 {
    font-family: "volte-semibold";
    color: #000;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -2px;
    margin-bottom: 9px
}

.platform_mobile .container .platform_box p {
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

.platform_mobile .container .platform_box .platform_box_inside {
    margin-bottom: 35px
}

.platform {
    /* background: #00D3C7; */
    background: #DDDDDD;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.platform .slide_dec {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -200px;
    width: 1600px;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 300ms;
    transition: 300ms
}

.platform .slide_dec.active {
    opacity: 1
}

.platform .container {
    position: relative;
    max-width: 1152px;
    z-index: 2;
    height: 100%;
    min-height: 100%
}

.platform .platform_title {
    max-width: 550px;
    margin-bottom: 45px
}

.platform .label {
    font-family: "volte-semibold";
    text-transform: uppercase;
    color: #00005A;
    font-size: 18px;
    margin-bottom: 40px
}

.platform h2 {
    font-size: 36px;
    line-height: 42px;
    font-family: "volte-semibold";
    color: #00005A;
    letter-spacing: -1px;
    margin-bottom: 55px
}

.platform ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.platform ul li {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 18px;
    position: relative;
    font-family: "volte-semibold";
    -webkit-transition: 300ms;
    transition: 300ms;
    color: #00005A;
    text-transform: uppercase
}

.platform ul li a {
    color: #00005A
}

.platform ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../img/arrow_white.svg) no-repeat;
    background-size: 100%;
    -webkit-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    pointer-events: none
}

.platform ul li.active {
    padding-left: 35px
}

.platform ul li.active a {
    color: #fff
}

.platform ul li.active:before {
    opacity: 1
}

.platform ul li:last-child {
    margin-bottom: 0
}

.platform .platform_holder {
    position: relative
}

.platform .platform_holder .platform_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.platform .platform_holder .platform_slide:nth-child(0) {
    z-index: 30
}

.platform .platform_holder .platform_slide:first-child {
    z-index: 29
}

.platform .platform_holder .platform_slide:nth-child(2) {
    z-index: 28
}

.platform .platform_holder .platform_slide:nth-child(3) {
    z-index: 27
}

.platform .platform_holder .platform_slide:nth-child(4) {
    z-index: 26
}

.platform .platform_holder .platform_slide:nth-child(5) {
    z-index: 25
}

.platform .platform_holder .platform_slide:nth-child(6) {
    z-index: 24
}

.platform .platform_holder .platform_slide:nth-child(7) {
    z-index: 23
}

.platform .platform_holder .platform_slide:nth-child(8) {
    z-index: 22
}

.platform .platform_holder .platform_slide:nth-child(9) {
    z-index: 21
}

.platform .platform_holder .platform_slide:nth-child(10) {
    z-index: 20
}

.platform .platform_holder .platform_slide:nth-child(11) {
    z-index: 19
}

.platform .platform_holder .platform_slide:nth-child(12) {
    z-index: 18
}

.platform .platform_holder .platform_slide:nth-child(13) {
    z-index: 17
}

.platform .platform_holder .platform_slide:nth-child(14) {
    z-index: 16
}

.platform .platform_holder .platform_slide:nth-child(15) {
    z-index: 15
}

.platform .platform_holder .platform_slide:nth-child(16) {
    z-index: 14
}

.platform .platform_holder .platform_slide:nth-child(17) {
    z-index: 13
}

.platform .platform_holder .platform_slide:nth-child(18) {
    z-index: 12
}

.platform .platform_holder .platform_slide:nth-child(19) {
    z-index: 11
}

.platform .platform_holder .platform_slide:nth-child(20) {
    z-index: 10
}

.platform .platform_holder .platform_slide:nth-child(21) {
    z-index: 9
}

.platform .platform_holder .platform_slide:nth-child(22) {
    z-index: 8
}

.platform .platform_holder .platform_slide:nth-child(23) {
    z-index: 7
}

.platform .platform_holder .platform_slide:nth-child(24) {
    z-index: 6
}

.platform .platform_holder .platform_slide:nth-child(25) {
    z-index: 5
}

.platform .platform_holder .platform_slide:nth-child(26) {
    z-index: 4
}

.platform .platform_holder .platform_slide:nth-child(27) {
    z-index: 3
}

.platform .platform_holder .platform_slide:nth-child(28) {
    z-index: 2
}

.platform .platform_holder .platform_slide:nth-child(29) {
    z-index: 1
}

.platform .platform_holder .platform_slide:first-child {
    display: block
}

.platform .platform_holder .platform_slide .platform_slide_inside {
    position: relative;
    height: 100%;
    min-height: 100%
}

.platform .platform_holder .platform_slide .platform_box {
    width: 446px;
    padding: 45px 50px 50px;
    background: #fff;
    -webkit-transition: 500ms;
    transition: 500ms;
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 195px;
    color: #000
}

.platform .platform_holder .platform_slide .platform_box .platform_box_title {
    margin-bottom: 25px
}

.platform .platform_holder .platform_slide .platform_box h3 {
    font-family: "volte-semibold";
    color: #000;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -2px;
    margin-bottom: 30px
}

.platform .platform_holder .platform_slide .platform_box p {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    margin-bottom: 35px
}

.relative {
    position: relative
}

.loading-gif {
    background: #fff url(../img/spinner.gif) no-repeat center center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.loading-wrap {
    min-height: 360px
}

.header_search.is-active+.search_btn {
    background: transparent
}

.header_search {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    border: 2px solid #000;
    width: 288px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    background: #fff;
    -webkit-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    visibility: hidden
}

.header_search input {
    border: 0;
    background: transparent;
    width: 60%;
    padding-right: 10px;
    margin-right: 5px
}

.header_search input:focus {
    outline: none
}

.header_search.is-active {
    opacity: 1;
    visibility: visible
}

.header_search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.head_btn {
    background: #00D3C7;
    color: #00005A;
    cursor: pointer;
    border: 1px solid #00005A
}

.head_btn:focus {
    outline: none
}

.header_menu ul {
    -webkit-transition: 300ms;
    transition: 300ms
}

.mobile_search {
    position: relative;
    padding: 5px;
    margin: 15px
}

.mobile_search input {
    width: 100%;
    height: 36px;
    border: 0;
    padding-left: 10px;
    font-size: 24px
}

.mobile_search input:focus {
    outline: none
}

.mobile_search button {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 28px;
    padding: 0
}

.mobile_search .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mobile_search ::-webkit-input-placeholder {
    opacity: 0.5
}

.mobile_search :-moz-placeholder {
    opacity: 0.5
}

.mobile_search ::-moz-placeholder {
    opacity: 0.5
}

.mobile_search :-ms-input-placeholder {
    opacity: 0.5
}

.full_row {
    position: relative;
    margin-bottom: 125px
}

.full_row .full_row_text {
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 36px;
    padding-left: 36px;
    font-size: 18px;
}

.full_row .full_row_text h2 {
    font-size: 54px;
    line-height: 60px;
    font-family: "volte-semibold";
    letter-spacing: -2px;
    margin-bottom: 45px
}

.full_row .full_row_text h2.jp_font {
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 45px
}

.full_row .full_row_text h3 {
    font-size: 38px;
    margin-bottom: 50px
}

.full_row .full_row_text h1,
.full_row .full_row_text h3,
.full_row .full_row_text h5 {
    font-family: "volte-semibold"
}

.full_row .full_row_text h4 {
    font-family: "volte-semibold";
    margin-bottom: 4px;
    font-size: 26px
}

.full_row .full_row_text p+h4 {
    margin-top: 50px;
}

.full_row .full_row_text p {
    margin-bottom: 0;
}

.full_row .full_row_text .button {
    margin-top: 50px;
}

.full_row.forcareer {
    margin-top: 130px
}

.scroll-section {
    position: relative
}

.scroll-section.nofullheight .slides-container {
    height: auto
}

.scroll-section.nofullheight .pin-wrapper,
.scroll-section.nofullheight .scrollmagic-pin-spacer {
    height: auto !important;
    min-height: 1px !important
}

.scroll-section .slides-container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-section .slides-container .container>.row {
    width: 100%
}

.scroll-section .slides-container .scroll_menu_place {
    padding-top: 50px;
    padding-bottom: 50px
}

.scroll-section .slides-container .container,
.scroll-section .slides-container .scrollmagic-pin-spacer {
    height: 100% !important;
    min-height: 100% !important
}

.scroll-section .slides-container .image-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.scroll-section .slides-container .pin-wrapper {
    height: 600px;
}

.scroll-section .slides-container .pin-wrapper .slide {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.scroll-section .slides-container .pin-wrapper .slide.active {
    visibility: visible;
    opacity: 1
}

.scroll-section .slides-container .pin-wrapper .scroll_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%
}

.scroll-section .slide-trigger {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden
}

.scroll-section .slide-trigger .pin-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}


.brand_book_list .brand_book_list_title {
    margin-bottom: 50px;
    margin-left: 20px
}

.brand_book_list .brand_book_list_title h2 {
    padding-top: 55px;
    margin-bottom: 0;
    color: #000;
    font-size: 54px;
    font-family: "volte-semibold"
}

.brand_book_list.leadership {
    padding-top: 10px;
    padding-bottom: 60px
}

.brand_book_list.leadership .brand_box {
    margin-bottom: 80px
}

.brand_box {
    margin:0 20px 75px 20px
}

.brand_box .brand_box_image {
    position: relative;
    margin-bottom: 35px;
    border: solid 1px #D9D9D9
}

.brand_box .brand_box_image>a>img {
    width: 100%
}

.brand_box .brand_box_image .brand_box_logo {
    position: absolute;
    bottom: -25px;
    left: 30px;
    width: 100px;
    height: 100px;
    border: 1px solid #8a8798;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brand_box .brand_box_image .playcircle {
    position: absolute;
    bottom: 20px;
    left: 25px;
    width: 58px;
    height: 58px
}

.brand_box .brand_box_man+h3 {
    margin-bottom: 10px
}

.brand_box .brand_box_man {
    margin-bottom: 25px;
    text-align: center;
}

.brand_box .brand_box_man img {
    border-radius: 100%
}

.brand_box h3 {
    font-size: 26px;
    font-family: "volte-semibold";
    margin-bottom: 20px
}

.brand_box h3.jp_font {
    font-size: 22px;
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    margin-bottom: 20px
}

.brand_box h3 a {
    color: #000
}

.brand_box p {
    margin-bottom: 35px
}

.brand_box p:last-child {
    margin-bottom: 0
}

.brand_box p.lead {
    font-weight: 500;
    font-size: 20px;
    margin-top: -5px;
    margin-bottom: 25px
}

.brand_box p.recruit {
    min-height:165px
}

.brand_box p.whatwe{
    font-size: 20px;
    margin-bottom: 5px
}

.brand_box .brand_box_inside_height {
    margin-bottom: 35px
}

.brand_box .tags {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brand_box .tags li {
    list-style: none;
    margin: 0 10px 15px 0
}

.brand_box .tags li a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    padding: 2px 7px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "volte-semibold";
    letter-spacing: 1px;
    color: #000
}

.brand_box .tags li:nth-child(2n) a {
    background: #000;
    color: #fff
}

.brand_box.res .brand_box_image {
    margin-bottom: 30px
}

.brand_box.res h3 {
    margin-bottom: 35px
}

.brand_book_select {
    background: #d42e2e;
    color: #fff;
    display: inline-block;
    padding: 35px 50px;
    margin-top: -85px
}

.brand_book_select .label {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: "volte-semibold"
}

.brand_book_select .label.small {
    font-size: 14px;
}

.brand_book_select.fullw {
    display: block
}

.brand_book_select.fullw .select2-container {
    max-width: 100% !important;
    width: 100% !important
}

.brand_book_select .search {
    position: relative
}

.brand_book_select .search:after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../img/search-white.svg) no-repeat center right;
    background-size: contain;
    position: absolute;
    top: 57%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.brand_book_select .search input {
    color: #fff;
    width: 100%;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    background: transparent;
    height: 60px;
    padding-right: 20px;
    padding-top: 10px
}

.brand_book_select .search input:focus {
    outline: none
}

.brand_book_select ::-webkit-input-placeholder {
    color: #fff;
}

.brand_book_select :-moz-placeholder {
    color: #fff;
}

.brand_book_select ::-moz-placeholder {
    color: #fff;
}

.brand_book_select :-ms-input-placeholder {
    color: #fff;
}

.wide_content {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px
}

.wide_content .container {
    max-width: 1354px
}

.wide_content.works {
    padding-left: 0;
    padding-right: 0
}

.wide_content.works .container {
    max-width: 1460px;
    padding-left: 0;
    padding-right: 0
}

.wide_content.works .brand_book_select {
    padding-left: 150px;
    padding-right: 150px
}

.wide_content .brand_book_select {
    padding-top: 35px;
    padding-bottom: 60px;
    margin-top: -221px
}

.wide_content.mb0 {
    margin-bottom: 0
}

.select2-container {
    max-width: 250px;
    border: 0
}

.select2-container .select2-selection {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 60px;
    padding-right: 55px !important;
    color: #000;
    border: 0
}

.select2-container .select2-selection .select2-selection__rendered {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-family: "volte-semibold";
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.select2-container .select2-selection span.select2-selection__rendered {
    padding-left: 20px
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 565px
}

.select2-results__option {
    position: relative;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "volte-semibold";
    font-size: 12px;
    letter-spacing: 1px
}

.select2-results__option:before {
    content: "";
    width: 16px;
    min-width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff
}

.select2-results__option:hover {
    background: transparent
}

.select2-results__option[aria-selected=true]:after {
    content: "";
    position: absolute;
    left: 19px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 8px;
    height: 5px;
    top: 47%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.select2-results__option[aria-selected=true]:before {
    content: "";
    border-color: #d42e2e;
    background: #d42e2e
}

.select2-results {
    padding: 50px 10px 10px
}

.select2-dropdown {
    border-radius: 0;
    border: 0;
    margin-top: -2px
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    position: relative
}

.select2-container--default .select2-selection--multiple:after,
.select2-container--default .select2-selection--single:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 60px;
    background: #ffa600;
    border-radius: 0 4px 4px 0;
    z-index: 1
}

.select2-container--default .select2-selection--multiple:before,
.select2-container--default .select2-selection--single:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 26px;
    right: 18px;
    z-index: 2
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: none;
    border: 0
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000;
    background: transparent
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border: 0;
    border-radius: 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: transparent;
    border: 0;
    font-family: "volte-semibold";
    padding-left: 20px
}

.select2-container--default .select2-results__option[aria-disabled=true],
.select2-container--default .select2-results__option[aria-disabled=true] .select2-selection__choice__remove {
    display: none
}

.select2-results__option {
    margin-top: 3px;
    margin-bottom: 3px;
    text-transform: uppercase
}

.last_option_button .select2-results__option:last-child,
.last_option_button .select2-results__option[aria-selected=true]:last-child {
    background-color: #d42e2e !important;
    color: #fff !important;
    padding: 15px !important;
    width: 100%;
    text-align: center;
    font-family: "volte-semibold";
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 10px
}

.last_option_button .select2-results__option:last-child:hover,
.last_option_button .select2-results__option[aria-selected=true]:last-child:hover {
    background: #d42e2e !important;
    color: #fff !important
}

.last_option_button .select2-results__option:last-child:after,
.last_option_button .select2-results__option:last-child:before,
.last_option_button .select2-results__option[aria-selected=true]:last-child:after,
.last_option_button .select2-results__option[aria-selected=true]:last-child:before {
    display: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ededed
}

.select2-container--open .select2-dropdown:before {
    content: "";
    position: absolute;
    top: -57px;
    left: 0;
    width: 100%;
    height: 57px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    pointer-events: none
}

.select2-container--open .select2-dropdown.select2-dropdown--above:before {
    display: none
}

.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results {
    padding-top: 15px
}

.select2-container--above .select2-selection--multiple:after {
    border-radius: 0 0px 4px 0
}

.select2-container--default .select2-search--inline ::-webkit-input-placeholder {
    color: #000;
    font-family: "volte-semibold"
}

.select2-container--default .select2-search--inline :-moz-placeholder {
    color: #000;
    font-family: "volte-semibold"
}

.select2-container--default .select2-search--inline ::-moz-placeholder {
    color: #000;
    font-family: "volte-semibold"
}

.select2-container--default .select2-search--inline :-ms-input-placeholder {
    color: #000;
    font-family: "volte-semibold"
}

.select2-search__field {
    padding-right: 55px !important;
    padding-left: 20px !important;
    color: #000
}

.select2-selection__rendered li+li .select2-search__field {
    display: none !important
}

.z3 {
    position: relative;
    z-index: 3
}

.remodal-is-locked .bottom_part,
.remodal-is-locked main {
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.rem_inside {
    background: #d42e2e;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 50px;
    vertical-align: top;
    position: relative;
    margin-top: 170px;
}

.rem_inside .remodal_logo {
    width: 180px;
    height: 180px;
    background: #fff;
    margin-top: -100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rem_inside .remodal_top {
    padding-top: 45px;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.rem_inside .remodal_top h1 {
    font-size: 54px;
    line-height: 54px;
    font-family: "volte-semibold";
    letter-spacing: -2px;
}

.remodal .remodal_top p.lead {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}

.rem_inside .remodal_top h1.jp_font {
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    font-size: 42px;
    line-height: 60px;
}

.rem_inside p {
    margin-bottom: 20px
}

.rem_inside p:last-child {
    margin-bottom: 0
}

.rem_inside h3 {
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 18px;
    letter-spacing: 1px
}

.rem_inside h2 {
    font-family: "volte-semibold";
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.rem_inside h2.jp_font {
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px
}

.rem_inside p.last {
    margin-bottom: 20px
}

.rem_inside h2.yelclr {
    margin-top: 20px
}

.rem_inside .modal_sidebar {
    padding-left: 60px;
    border-left: 3px solid #fff;
    font-family: "volte-semibold";
    font-size: 18px;
    letter-spacing: 1px
}

.rem_inside .socials {
    padding-top: 25px
}

.rem_inside .socials a {
    color: #fff
}

.rem_inside .socials a .fa-linkedin {
    font-size: 24px
}

.rem_inside .socials a .fa-envelope {
    font-size: 21px
}

.rem_inside .button {
    margin-bottom: 15px
}

.remodal {
    padding: 0;
    background: transparent
}

.remodal.team {
    max-width: 930px
}

.remodal.team .remodal_logo {
    border-radius: 100%;
    margin-top: -140px;
    width: 175px;
    height: 175px
}

.remodal.team .remodal_top {
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 50px
}

.remodal.team .team_social a {
    color: #fff;
    font-size: 26px
}

.remodal.team .rem_inside.white {
    color: #000;
    background: #fff;
    /* -webkit-box-shadow: 0px 1px 6px 5px #ededed;
    box-shadow: 0px 1px 6px 5px #ededed */
}

.remodal.team .rem_inside.white .remodal-close,
.remodal.team .rem_inside.white .remodal_top h1,
.remodal.team .rem_inside.white .team_social a {
    color: #000
}

.remodal.team .rem_inside.white .remodal-close:after {
    background: url(../img/close_pop-black.svg) no-repeat
}

.remodal.team .rem_inside.white .remodal_top {
    border-bottom: 2px solid #000
}

.remodal-close {
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.remodal-close:hover {
    color: #fff
}

.remodal-close:focus {
    outline: none
}

.remodal-close:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background: url(../img/close_pop.svg) no-repeat;
    margin-left: 20px
}

.yelclr {
    color: #ffa600
}

.clear {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer
}

.clear:hover {
    text-decoration: none
}

.paginate {
    font-family: "volte-semibold";
    font-size: 30px;
    padding-bottom: 110px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.paginate .prev {
    display: inline-block;
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 0 15px 0 30px
}

.paginate .next {
    display: inline-block;
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    margin: 0 15px
}

.res_top {
    height: 570px;
    position: relative
}

.res_top>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.res_top .res_top_content {
    padding-top: 90px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.res_top .res_top_content .tags {
    padding: 0;
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.res_top .res_top_content .tags li {
    list-style: none;
    margin: 0 10px 15px 0
}

.res_top .res_top_content .tags li a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #00005a;
    padding: 2px 7px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "volte-semibold";
    letter-spacing: 1px;
    color: #00005a
}

.res_top .res_top_content .tags li:nth-child(2n) a {
    background: #00005a;
    color: #fff
}

.res_top .res_top_content h1 {
    color: #fff;
    font-family: "volte-semibold";
    font-size: 54px;
    margin-bottom: 40px
}

.res_top .res_top_content .res_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "volte-semibold";
    color: #00005a
}

.res_top .res_top_content .res_info li {
    padding-right: 40px;
    position: relative
}

.res_top .res_top_content .res_info li:after {
    content: "";
    width: 1px;
    height: 17px;
    background: #00005a;
    position: absolute;
    top: 3px;
    right: 20px
}

.res_top .res_top_content .res_info li:last-child:after {
    display: none
}

.res_top .res_top_content .res_info li i {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 7px
}

.res_top_image {
    max-width: 1348px;
    margin: -130px auto 0;
    text-align: center;
    position: relative
}

.res_top_image .res_top_image_capt {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px 100px;
    color: #fff;
    font-family: "volte-semibold";
    text-transform: uppercase
}

.blog_content {
    padding-top: 100px;
    padding-bottom: 135px
}

.blog_content .blog_content_txt {
    padding-left: 18px
}

blockquote {
    background: url(../img/res_single_quote.svg) no-repeat 43px 3px;
    font-family: "volte-semibold";
    font-size: 26px;
    line-height: 36px;
    padding: 78px 46px 40px;
    margin-bottom: 0
}

blockquote .quote_info {
    padding-top: 55px;
    font-size: 11px;
    line-height: 19px;
    color: #424242
}

blockquote .quote_info img {
    border-radius: 100%
}

.video_incontent {
    position: relative;
    min-height: 430px;
    margin-bottom: 95px
}

.video_incontent .video_incontent_inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 66px 56px;
    z-index: 2
}

.video_incontent .video_incontent_inside h3 {
    color: #fff;
    font-family: "volte-semibold";
    font-size: 54px;
    letter-spacing: -1px
}

.video_incontent .video_incontent_inside .video_incontent_play {
    width: 80px;
    height: 80px;
    margin-top: 58px;
    display: block
}

.video_incontent .video_incontent_inside .video_incontent_play .playcircle {
    max-width: 100%
}

.video_incontent .video_incontent_inside:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: 0.2
}

.video_incontent .video_incontent_inside>* {
    position: relative;
    z-index: 2
}

.video_incontent img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.text_style h1,
.text_style h2,
.text_style h3,
.text_style h4 {
    font-weight: 500;
    font-family: "volte-semibold", "Noto Sans CJK JP", sans-serif;
}

.text_style h2 {
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 30px
}

.text_style h3 {
    font-size: 26px;
    margin-bottom: 12px
}

.text_style ol {
    padding: 5px 0;
    margin: 0;
    list-style: none;
}

.text_style ol li {
    margin-bottom: 20px
}

.site-policy .text_style ol li {
    list-style: decimal;
    margin-left: 20px;
    padding-left: 8px;
}

.text_style ul {
    padding: 17px 24px;
    margin: 0;
    list-style: none
}

.text_style ul li {
    margin-bottom: 20px;
    position: relative
}

.text_style ul li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -21px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #000
}

.text_style p {
    margin-bottom: 20px
}

.text_style p+h2 {
    padding-top: 40px
}

.text_style hr {
    border-top: 3px solid #000;
    margin-top: 65px;
    margin-bottom: 65px
}

.text_style>img {
    margin-top: 50px;
    margin-bottom: 50px
}

.case_study_content {
    margin-bottom: 130px

}

.case_study_content .video_incontent {
    margin-top: 70px
}

.case_study_content .text_style ul {
    margin: 0 0 20px;
    padding: 0 0 0 25px
}

.case_study_content .text_style ul li {
    margin-bottom: 5px
}

.case_study_content .text_style p+ul {
    margin-top: -15px
}

p+.content_image {
    margin-top: 80px
}

.content_image {
    position: relative;
    margin-bottom: 40px
}

.content_image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #000;
    opacity: 0.1; */
    z-index: 2
}

.content_image .content_image_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 50px;
    color: #fff;
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 14px;
    z-index: 3
}

.content_image img {
    width: 100%;
    z-index: 1
}

.blog_sidebar {
    float: right;
    max-width: 247px;
    padding-top: 3px
}

.blog_sidebar h3 {
    font-family: "volte-semibold";
    line-height: 26px;
    font-size: 26px;
    margin-bottom: 10px
}

.blog_sidebar .share {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog_sidebar .share li {
    margin-right: 15px
}

.blog_sidebar .share li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 35px;
    height: 35px;
    background: #54d1c7;
    border-radius: 100%
}

.blog_sidebar .blog_sidebar_box {
    border-bottom: 3px solid #171717;
    padding-bottom: 52px;
    margin-bottom: 52px
}

.blog_sidebar .blog_sidebar_box:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.blog_sidebar .related_links {
    padding: 0;
    margin: 35px 0 0;
    list-style: none
}

.blog_sidebar .related_links .label {
    font-size: 14px;
    margin-bottom: 13px
}

.blog_sidebar .related_links h4 {
    font-family: "volte-semibold";
    font-size: 20px
}

.blog_sidebar .related_links h4 a {
    color: #000;
    text-decoration: underline
}

.blog_sidebar .related_links h4 a:hover {
    text-decoration: none
}

.blog_sidebar .related_links li {
    margin-bottom: 35px
}

.blog_sidebar .related_links li:last-child {
    margin-bottom: 0
}

.blog_sidebar .button {
    margin-top: 20px
}

.red_lion {
    background: #BDAB78;
    min-height: 600px;
    color: #000000;
    position: relative
}

@media only screen and (max-width: 767px) {
    .red_lion {
        min-height: 200px;
    }
}

.red_lion h2 {
    color: #000000;
    font-family: "volte-semibold";
    font-size: 54px;
    line-height: 64px;
    letter-spacing: -2px;
    margin-bottom: 30px
}

.red_lion h2.jp_font {
    color: #000000;
    font-weight: 700;
    font-family: "Noto Sans CJK JP";
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 30px
}

.red_lion h1,
.red_lion h3 {
    color: #000000;
    font-family: "volte-semibold"
}

.red_lion p {
    margin-bottom: 50px;
}

.red_lion .container {
    position: relative;
    padding-top: 90px;
    padding-bottom: 75px
}

.red_lion .red_lion_img {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(58%);
    transform: translateX(58%);
    height: 100%;
    width: 1260px
}

.red_lion .red_lion_img.left {
    right: auto;
    left: 0;
    -webkit-transform: none;
    transform: none;
    width: 50%
}

.red_lion .red_lion_img.right {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none;
    width: 50%
}

.red_lion+.tbc_headline {
    margin-top: 100px
}

.our_history {
    background: #00d3c7;
    position: relative;
    padding-bottom: 130px
}

.our_history .our_history_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1
}

.our_history h2 {
    color: #00005a;
    font-family: "volte-semibold";
    font-size: 54px
}

.our_history .container {
    padding-top: 120px;
    max-width: 100%;
    margin: 0 17%;
    padding-left: 55px;
    padding-right: 55px
}

.our_history .our_history_title {
    margin-bottom: 45px
}

.history_slider {
    position: relative;
    z-index: 2
}

.history_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history_slider .slick-track:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1
}

.history_slider .his_box {
    background: #00005a;
    color: #fff;
    padding: 35px;
    width: 100%
}

.history_slider .his_box h3 {
    font-family: "volte-semibold";
    margin-bottom: 25px;
    font-size: 26px
}

.history_slider .his_box .date {
    color: #00d3c7;
    font-size: 18px;
    margin-bottom: 25px
}

.history_slider .his_box .his_arrows {
    padding-top: 100px
}

.history_slider .his_box_wrap {
    padding: 0 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.history_slider .his_box_wrap:after {
    content: "";
    height: 62px;
    width: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.his_slide_next {
    display: inline-block;
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    margin: 0 50px 0 0;
    cursor: pointer
}

.his_slide_prev {
    display: inline-block;
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 0 50px 0 0;
    cursor: pointer
}

.contact_form {
    max-width: 1170px;
    margin: 0 auto;
    background: #000057;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px
}

.contact_form .contact_form_place {
    padding-top: 30px
}

.contact_form .container {
    max-width: 1000px
}

.contact_form .label {
    font-family: "volte-semibold";
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.contact_form .select2-container {
    width: 100% !important;
    max-width: 100% !important
}

.contact_form .form_line {
    margin-bottom: 30px
}

.contact_form .form_line input {
    width: 100%;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    height: 50px;
    background: transparent;
    color: #fff;
}

.contact_form .form_line input:focus {
    outline: none
}

.contact_form .form_line textarea {
    background: #262670;
    width: 100%;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    height: 140px;
    color: #fff;
    padding: 35px
}

.contact_form .form_line textarea:focus {
    outline: none
}

.contact_form .form_line ::-webkit-input-placeholder {
    color: #9e9ebf;
    font-family: "volte-medium"
}

.contact_form .form_line :-moz-placeholder {
    color: #9e9ebf;
}

.contact_form .form_line ::-moz-placeholder {
    color: #9e9ebf;
}

.contact_form .form_line :-ms-input-placeholder {
    color: #9e9ebf;
}

.contact_form .select2-container--default .select2-selection--multiple:after,
.contact_form .select2-container--default .select2-selection--single:after {
    background: #54d1c7
}

.green .select2-results__option:before {
    border-color: #54d1c7;
    background-color: #54d1c7
}

.green .select2-results__option[aria-selected=true]:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.green.select2-container .select2-selection .select2-selection__rendered {
    color: #8282ad
}

.select2-container--default.blue .select2-selection--multiple:after,
.select2-container--default.blue .select2-selection--single:after {
    background: #00005a
}

.blue .select2-results__option:before {
    border-color: #00005a;
    background-color: #00005a
}

.blue .select2-results__option[aria-selected=true]:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.mw325 {
    max-width: 325px
}

.mw495 {
    max-width: 495px
}

.grid_place .grid-item {
    width: 100%
}

.grid_place .container {
    max-width: 1460px;
    padding-left: 0;
    padding-right: 0
}

.back_top {
    padding-top: 55px;
    padding-bottom: 155px
}

.back_top .back_top_link {
    color: #383838;
    font-family: "volte-semibold";
    cursor: pointer;
    font-size: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px
}

.back_top .back_top_link:after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../img/arrow_black.svg) no-repeat;
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.back_top .back_top_link span {
    text-decoration: underline
}

.back_top .back_top_link span:hover {
    text-decoration: none
}

.career_slider {
    font-family: "volte-medium"
}

.career_slider h3 {
    font-family: "volte-semibold";
    font-size: 38px;
    letter-spacing: -1px;
    margin-bottom: 20px
}

.career_slider .job {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 25px
}

.career_slider .career_slider_nav {
    padding-top: 60px
}

.career_slider .career_slider_nav .slider-dots-place ul.slick-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.career_slider .career_slider_nav .slider-arrows-place {
    padding-left: 60px
}

.career_slider .label {
    text-transform: uppercase;
    font-size: 18px;
    font-family: "volte-semibold";
    margin-bottom: 35px
}

.slider-nav {
    margin-bottom: 20px
}

.slider-dots-place {
    padding-top: 10px
}

.slider-dots-place ul.slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0;
    margin: 0;
    list-style: none
}

.slider-dots-place ul.slick-dots li {
    margin: 0 8px
}

.slider-dots-place ul.slick-dots li button {
    text-indent: -9999px;
    display: block;
    width: 11px;
    max-width: 11px;
    height: 11px;
    max-height: 11px;
    background: #999;
    border: 0;
    border-radius: 100%;
    padding: 0;
    cursor: pointer
}

.slider-dots-place ul.slick-dots li button:focus {
    outline: none
}

.slider-dots-place ul.slick-dots li.slick-active button {
    background: #333
}

.slider-arrows-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider-arrows-place button.slick-prev {
    background: url(../img/arrow-play.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    margin: 0 15px;
    text-indent: -9999px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    cursor: pointer
}

.slider-arrows-place button.slick-prev:focus {
    outline: none
}

.slider-arrows-place button.slick-next {
    background: url(../img/arrow-play.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    margin: 0 15px 0 40px;
    text-indent: -9999px;
    cursor: pointer
}

.slider-arrows-place button.slick-next:focus {
    outline: none
}

.slider_left_pad {
    padding-left: 100px
}

.slider_left_pad.pl80 {
    padding-left: 80px
}

.dreamjob_filter {
    position: relative;
    padding-top: 55px
}

.dreamjob_filter:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #00005A;
    height: 70px;
    z-index: 1
}

.dreamjob_filter h2 {
    font-size: 38px;
    letter-spacing: -1px;
    font-family: "volte-semibold";
    margin-bottom: 30px;
    position: relative;
    z-index: 2
}

.dreamjob_filter .dreamjob_filter_box {
    background: #00D3C7;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    position: relative;
    z-index: 2
}

.dreamjob_filter .dreamjob_filter_box .label {
    font-size: 12px;
    color: #00005A;
    font-family: "volte-semibold";
    text-transform: uppercase;
    margin-bottom: 15px
}

.dreamjob_filter .dreamjob_filter_box .select2-container {
    min-width: 203px;
    margin-bottom: 30px
}

.dreamjob_filter .dreamjob_filter_box .select2-container .select2-selection span.select2-selection__rendered {
    color: #959595
}

.dreamjob_filter .dreamjob_filter_box input {
    height: 60px;
    border-radius: 4px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border: 0;
    width: 100%;
    font-size: 12px;
    font-family: "volte-semibold";
    margin-bottom: 30px
}

.dreamjob_filter .dreamjob_filter_box input:focus {
    outline: none
}

.dreamjob_filter .dreamjob_filter_box ::-webkit-input-placeholder {
    color: #959595;
    font-family: "volte-semibold"
}

.dreamjob_filter .dreamjob_filter_box :-moz-placeholder {
    color: #959595;
    font-family: "volte-semibold"
}

.dreamjob_filter .dreamjob_filter_box ::-moz-placeholder {
    color: #959595;
    font-family: "volte-semibold"
}

.dreamjob_filter .dreamjob_filter_box :-ms-input-placeholder {
    color: #959595;
    font-family: "volte-semibold"
}

.dreamjob_content {
    padding-top: 90px;
    background: #00005A
}

.dreamjob_content .results {
    color: #00D3C7;
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 18px;
    margin-right: 60px
}

.dreamjob_content .dreamjob_row {
    padding-top: 85px
}

.dreamjob_content .paginate {
    font-size: 14px;
    text-transform: none;
    font-family: "volte-regular";
    color: #fff;
    padding-top: 20px;
    padding-bottom: 30px
}

.dreamjob_content .paginate .next {
    margin: 0 0 0 0px
}

.dreamjob_content .paginate .prev {
    margin: 0 15px 0 0px
}

.simple_select {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    cursor: pointer
}

.simple_select:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 14px;
    right: 0px;
    pointer-events: none
}

.simple_select select {
    background: transparent;
    border: 0;
    border-radius: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 10px;
    height: 36px;
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 18px;
    color: #fff;
    padding-right: 20px
}

.simple_select select option {
    color: #000
}

.simple_select select:focus {
    outline: none
}

.simple_select select::-ms-expand {
    display: none
}

.job_box {
    background: #fff;
    padding: 20px;
    color: #00005A;
    margin-bottom: 56px
}

.job_box h3 {
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 18px;
    line-height: 22px
}

.job_box h3 a {
    color: #00005A
}

.job_box .date {
    color: #00005A;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 3px solid #00005A;
    padding-bottom: 12px;
    margin-bottom: 20px;
    min-height: 36px
}

.job_box .job_logo {
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d6d6d6
}

.tabs_place .tab-content .tbc_headline,
.tbc_headline {
    padding-top: 40px;
    padding-bottom: 130px
}

.tabs_place .tab-content .tbc_headline h2,
.tbc_headline h2 {
    font-size: 38px;
    margin-bottom: 40px;
    line-height: 1.2
}

.tabs_place .tab-content .tbc_headline h1,
.tabs_place .tab-content .tbc_headline h2,
.tabs_place .tab-content .tbc_headline h3,
.tabs_place .tab-content .tbc_headline h4,
.tabs_place .tab-content .tbc_headline h5,
.tbc_headline h1,
.tbc_headline h2,
.tbc_headline h3,
.tbc_headline h4,
.tbc_headline h5 {
    font-family: "volte-semibold";
    margin-bottom: 30px
}

.tabs_place .tab-content .tbc_headline p,
.tbc_headline p {
    margin-bottom: 30px
}

.tabs_place .tab-content .tbc_headline p:last-child,
.tbc_headline p:last-child {
    margin-bottom: 0
}

.tabs_place .tab-content .tbc_headline:last-child,
.tbc_headline:last-child {
    padding-bottom: 0
}

.tabs_place {
    padding-top: 55px
}

.tabs_place ul.nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0px;
    border-bottom: 3px solid #000
}

.tabs_place ul.nav li {
    margin-right: 30px;
    margin-bottom: 25px
}

.tabs_place ul.nav li a {
    text-transform: uppercase;
    font-family: "volte-semibold";
    font-size: 18px;
    text-decoration: underline;
    padding: 0;
    color: #000;
    opacity: 0.4
}

.tabs_place ul.nav li a.active {
    opacity: 1
}

.tabs_place ul.nav li:last-child {
    margin-right: 0
}

.tabs_place .tab-content {
    padding-top: 110px;
    padding-bottom: 130px
}

.tabs_place .tab-content h1,
.tabs_place .tab-content h2,
.tabs_place .tab-content h3,
.tabs_place .tab-content h4 {
    font-family: "volte-semibold"
}

.tabs_place .tab-content h2 {
    font-size: 54px;
    line-height: 64px;
    margin-bottom: 30px
}

.tabs_place .tab-content p {
    margin-bottom: 20px
}

.results_blocks .results_block h2 {
    font-family: "volte-bold";
    font-size: 100px;
    margin-bottom: 20px
}

.results_blocks .results_block h4 {
    font-size: 38px;
    font-family: "volte-semibold";
    letter-spacing: -1px;
    margin-bottom: 30px
}

.results_blocks .results_block h4:last-child {
    margin-bottom: 0
}

.big_title h2 {
    font-family: "volte-bold";
    font-size: 100px;
    margin-bottom: 40px;
    line-height: 100px
}

.big_title p:last-child {
    margin-bottom: 0
}

.case_sidebar {
    background: #CC2825;
    color: #fff;
    padding: 45px 35px;
    float: right;
    width: 320px;
    margin-bottom: 40px
}

.case_sidebar.download {
    width: 360px
}

.case_sidebar.download h3 {
    color: #fff;
    text-transform: none;
    font-size: 21px;
    font-family: "volte-semibold";
    margin-bottom: 30px
}

.case_sidebar h3 {
    font-size: 26px;
    /* text-transform: uppercase; */
    font-family: "volte-semibold";
    margin-bottom: 20px
}

.case_sidebar p {
    font-size: 16px;
    font-family: "volte-medium", "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    margin-bottom: 8px
}

.case_sidebar hr {
    border-top: 2px solid #fff;
    margin: 40px 0
}

.case_sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.case_sidebar ul li {
    margin-bottom: 7px
}

.case_sidebar ul.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0 40px
}

.case_sidebar ul.social li {
    margin-right: 40px
}

.case_sidebar ul.social li:last-child {
    margin-right: 0
}

.case_sidebar ul.social .fa-linkedin {
    font-size: 26px
}

.case_sidebar ul.social .fa-envelope {
    font-size: 21px
}

.case_sidebar a:not(.button) {
    color: #fff;
    text-decoration: underline
}

.case_sidebar a:not(.button):hover {
    text-decoration: none
}

.case_sidebar .case_sidebar_person {
    margin-top: 25px;
    margin-bottom: 20px
}

.case_sidebar .name {
    font-size: 26px;
    font-family: "volte-semibold";
    line-height: 31px;
    margin-bottom: 20px
}

.case_sidebar .label {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "volte-semibold";
    letter-spacing: 0.5px;
    margin-bottom: 10px
}

.case_sidebar .input_wrap {
    margin-bottom: 30px
}

.case_sidebar .input_wrap p {
    margin-bottom: 20px
}

.case_sidebar .input_wrap input {
    height: 50px;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    background: transparent;
    color: #fff
}

.case_sidebar .input_wrap input:focus {
    outline: none
}

.case_sidebar .input_wrap textarea {
    height: 170px;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    background: #1a1a68;
    color: #fff;
    padding: 10px
}

.case_sidebar .input_wrap textarea:focus {
    outline: none
}

.case_sidebar .input_wrap ::-webkit-input-placeholder {
    color: #fff;
}

.case_sidebar .input_wrap :-moz-placeholder {
    color: #fff;
}

.case_sidebar .input_wrap ::-moz-placeholder {
    color: #fff;
}

.case_sidebar .input_wrap :-ms-input-placeholder {
    color: #fff;
}

.case_sidebar small {
    display: block
}

.case_sidebar .button {
    margin-bottom: 20px
}

.mt40 {
    margin-top: 40px
}

.full_width_slider {
    margin-top: 30px
}

.full_width_slider .item {
    position: relative
}

.full_width_slider .item:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.75)), color-stop(60%, rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 55%, rgba(0, 0, 0, 0.75) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#d9000000", GradientType=0); */
    z-index: 1;
    opacity: 0.5
}

.full_width_slider .item .container {
    position: relative;
    z-index: 2
}

.full_width_slider .item .container .row {
    min-height: 600px;
    padding-bottom: 110px
}

.full_width_slider .item .container .row h3 {
    font-size: 38px;
    font-family: "volte-semibold";
    line-height: 45px;
    color: #fff
}

.full_width_slider_nav {
    margin-bottom: 100px;
    position: relative
}

.full_width_slider_nav .container {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px)
}

.full_width_slider_nav .container .full_width_slider_arrows button.slick-prev {
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 0 30px 0 0;
    text-indent: -9999px;
    cursor: pointer
}

.full_width_slider_nav .container .full_width_slider_arrows button.slick-prev:focus {
    outline: none
}

.full_width_slider_nav .container .full_width_slider_arrows button.slick-next {
    background: url(../img/arrow-play-white.svg) no-repeat;
    border: 0;
    height: 26px;
    width: 23px;
    background-size: contain;
    margin: 0 0px 0 50px;
    text-indent: -9999px;
    cursor: pointer
}

.full_width_slider_nav .container .full_width_slider_arrows button.slick-next:focus {
    outline: none
}

.full_width_slider_nav .container .full_width_slider_dots ul.slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0;
    margin: 0;
    list-style: none
}

.full_width_slider_nav .container .full_width_slider_dots ul.slick-dots li {
    margin: 0 8px
}

.full_width_slider_nav .container .full_width_slider_dots ul.slick-dots li button {
    text-indent: -9999px;
    display: block;
    width: 11px;
    max-width: 11px;
    height: 11px;
    max-height: 11px;
    background: #fff;
    border: 0;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    opacity: 0.4
}

.full_width_slider_nav .container .full_width_slider_dots ul.slick-dots li button:focus {
    outline: none
}

.full_width_slider_nav .container .full_width_slider_dots ul.slick-dots li.slick-active button {
    opacity: 1
}

.clients_sec:last-child {
    margin-bottom: 115px
}

.clients_sec .container {
    max-width: 1380px
}

.modal_sidebar_img img {
    border-radius: 100%
}

.page-template-page-our-work .clients_sec .container {
    max-width: 1480px
}

.sidebar_job {
    text-transform: lowercase
}

.sidebar_job:first-letter {
    text-transform: capitalize
}

.wpcf7-not-valid-tip {
    padding-top: 5px
}

.tab-pane .our_agencies.diff:first-child {
    padding-top: 0
}

.tab-pane .our_agencies.values:last-child {
    padding-bottom: 0
}

.text_content_place {
    margin-bottom: 60px
}

.text_content_place p{
    margin-bottom: 35px
}
.text_content_place img {
    margin-top: 30px
}

.hiddendwon {
    opacity: 0;
    visibility: hidden
}

.wpcf7 form .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0
}

.search_ans {
    margin-bottom: 30px
}

.search_ans h4 a {
    color: #00005A
}

.hero_seo {
    display: none
}

.video_section+.dreamjob_filter {
    padding-top: 0
}

.page-id-795 .dreamjob_filter,
.page-id-833 .dreamjob_filter {
    margin-top: -85px
}

.page-id-795 .dreamjob_content .paginate,
.page-id-795 .dreamjob_filter h2,
.page-id-833 .dreamjob_content .paginate,
.page-id-833 .dreamjob_filter h2 {
    display: none
}

.page-id-795 .video_section.diff,
.page-id-833 .video_section.diff {
    margin-bottom: 0
}

.platform_box_content_height {
    padding-bottom: 5px
}

.page-template-page-agencies .hidethis {
    display: none !important
}

.head_socs a {
    color: #000;
    cursor: pointer;
    padding: 33px 20px;
    display: block;
}

.head_socs a:hover {
    color: #000;
    background: #f2f2f2
}

.page-id-358 .video_section.diff {
    margin-bottom: 0
}

.people_slider .slick-arrow {
    background: url(../img/pip_ar.svg) no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-size: contain;
    border: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 3
}

.people_slider .slick-arrow.slick-next {
    right: -40px
}

.people_slider .slick-arrow.slick-prev {
    left: -40px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: 38%
}

.people_slider .slick-arrow:focus {
    outline: none
}

.mob_yel_lion {
    background: url(../img/liongold.svg) no-repeat center top;
    background-size: 52%;
    width: 100%;
    height: 211px
}

.thereisnotext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.thereisnotext .playcircle {
    height: 80px
}

.thereisnotext .video_incontent_play {
    margin-top: 0 !important
}

.modal_man img {
    border-radius: 100%
}

.client_logobox {
    height: 150px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#slick-clients .slick-arrow {
    background: url(../img/arrow-play-white.svg) no-repeat center center;
    width: 30px;
    height: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    text-indent: -9999px;
    z-index: 3;
    cursor: pointer
}

#slick-clients .slick-arrow.slick-prev {
    left: -10px;
    -webkit-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

#slick-clients .slick-arrow.slick-next {
    right: -10px
}

#slick-clients .slick-arrow:focus {
    outline: none
}

.single-agency {
    background: #d42e2e
}

.single-agency .rem_inside {
    margin-top: 120px;
    margin-bottom: 20px
}

@media only screen and (max-width:1900px) {
    .our_history .container {
        margin: 0 12%
    }
}

@media only screen and (max-width:1500px) {
    .wide_content.works .brand_book_select {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width:1400px) {
    .platform .platform_holder .platform_slide .platform_box {
        /* left: 115px */
        left: auto
    }

    .platform {
        height: auto;
        min-height: 1px
    }

    .platform h2 {
        font-size: 44px;
        line-height: 50px
    }

    .platform .label {
        margin-bottom: 10px
    }

    .platform .platform_title {
        margin-bottom: 30px
    }

    .our_history .container {
        margin: 0 5%
    }
}

@media only screen and (max-width:1200px) {
    .clients_sec .container {
        padding-left: 0;
        padding-right: 0
    }

    .clients_sec .container .latest_work_bottom {
        padding: 60px 15px 30px
    }

    .tbc_headline .tbc_headline_img {
        padding-right: 30px
    }

    .latest_work .latest_work_top {
        padding: 95px 20px 63px
    }

    .slider_left_pad {
        padding-left: 50px
    }

    .latest_post {
        height: 370px
    }

    .latest_post.long {
        height: 740px
    }

    .wide_content {
        padding-left: 0;
        padding-right: 0
    }

    .our_history .container {
        margin: 0 1%;
        padding-left: 30px;
        padding-right: 30px
    }

    .history_slider .his_box_wrap {
        padding: 0 30px
    }

    .blue_blur_sec .blue_blur_txt {
        padding: 80px
    }

    .case_sidebar,
    .case_sidebar.download {
        width: 100%;
        margin-left: 50px;
    }

    header ul li a {
        padding: 33px 5px !important
    }

    .platform .slide_dec {
        right: -590px
    }

    .platform .container {
        max-width: 960px
    }

    .work_withus .work_withus_content {
        padding-left: 10px
    }

    .work_withus:before {
        opacity: 0.2
    }

    .hide1200 {
        display: none
    }

    .bottom_part footer small,
    .bottom_part footer ul.footer_menu {
        margin-left: 0
    }

    .bottom_part footer ul.social {
        margin-right: 0
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content {
        padding: 20px 20px
    }

    .latest_post .latest_post_bottom,
    .latest_post .latest_post_top {
        padding: 25px
    }

    .blue_blur_sec h2,
    .bottom_part .bottom_latest_news h2,
    .full_row .full_row_text h2,
    .our_agencies .our_agencies_title h1,
    .our_agencies .our_agencies_title h2,
    .our_agencies .our_agencies_title2 h1,
    .our_agencies .our_agencies_title2 h2,
    .tabs_place .tab-content h2 {
        font-size: 54px;
        line-height: 56px;
        margin-bottom: 25px;
        letter-spacing: -2px
    }

    .latest_post .latest_post_top h3,
    .our_agencies.diff .diff_row .diff_box h3,
    .work_withus .work_withus_content h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px
    }

    header ul li {
        margin-left: 30px
    }

    .blue_blur_sec .blue_blur_img,
    .blue_blur_sec .blue_blur_img .blue_blur1,
    .blue_blur_sec .blue_blur_img .blue_blur2,
    .blue_blur_sec .blue_blur_img .blue_blur3 {
        max-width: 390px
    }

    .video_section.agencies {
        padding-top: 160px;
        min-height: 1px
    }

    .big_title h2,
    .video_section h1.video_title {
        font-size: 70px;
        line-height: 75px
    }
}

@media only screen and (max-width:992px) {
    .mobile_search button i.fa-close:before {
        content: "\f002"
    }

    .header_menu {
        padding-top: 30px
    }

    header ul li.menu-item-has-children ul.sub-menu {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        background: #f3f3f3;
        display: none;
        -webkit-transition: 0;
        transition: 0
    }

    header ul li.menu-item-has-children ul.sub-menu.show {
        display: block
    }

    .case_sidebar,
    .case_sidebar.download {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .tabs_place .tab-content {
        padding-top: 40px
    }

    .tabs_place .tab-content img {
        margin-top: 30px
    }

    .tabs_place .tab-content .video_incontent img {
        margin-top: 0
    }

    .tbc_headline .tbc_headline_img {
        padding-right: 0;
        margin-bottom: 30px
    }

    .career_slider .career_slider_nav .slider-arrows-place {
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .career_slider .career_slider_nav {
        padding-top: 0
    }

    .dreamjob_filter .dreamjob_filter_box .select2-container {
        min-width: 100%
    }

    .slider-for {
        text-align: center
    }

    .slider-nav {
        text-align: left
    }

    .slider_left_pad,
    .slider_left_pad.pl80 {
        padding-left: 0;
        padding-top: 40px
    }

    .wide_content.works .brand_book_select {
        padding-left: 35px;
        padding-right: 35px
    }

    .grid_place .latest_work_bottom {
        padding-left: 30px;
        padding-right: 30px
    }

    .contact_form .container {
        max-width: 720px
    }

    .our_agencies .our_people .our_people_txt {
        max-width: 100%
    }

    .red_lion .red_lion_img {
        opacity: 0.3
    }

    .video_incontent {
        min-height: 320px
    }

    .video_incontent .video_incontent_inside {
        padding: 25px
    }

    .video_incontent .video_incontent_inside h3 {
        font-size: 30px
    }

    blockquote {
        padding: 78px 0 40px;
        background: url(../img/res_single_quote.svg) no-repeat 0px 3px
    }

    .blog_content .blog_content_txt {
        padding-left: 0;
        padding-right: 30px
    }

    .clear {
        float: right
    }

    .wide_content .brand_book_select>.row>div {
        margin-bottom: 30px
    }

    .wide_content .brand_book_select>.row>div:last-child {
        margin-bottom: 0
    }

    .rem_inside .modal_sidebar,
    .remodal .modal_sidebar {
        margin-top: 50px;
        padding-left: 30px
    }

    .video_section.agencies {
        padding-top: 125px;
        padding-bottom: 130px
    }

    .bottom_part .bottom_latest_news .container {
        max-width: 720px
    }

    .full_row {
        margin-bottom: 70px
    }

    .full_row .full_row_text {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .work_withus:before {
        right: -110px
    }

    .latest_work .latest_work_top h2,
    .red_lion h2 {
        margin-bottom: 30px
    }

    .hide992 {
        display: none
    }

    .platform_mobile:after {
        width: 900px
    }

    .platform_mobile .label {
        margin-bottom: 0
    }

    .video_section .video_socials {
        float: none;
        padding-top: 60px
    }

    .platform_mobile .container .platform_box {
        padding: 20px 25px
    }

    .bottom_part footer ul.footer_menu,
    .bottom_part footer ul.social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bottom_part footer ul.footer_menu li,
    .bottom_part footer ul.social li {
        margin-left: 15px;
        margin-right: 15px
    }

    .bottom_part footer {
        text-align: center
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side>div {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side .news_box .news_box_content {
        height: 100%;
        position: relative;
        padding-bottom: 50px
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side .news_box .news_box_content .button {
        position: absolute;
        bottom: 0;
        left: 20px
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side .news_box {
        min-height: 1px;
        height: auto
    }

    .latest_post .latest_post_top .label {
        font-size: 14px
    }

    .latest_post .latest_post_top h3 {
        font-size: 18px
    }

    .latest_work .latest_work_top .button {
        float: none
    }

    .latest_work .latest_work_bottom,
    .latest_work .latest_work_top {
        padding: 40px 15px 20px
    }

    .blue_blur_sec .blue_blur_img {
        margin: 0 auto 40px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    header ul {
        padding: 0;
        display: block;
        margin: 0
    }

    header ul li {
        margin-left: 0;
        border-bottom: 0
    }

    header ul li a {
        display: block;
        padding: 20px 15px !important
    }

    .header_menu,
    .hide992 {
        display: none
    }

    .blue_blur_sec .blue_blur_txt {
        max-width: 100%
    }

    .latest_work .latest_work_bottom h2 {
        margin-bottom: 30px
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_box .news_box_content {
        margin-bottom: 20px
    }

    .tabs_place ul.nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:767px) {
    body {
        font-size: 16px
    }
    .people_slider .slick-arrow.slick-next {
        right: -15px
    }

    .people_slider .slick-arrow.slick-prev {
        left: -15px
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side {
        display: block
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side>div {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-id-795 .dreamjob_filter,
    .page-id-833 .dreamjob_filter {
        margin-top: 0
    }

    .bottom_part:before {
        top: 263px
    }

    .paginate {
        font-size: 18px
    }

    .brand_book_list .brand_book_list_title {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .brand_book_list .brand_book_list_title h2{
        padding-top: 30px;
        margin-left: -10px;
        font-size: 38px;
    }

    .wide_content .brand_book_select {
        margin-top: 0px
    }

    .tabs_place .container,
    .tabs_place .our_agencies {
        padding-left: 0;
        padding-right: 0
    }

    .bottom_part.diff .bottom_latest_news {
        padding-top: 40px
    }

    .clients_sec .container .latest_work_bottom {
        padding-bottom: 0
    }

    .latest_work_bottom .client_row>div {
        padding-left: 15px;
        padding-right: 15px;
        min-height: 1px
    }

    .case_study_content .container,
    .clients_sec .container .latest_work_bottom,
    .res_top_image .res_top_image_capt {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: -80px;
    }

    .bottom_part footer ul.footer_menu li {
        margin-left: 10px;
        margin-right: 10px
    }

    header ul#menu-header-menu>li>a {
        font-size: 28px;
        line-height: 32px;
        font-family: "volte-semibold"
    }

    .work_withus .work_withus_content .button {
        margin-top: 0
    }

    .bottom_part .work_withus:before,
    .work_withus:before {
        opacity: 1;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        bottom: 0;
        top: auto;
        background: url(../img/lion_mobile.png) no-repeat center bottom;
        background-size: contain;
        width: 100%;
        height: 213px
    }

    .work_withus {
        margin-left: 30px;
        margin-right: 30px
    }

    .bottom_part footer ul.footer_menu,
    .bottom_part footer ul.social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .bottom_part footer {
        padding-left: 30px;
        padding-right: 30px;
        text-align: left
    }

    .bottom_part footer .container {
        padding-left: 0;
        padding-right: 0
    }

    .bottom_part footer .container>.row>div {
        padding-left: 0;
        padding-right: 0
    }

    .video_section .video_socials {
        padding-top: 15px
    }

    .wide_content.works .brand_book_select {
        padding-left: 35px;
        padding-right: 35px
    }

    .blog_content,
    .contact_form,
    .dreamjob_content,
    .dreamjob_filter .dreamjob_filter_box,
    .full_row .full_row_text,
    .red_lion .container,
    .tabs_place {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }

    .brand_book_list {
        padding-left: 5px;
        padding-right: 5px
    }

    .bottom_latest_news,
    .bottom_part footer small,
    .optional_sec,
    .our_agencies,
    .platform_mobile,
    .video_section,
    .work_withus {
        padding-left: 15px;
        padding-right: 15px
    }

    .platform_mobile.home {
        padding-left: 0;
        padding-right: 0
    }

    .platform_mobile br,
    .video_section .video_btn_row .big_play_link,
    .video_section .video_btn_row .video_btn_row_txt br {
        font-size: 16px;
    }

    .remodal.team .remodal_logo {
        margin-top: -60px
    }

    .tbc_headline {
        padding-bottom: 70px
    }

    .results_blocks .results_block {
        margin-bottom: 40px
    }

    .video_section .video_btn .playcircle {
        width: 75px;
        height: 75px
    }

    .content_image .content_image_txt {
        padding: 25px
    }

    .content_image {
        margin-bottom: 40px
    }

    .full_width_slider_nav .container .full_width_slider_arrows button.slick-next {
        margin: 0 0px 0 15px
    }

    .full_width_slider .item .container .row {
        min-height: 400px
    }

    .career_slider .label {
        text-align: left
    }

    .brand_box {
        margin:0 10px 50px 10px
    }

    .brand_box p {
        margin-bottom: 50px;
    }

    .brand_box p.recruit {
        min-height: 0;
    }

    .brand_book_list.leadership .brand_box {
        text-align: left;
        margin-bottom: 50px
    }

    .brand_box .brand_box_image {
        margin-bottom: 25px;
    }

    .mw325,
    .mw495 {
        max-width: 100%
    }

    .our_history .our_history_title {
        display: none
    }

    .our_history .container {
        padding-top: 30px
    }

    .our_history .our_history_bg {
        height: 200px;
        width: 100%;
        position: static
    }

    .our_history {
        padding-bottom: 30px
    }

    .bottom_part .bottom_latest_news h3 {
        margin-bottom: 20px;
        max-width: 100%
    }

    .red_lion .container {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .red_lion .red_lion_img,
    .red_lion .red_lion_img.left,
    .red_lion .red_lion_img.right {
        position: static;
        opacity: 1;
        height: 156px;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        background-size: contain !important;
        margin-bottom: 40px
    }

    .red_lion .red_lion_img.left,
    .red_lion .red_lion_img.right {
        margin-bottom: 0px;
        background-size: cover !important
    }

    .brand_book_select {
        padding: 25px 20px;
        display: block
    }

    .brand_book_select .select2-container {
        max-width: 100%;
        margin-bottom: 20px
    }

    .rem_inside {
        padding: 20px;
        margin-top: 90px
    }

    .rem_inside .remodal_logo {
        margin-top: -60px
    }

    .rem_inside .remodal_top h1 {
        font-size: 28px
    }

    .remodal {
        margin-top: 0
    }

    .remodal .rem_inside {
        padding: 20px;
        margin-top: 90px
    }

    .remodal .remodal-close {
        top: 20px;
        right: 20px
    }

    .remodal .remodal_logo {
        margin-top: -60px
    }

    .remodal .remodal_top h1 {
        font-size: 38px;
        margin-bottom: 0;
    }

    .remodal .remodal_top h1.jp_font {
        font-size: 30px;
        margin-bottom: 0;
    }

    .remodal .remodal_top p.lead {
        font-size: 20px;
    }


    .res_top .res_top_content h1,
    .results_blocks .results_block h4 {
        font-size: 30px
    }

    .big_title h2,
    .results_blocks .results_block h2,
    .video_section h1.video_title {
        font-size: 60px;
        line-height: 62px;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    
    .video_section h1.video_title_jp {
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 20px;
    }

    .video_section .enmix {
        font-size: 60px !important;
    }



    .whatwe-detail h1.video_title {
        font-size: 42px;
        line-height: 42px;
        letter-spacing: -1px;
        margin-bottom: 20px;

    }

    .whatwe-detail h1.video_title.resize-font {
        font-size: 34px;
    }

    .whatwe-detail h1.video_title_jp {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .whatwe-detail h1.video_title_jp.resize-font {
        font-size: 28px;
    }

    .whatwe-detail .enmix {
        font-size: 42px !important;
    }


    .blue_blur_sec .blue_blur_slider .owl-dots {
        bottom: 25px
    }

    .blue_blur_sec .blue_blur_slider .owl-stage-outer .owl-stage .owl-item .slideowl {
        min-height: 370px
    }

    .video_section .video_btn_row .video_btn_row_txt {
        max-width: 100%;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 15px;
        font-size: 16px;
        margin-top: 0;
    }

    .hide767 {
        display: none
    }

    .platform_mobile:after {
        display: none
    }

    .platform_mobile .container .platform_box {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%
    }

    .video_section .video_socials {
        max-width: 100%
    }

    .video_section .video_socials .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bottom_part footer ul.footer_menu {
        display: block;
        margin-bottom: 40px
    }

    .bottom_part footer ul.footer_menu li {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .bottom_part .bottom_latest_news .latest_news_row .news_side {
        display: block
    }

    .work_withus .work_withus_content {
        padding: 30px 15px 230px
    }

    .our_agencies {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .our_agencies.leadership {
        margin-top: 50px;
        margin-bottom: 50px;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
        background-image: linear-gradient(177deg, rgba(232, 232, 232, 1), rgba(255, 255, 255, 1) 18%);
    }

    .our_agencies.leadership2 {
        margin-top: 0;
        margin-bottom: 50px;
        padding-top: 50px;
        background-image: linear-gradient(177deg, rgba(232, 232, 232, 1), rgba(255, 255, 255, 1) 18%);
    }

    .our_agencies.diff {
        padding-bottom: 0
    }

    .our_agencies.diff .diff_row .diff_box {
        margin-bottom: 70px;
        max-width: 100%
    }

    .our_agencies.diff .diff_row .diff_box .diff_box_btn {
        padding-top: 15px
    }

    .career_slider h3,
    .full_width_slider .item .container .row h3,
    .latest_post .latest_post_top h3 {
        font-size: 28px;
        line-height: 1.2
    }

    .our_agencies .our_agencies_title {
        padding-bottom: 20px
    }

    .our_agencies .our_agencies_title2 {
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .blue_blur_sec h2,
    .bottom_part .bottom_latest_news h2,
    .full_row .full_row_text h2,
    .latest_work .latest_work_top h2,
    .our_agencies .our_agencies_title h1,
    .our_agencies .our_agencies_title h2,
    .our_agencies .our_agencies_title2 h1,
    .our_agencies .our_agencies_title2 h2,
    .our_history h2,
    .platform_mobile h2,
    .red_lion h2,
    .tabs_place .tab-content h2,
    .tbc_headline h2 {
        font-size: 38px;
        line-height: 40px
    }

    .red_lion h2.jp_font {
        font-size: 30px;
        line-height: 36px
    }

    .full_row .full_row_text h2.jp_font,
    .blue_blur_sec h2.jp_font {
        font-size: 30px;
        line-height: 36px;
    }

    .blue_blur_sec .blue_blur_img {
        -webkit-transform: translateX(15%);
        transform: translateX(15%);
        margin-bottom: 30px
    }

    .blue_blur_sec .blue_blur_img,
    .blue_blur_sec .blue_blur_img .blue_blur1,
    .blue_blur_sec .blue_blur_img .blue_blur2,
    .blue_blur_sec .blue_blur_img .blue_blur3 {
        max-width: 200px
    }

    .video_section .video_section_txt {
        padding-top: 30px;
        padding-left: 0;
        margin-bottom: 0
    }

    .video_section,
    .video_section.agencies,
    .video_section.diff,
    .video_section.res {
        display: flex;
        align-items: end;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
        min-height: 500px;
    }

    .video_section.up {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .video_section.up.pt20 {
        padding-top: 20px;
    }

    .video_section .video_btn_row img {
        margin: 0 0 15px;
        max-width: 60px
    }

    .optional_sec {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .platform_mobile .container:after,
    .platform_mobile .container:before {
        display: none
    }

    .platform_mobile .container .nav.nav-tabs {
        margin: 0 0 40px
    }

    .platform_mobile .container .nav.nav-tabs li a.active span {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .platform_mobile {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .blog_content {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .blog_content .blog_content_txt {
        padding-right: 0
    }

    .video_incontent {
        margin-bottom: 50px
    }

    .text_style ul {
        padding: 17px 25px
    }

    .blog_sidebar {
        max-width: 100%;
        float: none;
        padding-top: 50px
    }

    .history_slider .his_box {
        padding: 25px
    }

    .our_history .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .history_slider .his_box_wrap {
        padding: 0 15px
    }

    .history_slider .his_box_wrap:after {
        display: none
    }

    .grid_place .latest_work_bottom {
        padding-left: 15px;
        padding-right: 15px
    }

    .video_section.diff:before {
        width: 100%
    }

    .video_section.diff {
        margin-bottom: 50px;
    }

    .case_sidebar {
        padding: 30px 25px
    }

    .video_section.agencies {
        margin-bottom: 50px;
    }

    .remodal-is-locked header {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }

    .remodal-is-initialized {
        padding-top: 5px
    }

    .remodal-wrapper {
        padding-bottom: 10px
    }

    .text_content_place {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:560px) {
    .mob_yel_lion {
        background-size: 100%
    }
}

@media only screen and (min-width:576px) {
    .grid .grid-item {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .show767 {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .grid .grid-item {
        width: 33.3333333333%
    }

    .show992 {
        display: none
    }

    .hamburger {
        display: none
    }

    .header_menu {
        display: block !important
    }

    .opa0 {
        opacity: 0;
        visibility: hidden
    }

    .blue_blur_sec .blue_blur_slider,
    .blue_blur_sec .blue_blur_slider .owl-stage-outer,
    .blue_blur_sec .blue_blur_slider .owl-stage-outer .owl-stage,
    .blue_blur_sec .blue_blur_slider .owl-stage-outer .owl-stage .owl-item,
    .blue_blur_sec .blue_blur_slider .owl-stage-outer .owl-stage .owl-item .slideowl {
        height: 100%;
        min-height: 100%
    }

    .full_row.reverse .row,
    .full_row:nth-child(odd) .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .full_row.reverse .row .full_row_text,
    .full_row:nth-child(odd) .row .full_row_text {
        padding-top: 82px;
        padding-left: 80px;
        padding-right: 0
    }

    .full_row.reverse .full_row_imagewrap>.row>.col-lg-6 img,
    .full_row:nth-child(odd) .full_row_imagewrap>.row>.col-lg-6 img {
        margin-left: 0;
        margin-right: 10px
    }

    .full_row .full_row_imagewrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .full_row .full_row_imagewrap>.row {
        height: 100%
    }

    .full_row .full_row_imagewrap>.row>.col-lg-6 {
        height: 100%
    }

    .full_row .full_row_imagewrap>.row>.col-lg-6 img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .full_row .full_row_text {
        min-height: 540px
    }

    .tabs_place ul.nav {
        width: 50%
    }

    .tabs_place .tab-content .tab_txt {
        padding-right: 50px
    }

    header ul li.menu-item-has-children .caretbox {
        display: none
    }

    #menu-item-121 .sub-menu,
    #menu-item-1585 .sub-menu {
        min-width: 320px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #menu-item-121 .sub-menu li,
    #menu-item-1585 .sub-menu li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    #menu-item-121 .sub-menu li a,
    #menu-item-1585 .sub-menu li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        min-height: 100%
    }
}

@media only screen and (min-width:1200px) {
    
    .show1200 {
        display: none
    }

    .full_row:nth-child(odd) .row .full_row_text {
        padding-left: 135px;
        padding-right: 36px;
        padding-bottom: 80px;
    }

    .full_row.forcareer .row .full_row_text {
        padding-left: 100px
    }

    .grid56 {
        margin-left: -26px;
        margin-right: -26px
    }

    .grid56>div {
        padding-left: 26px;
        padding-right: 26px
    }

    .grid48 {
        margin-left: -24px;
        margin-right: -24px
    }

    .grid48>div {
        padding-left: 24px;
        padding-right: 24px
    }

    .grid38 {
        margin-left: -16px;
        margin-right: -16px
    }

    .grid38>div {
        padding-left: 16px;
        padding-right: 16px
    }

    .wide_content.works .brand_book_select .col-xl-3 {
        -ms-flex: 0 0 23%;
        -webkit-box-flex: 0;
        flex: 0 0 23%;
        max-width: 23%
    }

    .career_slider .career_slider_nav .slider-arrows-place .slick-next {
        margin: 0 15px 0 100px
    }

    .page-template-page-careers .padding_on_career,
    .red_lion_txt_right {
        padding: 120px 0 120px 30px
    }

    .tabs_place .tab-content .tab_txt {
        padding-right: 110px
    }

    .big_title h2 {
        margin-right: -40px
    }
}

@media only screen and (min-width:1300px) {
    .blue_blur_sec .container {
        max-width: 1208px
    }
}

@media only screen and (min-width:1537px) {
    .platform .container {
        height: 100vh;
        min-height: 100vh
    }
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    input,
    textarea {
        background-image: -webkit-linear-gradient(#fff 0, 0%, 100%, 0, #fff 0, 0%, 100%, 0);
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}



/*=== update 16--03-2023===*/
.video_section.diff.three:before {
    content: '';
    width: 100%;
    height: 130%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+2,0.65+99 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    top: auto;
    bottom: 0;
}

.video_section.diff.three {
    margin-bottom: 0;
    overflow: hidden;
}

.scroll-section .slides-container .pin-wrapper .scroll_bg.active {
    opacity: 1;
}

.scroll-section .slides-container .pin-wrapper .scroll_bg {
    transition: 300ms;
    opacity: 0;
}

.platform .platform_holder .platform_slide .platform_box .platform_icon_holder .platform_icon {
    position: absolute;
    top: -80px;
    right: -5px;
    width: 105px;
    height: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #707070;
    padding: 15px;
}

.platform .platform_holder .platform_slide .platform_box .platform_icon_holder {
    position: relative;
}

.platform .platform_holder .platform_slide .platform_box .platform_icon_holder+h3 {
    padding-right: 100px;
}

.page-id-3477 .blue_blur_sec+.latest_work {
    margin-top: 100px;
}

.latest_work.green {
    background: #00D3C7;
}

.our_agencies.resources .our_agencies_title .button {
    margin-bottom: 30px;
}

.contact_form.travelform {
    max-width: 100%;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.contact_form.travelform h2 {
    color: #00D3C7;
    font-size: 54px;
    line-height: 60px;
    font-family: "volte-semibold";
}

@media only screen and (max-width: 767px) {
    .contact_form.travelform h2 {
        font-size: 28px;
        line-height: 32px;
    }
}

.borderbeforefooter {
    height: 1px;
    background: #54D1C7;
    max-width: 1174px;
    margin: 100px auto 0;
}

.podcast_place {
    padding-top: 60px;
}

.emvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.emvideo {
    position: relative;
    padding-bottom: 56.25%;
    height: 100%;
    overflow: hidden;
}

.full_row .full_row_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
}

/*===// update 16--03-2023===*/




/*=== our difference ===*/
.video_section.difference {
    position: relative;
}

.video_section.difference .dif_arrow {
    background: url(../img/diff-ar.svg) no-repeat;
    width: 40px;
    height: 25px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}

.video_section.difference .dif_logo img {
    width: 840px;
}

.video_section.difference .dif_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 840px;
}

.page-template-page-differece .scroll-section .slides-container .pin-wrapper .scroll_bg {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .video_section.difference .dif_arrow {
        display: none;
    }
}

.blue_blur_sec>.container {
    position: relative;
    z-index: 2;
}

.blue_blur_sec .blue_blur_txt.text_2 {
    font-size: 28px;
    line-height: 36px;
    font-family: "volte-semibold";
    padding: 150px 110px 150px 0;
}

.blue_blur_image>.row>div,
.blue_blur_image>.row {
    height: 100%;
}

.blue_blur_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blue_blur_sec.w_image_2 .container {
    max-width: 1152px;
}

@media only screen and (max-width: 1200px) {
    .blue_blur_sec .blue_blur_txt.text_2 {
        padding: 60px 30px 60px 0;
    }
}

@media only screen and (max-width: 992px) {
    .blue_blur_sec .blue_blur_txt.text_2 {
        padding: 60px 30px;
    }

    .blue_blur_sec.w_image_2 .blue_blur_image .blue_blur_slider {
        height: 500px;
    }

    .blue_blur_sec.w_image_2 .blue_blur_image {
        position: static;
    }
}

@media only screen and (max-width: 767px) {
    .blue_blur_sec.w_image_2 .blue_blur_image .blue_blur_slider {
        height: 340px;
    }

    .blue_blur_sec .blue_blur_txt.text_2 {
        padding: 40px 15px;
    }
}

.our_agencies.twocol_text .container {
    max-width: 1148px;
}

.our_agencies.twocol_text {
    padding-bottom: 100px;
}

.our_agencies.twocol_text .diff_box_txt h1,
.our_agencies.twocol_text .diff_box_txt h2,
.our_agencies.twocol_text .diff_box_txt h3,
.our_agencies.twocol_text .diff_box_txt h4 {
    font-family: "volte-semibold";
    font-size: 21px;
    margin-bottom: 0;
}

.our_agencies.twocol_text .diff_box_txt p {
    margin-bottom: 25px;
}

@media only screen and (min-width: 1200px) {
    .our_agencies.twocol_text .diff_row>div:nth-child(2) .diff_box {
        padding-left: 110px;
    }
}

.our_agencies.twocol_text .diff_box h2 {
    font-family: "volte-semibold";
    font-size: 34px;
    margin-bottom: 70px;
}

@media only screen and (max-width: 992px) {

    .our_agencies.twocol_text .diff_box h2,
    .our_agencies.twocol_text .diff_box img {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .our_agencies.twocol_text .diff_box h2 {
        font-size: 28px;
    }

    .video_section.difference {
        min-height: 260px;
    }
}

/*===// our difference ===*/


/*===// wp custom css ===*/
blockquote .quote_info {
    padding-top: 55px;
    font-size: 20px;
    line-height: 25px;
    color: #424242;
}

.brand_box .brand_box_inside_height {
    margin-bottom: 35px;
    max-height: 450px;
}

.full_row {
    position: relative;
    margin-bottom: 50px !important;
}

header ul li a {
    color: #000;
    font-family: "volte-medium";
    display: block;
    padding: 33px 15px;
}
/*===// wp custom css ===*/