/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
body {
    font-family: 'Helvetica',
                 'Arial',
                 'ヒラギノ角ゴ Pro W3',
                 'Hiragino Kaku Gothic Pro',
                 'メイリオ',
                 Meiryo,
                 'ＭＳ Ｐゴシック',
                 'MS PGothic',
                 sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.35;
    min-width: 737px;
    color: #052454;
    background: #fff;
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #052454;
}
a:hover {
    text-decoration: none;
}
img {
    vertical-align: bottom;
}
strong {
    font-weight: bold;
}

/* Settings */
/*@import 'config';*/

/* Base */
/* ==================================
   layout styles
   ================================== */
/*new panel*/
.section-tour-2017-sept {
    background: url('/en/img/top/pc_top_15th_102017.png') no-repeat 50% 50%;
    background-size: cover;
}
/*end of new panel*/
.g-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
}
.g-header .container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1220px;
    height: 100%;
    margin: 0 auto;
    padding: 27px 20px 30px;
}
.g-header .g-logo {
    float: left;
}
.g-header .g-logo img {
    height: 23px;
}
.g-header .sp-menu {
    display: none;
}
.g-header .sp-menu span {
    display: none;
}
.g-header .g-nav {
    position: absolute;
    top: 30px;
    right: 170px;
    overflow: hidden;
}
.g-header .g-nav > li {
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    float: left;
    margin-left: 60px;
    text-transform: uppercase;
}
.g-header .g-nav > li:first-child {
    margin-left: 0;
}
.g-header .g-nav > li > a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.g-header .g-nav-lang {
    position: absolute;
    top: 23px;
    right: 20px;
    width: 100px;
}
.g-header .g-nav-lang > .is-active {
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    line-height: 30px;
    cursor: pointer;
    color: #747c8a;
    border: 1px solid #e8e7e7;
    border-radius: 20px;
    background: #f7f7f7;
}
.g-header .g-nav-lang > .is-active span {
    position: relative;
    width: 100%;
    text-align: center;
}
.g-header .g-nav-lang > .is-active span:before {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -12px;
}
.g-header .g-nav-lang > .is-active span:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -3px;
    content: '';
    vertical-align: middle;
    border: 5px solid transparent;
    border-top: 6px solid #a4a7ad;
}
.g-header .g-nav-lang ul {
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    position: absolute;
    top: -6px;
    display: none;
    width: 100%;
    color: #747c8a;
    border: 1px solid #e8e7e7;
    border-radius: 20px;
    background: #f7f7f7;
}
.g-header .g-nav-lang ul > li > a {
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    line-height: 34px;
    display: block;
    width: 100%;
    min-height: 34px;
    text-align: center;
    color: #747c8a;
    border-radius: 20px;
}
.g-header .g-nav-lang ul > li.is-active > a {
    display: block;
    background: #f7f7f7 url('/en/img/ic_check.png') no-repeat 7px center;
}
.g-header .g-nav-lang ul.is-open > li:first-child > a {
    border-radius: 20px 20px 0 0;
}
.g-header .g-nav-lang ul.is-open > li:last-child {
    border-top: 1px solid #e8e7e7;
}
.g-header .g-nav-lang ul.is-open > li:last-child > a {
    border-radius: 0 0 20px 20px;
}
.ic-jp, .ic-en {
    display: inline-block;
}
.ic-jp:before, .ic-en:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    content: '';
    vertical-align: middle;
}
.ic-jp:before {
    background: url('/en/img/ic_jp.png') no-repeat;
}
.ic-en:before {
    background: url('/en/img/ic_en.png') no-repeat;
}
.g-main {
    width: 100%;
}
.g-main .section > .container {
    min-height: 100vh;
}
.g-footer {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 1.7% 1.5% 0;
    text-align: center;
    background: #fff;
}
.p-top .about-office {
    overflow: inherit;
    position: relative;
    margin-top: 20px;
}
.p-top .about-office .about-office-container {
    overflow: inherit;
}
.p-top .about-office .content-inner {
    overflow: inherit;
    padding-bottom: 0 !important;
}
.p-top .about-office .col {
    height: auto !important;
}
.p-top .about-office h3 {
    margin-bottom: 20px;
}
.p-top .about-office .address {
    font-size: 1.15em;
    line-height: 28px;
    margin-top: 16px;
}
.p-top .about-office .map {
    margin-top: 16px;
}
.p-top .about-office .g-footer {
    margin-top: 20px;
}
.p-top .about-office .g-footer h3 {
    margin-bottom: 16px;
}
.p-top .about-office .g-footer .g-nav-address {
    margin-top: 20px;
}
.p-top .section-s1 .about-office, .p-top .section-s2 .about-office {
    margin-top: 10px;
}
.p-top .section-s1 .about-office h3, .p-top .section-s2 .about-office h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.p-top .section-s1 .about-office .address, .p-top .section-s2 .about-office .address {
    font-size: 1em;
    line-height: 22px;
    margin-top: 10px;
}
.p-top .section-s1 .about-office .map, .p-top .section-s2 .about-office .map {
    margin-top: 10px;
    padding: 5px;
}
.p-top .section-s1 .about-office .g-footer, .p-top .section-s2 .about-office .g-footer {
    margin-top: 15px;
}
.p-top .g-footer {
    position: inherit;
    padding: 0;
    margin-top: 30px;
}
.p-top .g-footer h3 {
    margin-bottom: 20px;
    font-size: 22px;
}
.p-top .g-footer .g-nav-address {
    margin-top: 29px;
    padding-bottom: 0;
}
.g-footer ul li {
    display: inline;
    margin-right: 10px;
}
.g-footer ul li:last-child {
    margin-right: 0px;
}
.fp-section .g-footer {
    bottom: -100px\9;
}
.g-footer h3 {
    font-size: 19.2px;
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.g-footer p {
    margin-top: 1.1%;
}
.g-footer .social-heading {
    font-weight: 400;
}
.g-footer .g-nav-address {
    line-height: 1;
    width: 100%;
    margin-top: 4.8%;
    padding-bottom: 38px;
    text-align: center;
}
.g-footer .g-nav-address ul {
    display: inline-block;
    overflow: hidden;
}
.g-footer .g-nav-address ul > li {
    font-size: 12px;
    font-size: .75rem;
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.g-footer .g-nav-address ul > li:before {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin-right: 25px;
    content: '';
    vertical-align: middle;
    border-left: 1px solid #052454;
}
.g-footer .g-nav-address ul > li:first-child:before {
    content: none;
}
.g-footer .g-nav-address ul > li:last-child {
    margin-right: 0;
}
.g-footer .g-nav-address a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.g-footer .g-nav-social h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 45px;
}
.g-footer .g-nav-social .social-list >li {
    margin-left: 15px;
}
.g-footer .g-nav-social .social-list >li:first-child {
    margin-left: 0;
}
.g-footer-office {
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.g-footer-office p {
    margin: 0;
}
.g-footer-office .anchor {
    display: none;
}
.g-footer-office .col {
    position: relative;
    display: table-cell;
    box-sizing: border-box;
    width: 33.333%;
    padding: 0 5px;
    vertical-align: top;
}
.g-footer-office .col .office {
    position: relative;
    width: 306px;
    width: 306px\9 !important;
    height: 306px;
    height: 306px\9 !important;
    margin: 0 auto;
    color: #fff;
}
.g-footer-office .col .info {
    position: absolute;
    top: 0;
    display: table;
    width: 100%;
    height: 83%;
}
.g-footer-office .col .info > div {
    position: relative;
    display: table;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 13.075% 0 3.925%;
}
.g-footer-office .col .area {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1;
    display: table-row;
    width: 100%;
    height: 35%;
    text-transform: uppercase;
}
.g-footer-office .col .area span {
    display: table-cell;
    vertical-align: middle;
}
.g-footer-office .col .address {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    display: table-row;
    height: 50%;
}
.g-footer-office .col .address span {
    display: table-cell;
    vertical-align: middle;
}
.g-footer-office .col .tel {
    font-size: 16px;
    font-size: 1rem;
    font-style: italic;
    line-height: 1;
    display: table-row;
    height: 15%;
}
.g-footer-office .col .tel span {
    display: table-cell;
    vertical-align: bottom;
}
.g-footer-office .col .tel a {
    text-decoration: none;
    color: #fff;
}
.g-footer-office .col .map {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 17%;
    margin: 0;
}
.g-footer-office .col .map > a {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    display: inline-block;
    padding: 4.9% 3%;
    color: #fff;
}
.g-footer-office .col .map > a:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    content: '';
    vertical-align: middle;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}
.g-footer-office .col .map > a:hover {
    position: relative;
    top: 1px;
    left: 1px;
}
.g-footer-office .newport {
    background: url('/en/img/office_newport.jpg') no-repeat;
    background-size: cover;
}
.g-footer-office .tokyo {
    background: url('/en/img/office_tokyo.jpg') no-repeat;
    background-size: cover;
}
.g-footer-office .yokohama {
    background: url('/en/img/office_yokohama.jpg') no-repeat;
    background-size: cover;
}
.bt {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    width: 260px;
    padding: 12px 0;
    color: #fff;
    background: #052454;
}
.bt:hover {
    text-decoration: none;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.bt-entry {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    padding: 13px 0;
    color: #fff;
    background: #19dcff;
    border: none;
    border-radius: 4px;
}
.bt-entry:hover {
    text-decoration: none;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.bt-s {
    font-size: 18px;
    width: 190px;
}
.bt-l {
    width: 100%;
    padding: 19px 0;
}
.bt-page-top, .bt-page-top-section {
    display: none;
}
.fb img {
    height: 52px;
}
.fb:hover {
    text-decoration: none;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.social-list >li {
    display: inline-block;
    vertical-align: top;
}
.social-list .blog img {
    height: 47px;
}
.social-list img {
    height: 40px;
}
.social-list >li >a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.modal {
    display: none;
}
.modal .external {
    position: relative;
    padding-left: 45px;
}
.modal .external:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 34px;
    height: 26px;
    margin-top: -13px;
    content: '';
    background: url('/en/img/sp/ic_external.png') no-repeat;
    background-size: 34px 26px;
}
.fineprint {
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
}
.link {
    text-decoration: underline;
    color: #19dcff;
}
.link:hover {
    text-decoration: none;
}
.p-page .g-main {
    padding-top: 80px;
}
.p-page .g-main .content {
    position: relative;
}
.p-page .g-main .text a {
    text-decoration: underline;
    color: #19dcff;
}
.p-page .g-main .text a:hover {
    text-decoration: none;
}
.p-page .g-footer {
    position: relative;
}
.p-page .g-footer-office {
    max-width: 1180px;
    margin: 65px auto 50px;
}
/* ==================================
   top styles
   ================================== */
.arrow img {
    position: fixed;
    z-index: 100;
    bottom: -20px;
    width: 100%;
}
.section .container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.section .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
}
.section .object {
    position: relative;
    z-index: 10;
    display: table;
    box-sizing: border-box;
    width: 100%;
    max-width: 1220px;
    height: 80vh;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
}
.section .copy {
    text-align: center;
}
.section .btn {
    display: table-cell;
    vertical-align: middle;
}
.section .btn > a {
    display: inline-block;
    width: 35.7628%;
}
.section .btn-left {
    text-align: left;
}
.section .btn-left > a {
    margin-left: 1.01695%;
}
.section .btn-right {
    text-align: right;
}
.section .btn-right > a {
    margin-right: 1.01695%;
}
/* Top page text section */
.section .top-section-text {
    position: absolute;
    top: 50%;
    right: 4%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    text-align: left;
    color: #fff;
    -sand-transform: translateY(15%);
}
.section .top-section-text-left {
    left: 1.7%;
}
.section .top-section-heading {
    font-size: 42px;
    font-weight: 200;
    line-height: 54px;
    margin-bottom: 37px;
    text-align: left;
}
.section .top-section-heading-s1 {
    margin-bottom: 15px;
}
.section .top-section-heading-s2 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 10px;
}
.section .top-section-heading {
    font-size: 35px\9;
    line-height: 40px\9;
    margin-bottom: 10px\9;
}
.section .top-section-copy {
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
}
.section .top-section-copy-s1 {
    line-height: 30px;
}
.section .top-section-copy-s2 {
    line-height: 25px;
    font-size: 14px;
}
.section .top-section-copy {
    line-height: 28px\9;
}
.top-section-text .btn {
    background: rgb(245, 150, 0) url('/en/img/top/arrow-right.png') no-repeat 92% 49%;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 188px;
    margin-top: 30px;
    padding: 10px 0;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    border-radius: 2px;
}
.top-section-text .btn-s1 {
    margin-top: 20px;
    padding: 8px 0;
}
.top-section-text .btn-s2 {
    margin-top: 15px;
    padding: 5px 0;
}
.top-section-text .btn {
    margin-top: 15px\9;
    padding: 5px 0\9;
}
.top-section-text .btn:hover {
    background-color: rgb(255, 167, 29);
}
/* About */
.section .top-section-text-about {
    width: 100%;
    color: #696767;
}
.top-section-text-about .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-about .top-section-heading span {
    font-size: 36px;
    letter-spacing: -1px;
}
.section .top-section-heading-s1 span {
    font-size: 32px;
}
.section .top-section-heading-s2 span {
    font-size: 26px;
}
.top-section-text-about .btn {
    background-color: #19dcff;
}
.top-section-text-about .btn:hover {
    background-color: #3ce1ff;
}
/* NEWS */
.section .top-section-text-news {
    color: #2f2f2f;
}
/* Tokyo Info */
.top-section-text-jrt .btn {
    background-color: #11c4a4;
}
.top-section-text-jrt .btn:hover {
    background-color: #22d5b5;
}
/* UCN */
.top-section-text-ucn .btn {
    background-color: #33af88;
}
.top-section-text-ucn .btn:hover {
    background-color: #3aca9d;
}
/* MTT */
.section .top-section-text-mtt {
    color: #fff;
    top: 57.3%;
    right: 1.8%;
    width: 41%;
}
.section .top-section-text-mtt .top-section-heading {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    line-height: 36px;
}
.section .top-section-text-mtt .top-section-copy {
    line-height: 28px;
    font-size: 16px;
}
.section .top-section-text-mtt .btn {
    font-size: 14px;
    text-align: left;
    width: 135px;
    margin-top: 7px;
    letter-spacing: 1px;
}
.section .top-section-text-mtt .btn p {
    margin-left: 11px;
}
.top-section-text-mtt .btn {
    background-color: #f70f27;
}
.top-section-text-mtt .btn:hover {
    background-color: #f93c4f;
}
@media screen and (min-width: 861px) and (max-width: 1130px) {
    .section .top-section-text-mtt {
        top: 59%;
    }
    .section .top-section-text-mtt .top-section-heading {
        font-size: 20px;
    }
    .section .top-section-text-mtt .top-section-copy {
        font-size: 14px;
    }
}
@media screen and (min-width: 741px) and (max-width: 860px) {
    .section .top-section-text-mtt {
        top: 57%;
    }
    .section .top-section-text-mtt .top-section-heading {
        font-size: 20px;
    }
    .section .top-section-text-mtt .top-section-copy {
        font-size: 12px;
    }
}
/* LEE */
.section .top-section-text-lee {
    color: #232121;
}
.top-section-text-lee .btn {
    background-color: #113a79;
}
.top-section-text-lee .btn:hover {
    background-color: #14448e;
}
/* JBC */
.section .top-section-text-jbc {
    display: inline-table;
    text-align: center;
}
.section .top-section-text-jbc img {
    width: 37vw;
    margin: 0 auto;
}
.section-jbc .top-section-text-left {
    left: 3%;
}
.section .top-section-text-jbc .top-section-copy {
    margin-top: 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    letter-spacing: 2px;
}
.top-section-text-jbc .btn {
    margin-top: 15px;
    margin-right: 17px;
    background-color: #d52537;
}
.top-section-text-jbc .btn-s1 {
    padding: 9px 0 8px;
}
.top-section-text-jbc .btn:hover {
    background-color: #d73646;
}
/* SES */
.section .top-section-text-ses {
    color: #232121;
}
.top-section-text-ses .btn {
    background-color: #dd3d96;
}
.top-section-text-ses .btn:hover {
    background-color: #f252ab;
}
/* BPP */
.section .top-section-text-bpp {
    left: 1.7%;
    width: 560px;
    color: #000;
}
.top-section-text-bpp .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-bpp .btn {
    background-color: #9f478c;
}
.top-section-text-bpp .btn:hover {
    background-color: #b754a2;
}
/* NOEVIR */
.section .top-section-text-noevir {
    color: #4b4b4b;
}
.top-section-text-noevir .btn {
    background-color: #54bcbc;
}
.top-section-text-noevir .btn:hover {
    background-color: #72d2d2;
}
/* Yakult */
.section .top-section-text-yakult {
    color: #fff;
}
.top-section-text-yakult .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-yakult .btn {
    background-color: #4b7ee8;
}
.top-section-text-yakult .btn:hover {
    background-color: #5b8cf3;
}
/* NOV */
.section .top-section-text-nov {
    right: 0;
    color: #4b4b4b;
}
.top-section-text-nov .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-nov .btn {
    background-color: #54bcbc;
}
.top-section-text-nov .btn:hover {
    background-color: #5bcaca;
}
/* DWH */
.top-section-text-dwh .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-dwh .btn {
    background-color: #7a163c;
}
.top-section-text-dwh .btn:hover {
    background-color: #a02353;
}
/* Fujitsu */
.section .top-section-text-fujitsu {
    color: #3e2525;
}
.top-section-text-fujitsu .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-fujitsu .btn {
    background-color: #c33f46;
}
.top-section-text-fujitsu .btn:hover {
    background-color: #d84a52;
}
/* Star Jewelry */
.section .top-section-text-stj {
    color: #4b4b4b;
}
.top-section-text-stj .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-stj .btn {
    background-color: #c33f46;
}
.top-section-text-stj .btn:hover {
    background-color: #d84a52;
}
/* Volunteer */
.section .top-section-text-volunteer {
    color: #fff;
}
.top-section-text-volunteer .top-section-heading {
    font-weight: 200;
    letter-spacing: 1px;
}
.top-section-text-volunteer .btn {
    background-color: #cc554f;
}
.top-section-text-volunteer .btn:hover {
    background-color: #dd5f58;
}
.section .link {
    display: none;
}
.section .button {
    width: 100%;
    transition: transform .1s linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.top-section-text .button {
    display: block;
    width: 43.3%;
    margin-right: 2.6%;
    float: right;
}
.top-section-text .button img {
    width: 100%;
}
.section-s1 .top-section-text .button {
    width: 37%;
}
.section-s2 .top-section-text .button {
    width: 32%;
}
.section .button:hover {
    -ms-transform: scale(1.008);
        transform: scale(1.008);
}
.section-about {
    background: url('/en/img/top/bg_about.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-about .object {
    padding-top: 1%;
    text-align: right;
}
.section-about .btn a {
    width: 43.89830508474576%;
    margin-right: 3.814%;
}
.section-ses {
    background: url('/en/img/top/bg_ses.jpg') no-repeat;
    background-size: cover;
}
.section-jbc {
    background: url('/en/img/top/bg_jbt.png') no-repeat 50% 50%;
    background-size: cover;
}
.section-bpp {
    background: url('/en/img/top/bg_bpp.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-noevir {
    background: url('/en/img/top/bg_noevir.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-yakult {
    background: url('/en/img/top/bg_yakult.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-nov {
    background: url('/en/img/top/bg_nov.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-dwh {
    background: url('/en/img/top/bg_dwh.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-fujitsu {
    background: url('/en/img/top/bg_fujitsu.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-stj {
    background: url('/en/img/top/bg_stj.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-volunteer {
    background: url('/en/img/top/bg_volunteer.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-news {
    background: url('/en/img/top/bg_news.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-news-sp-text-img {
    display: none;
}
.section-jrt {
    background: url('/en/img/top/bg_tokyoinfo.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-jrt-sp-text-img {
    display: none;
}
.section-ucn {
    background: url('/en/img/top/bg_ucn.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-ucn-sp-text-img {
    display: none;
}
.section-lee {
    background: url('/en/img/top/bg_lee.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.section-lee-sp-text-img {
    display: none;
}
.section-mtt {
    background: url('/en/img/top/bg_mtt.png') no-repeat 50% 50%;
    background-size: cover;
}
/*use this if you need to adjust the red button position for media queries (end) */
/*.top-section-text-news-2017-july .btn {
  background-color: #ed1c24;
  margin: 0 !important;
  padding: 11px 40px;
  text-align: left;

}
.top-section-text-news-2017-july .btn:hover {
  background-color: #dc4147;
}*/
.section-client {
    background-image: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjVmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-image: linear-gradient(to bottom, #fff 0%, #f4f5f8 100%);
    background-size: 100%;/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF4F5F8');*/
    zoom: 1;
}
.section-client .bg {
    margin-top: -30px;
    background: url('/en/img/top/bg_client.png') no-repeat 50% 50%;
}
.section-client.section-s1 .bg, .section-client.section-s2 .bg {
    margin-top: -50px;
    background-size: contain;
}
.section-client .object {
    padding: 0;
}
.section-client .object .copy {
    display: none;
}
.section-contact .container {
    background-color: white;
}
.section-contact .object {
    display: table;
    width: 100%;
    padding: 0 20px;
}
.section-contact .object .object-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.section-contact .g-footer-office {
    height: 100%;
}
.section-contact .g-footer-office .col {
    height: 33.333%;
    min-height: inherit;
    vertical-align: middle;
}
.section-contact .g-footer-office .col:last-child {
    height: 35%;
}
.section-contact .g-footer-office .col .office.sp {
    display: none;
}
.section-contact .g-footer-office .col .info .area {
    padding: 0;
}
/* ==================================
   page styles
   ================================== */
.content .content-arrow {
    padding-bottom: 10.5%;
    background: url('/en/img/content_arrow.png') no-repeat center bottom;
    background-size: 100% auto;
}
.content .content-slider {
    max-width: 1025px;
    margin: 0 auto;
    padding: 0 122px;
}
.content .content-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1124px;
    margin: 0 auto;
    padding: 0 20px;
    color: #000;
}
.content .content-heading {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}
.content .content-tit {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: bold;
    text-align: center;
}
.content .content-subtit {
    font-size: 18px;
    font-weight: bold;
    margin-top: 3.7em;
    text-align: left;
}
.mainvis img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.pc-img {
    display: block;
}
.sp-img {
    display: none;
}
/*- project --------------------*/
.yakult .pj .pj-summary .logo {
    margin-bottom: 55px;
    margin-left: 9px;
}
.bpp .pj .pj-summary .logo {
    margin-bottom: 55px;
}
.ses .pj .pj-summary .logo {
    margin-bottom: 70px;
    margin-left: 14px;
}
.nov .pj .pj-summary .logo {
    margin-bottom: 60px;
    margin-left: 13px;
}
.dwh .pj > .logo {
    padding-bottom: 20px;
}
.dwh .pj .pj-summary .logo {
    margin-bottom: 40px;
    margin-left: 14px;
}
.fujitsu .pj .pj-summary .logo {
    margin: -15px 0 60px 12px;
}
.pj {
    position: relative;
    display: table;
    width: 100%;
    margin: 55px 0 60px;
}
.pj .logo {
    display: none;
}
.pj .pj-intro {
    float: right;
    box-sizing: border-box;
    width: 73.562%;
}
.pj .pj-intro .copy {
    font-size: 44px;
    font-size: 2.75rem;
    margin: 0 0 45px 60px;
}
.pj .pj-intro .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.75;
    margin-left: 60px;
    margin-top: 33px;
}
.pj .pj-intro .block-inner-section {
    display: block;
    margin-top: 20px;
}
.pj .pj-intro .text img {
    margin-right: 12px;
}
.pj .pj-summary {
    float: left;
    box-sizing: border-box;
    width: 26.438%;
    border-right: 1px solid #ccc;
}
.pj .pj-summary .logo {
    display: block;
    margin: 13px 20px 75px 0;
}
.pj .pj-summary .logo img {
    max-width: 100%;
}
.pj .pj-summary .summary {
    margin: 0 30px 0 13px;
}
.pj .pj-summary .summary dt {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: .25em;
}
.pj .pj-summary .summary dd + dt {
    margin-top: .5em;
}
.pj .pj-summary .summary ul > li {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.75;
}
.pj .pj-summary small {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    margin: 30px 30px 0 13px;
}
.slider > li img {
    width: 100%;
}
.archives {
    margin-bottom: 110px;
}
.archives .archives-tit {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 39px;
    padding-bottom: .5em;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}
.archives .archives-list {
    overflow: hidden;
    margin: -40px 0 0 -3.84976525821596%;
}
.archives .archives-list > li {
    float: left;
    width: 29.48356807511737%;
    margin: 40px 0 0 3.84976525821596%;
}
.archives .archives-list > li > a:hover img {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.archives .archives-list > li img {
    max-width: 100%;
}
/*- news --------------------*/
.p-news .content {
    margin-top: 19px;
}
.p-news .content .content-inner {
    padding-bottom: 78px;
    color: #333;
}
.p-news .content .content-tit {
    font-size: 44px;
    font-size: 2.75rem;
    font-weight: normal;
    margin-bottom: -10px;
    text-align: left;
    color: #333;
}
.p-news .content .content-subtit {
    margin-bottom: -10px;
}
.p-news .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    width: 100%;
    margin: 0 auto 20px;
    color: #000;
}
.p-news .text > p {
    margin-top: 1.5em;
}
.p-news .text > .fineprint {
    margin-top: 3.6em;
}
.p-news .img-logo-adtech {
    margin-top: 2.3em;
}
/*- policy --------------------*/
.p-policy .content {
    margin-top: 60px;
}
.p-policy .content .content-inner {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 130px;
    color: #000;
}
.p-policy h1 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 40px;
}
.p-policy h2 {
    font-size: 14px;
    font-size: .875rem;
    margin: 30px 0;
}
.p-policy .mt {
    margin-top: 1.5em;
}
.p-policy .sp-visible {
    display: none;
}
.p-policy .g-header {
    border-bottom: 1px solid #bababa;
}
/*- careers --------------------*/
.p-careers .content {
    margin-top: 35px;
}
.p-careers .content-inner {
    padding-bottom: 50px;
}
.p-careers .content-tit {
    font-size: 32px;
    margin-bottom: 50px;
}
/* positon */
.p-careers .careers-position {
    margin-top: 85px;
}
.p-careers .careers-position .content-inner {
    padding-bottom: 80px;
}
.p-careers .position-cols {
    display: table;
    width: 81.9%;
    margin: 95px auto 80px;
    overflow: hidden;
}
.p-careers .position-cols .col {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
}
.p-careers .position-cols .col.left {
    padding-right: 7.817%;
}
.p-careers .position-cols .col.right {
    padding-left: 7.817%;
}
.p-careers .position-cols .col h3 {
    font-size: 18px;
    line-height: 1;
    text-align: center;
    margin-bottom: 45px;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
}
.p-careers .position-message {
    text-align: center;
    margin: 110px 0;
}
.p-careers .position-text {
    text-align: center;
}
.p-careers .position-list {
    margin: 0 10px 0 25px;
}
.p-careers .position-list >li {
    margin-top: 30px;
}
.p-careers .position-list >li:first-child {
    margin-top: 0;
}
.p-careers .position-list >li >a {
    color: #333;
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
.p-careers .position-list >li >a:before {
    content: '';
    display: block;
    border: 4px solid transparent;
    border-left: 6px solid #333;
    position: absolute;
    left: 0;
    top: .25em;
}
.p-careers .position-list >li >a:hover, .p-careers .position-list >li >a:hover:before {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.careers-position-info {
    text-align: center;
    padding: 25px;
    border: 4px solid #f0f0f2;
}
.careers-position-info p {
    color: #052454;
    font-size: 14px;
    line-height: 2.1;
}
.careers-position-info .social-list {
    margin-top: 35px;
}
.careers-position-info .social-list >li {
    margin-left: 40px;
}
.careers-position-info .social-list >li:first-child {
    margin-left: 0;
}
/* people */
.p-careers .careers-people ul {
    font-size: 20px;
    line-height: 2.4;
}
.p-careers .careers-people ul >li {
    text-align: center;
}
/* environment */
.p-careers .careers-environment .media {
    margin-top: 30px;
    overflow: hidden;
}
.p-careers .careers-environment .media-left {
    margin-left: 80px;
}
.p-careers .careers-environment .media-right {
    margin-left: 50px;
}
.p-careers .careers-environment .media-left .media-pic {
    float: left;
    margin-right: 80px;
}
.p-careers .careers-environment .media-right .media-pic {
    float: right;
    margin: 0 30px 0 40px;
}
.p-careers .careers-environment .media-body {
    display: table;
    overflow: hidden;
}
.p-careers .careers-environment .media-body >div {
    display: table-cell;
    vertical-align: middle;
}
.p-careers .careers-environment .media-body h3 {
    font-size: 30px;
    margin-bottom: 45px;
}
.p-careers .careers-environment .media-body p {
    font-size: 16px;
    line-height: 1.75;
}
/*- careers detail --------------------*/
.p-careers-detail .content-inner {
    padding-bottom: 60px;
}
.p-careers-detail .content-heading {
    margin: 90px 0 95px;
}
.p-careers-detail .requirements {
    display: table;
    width: 100%;
    margin-top: 60px;
}
.p-careers-detail .requirements-menu {
    width: 26.438%;
    float: left;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.p-careers-detail .requirements-menu .menu {
    margin-left: -5px;
}
.p-careers-detail .requirements-menu .menu-tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}
.p-careers-detail .requirements-menu .menu-tit:before {
    content: '';
    display: inline-block;
    vertical-align: -.025em;
    margin-right: 18px;
    border: 4px solid transparent;
    border-top: 8px solid #333;
}
.p-careers-detail .requirements-menu .menu-tit.is-active:before {
    border-top-color: #19dcff;
}
.p-careers-detail .requirements-menu .menu-text {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 55px 22px;
}
.p-careers-detail .requirements-menu .menu-list {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 55px 22px;
}
.p-careers-detail .requirements-menu .menu-list >li {
    margin-top: 20px;
}
.p-careers-detail .requirements-menu .menu-list >li >a {
    color: #333;
    display: inline-block;
    padding-left: 22px;
    position: relative;
}
.p-careers-detail .requirements-menu .menu-list >li >a:before {
    content: '';
    display: inline-block;
    border: 4px solid transparent;
    border-left: 8px solid #333;
    position: absolute;
    left: 0;
    top: .4em;
}
.p-careers-detail .requirements-menu .menu-list >li >a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.p-careers-detail .requirements-menu .menu-list >li .is-active:before {
    border-left-color: #19dcff;
}
.p-careers-detail .requirements-menu .is-active {
    color: #19dcff !important;
}
.p-careers-detail .requirements-body {
    width: 73.562%;
    float: right;
    box-sizing: border-box;
}
.p-careers-detail .requirements-header {
    margin: 0 0 60px 60px;
    overflow: hidden;
}
.p-careers-detail .requirements-header .tit {
    font-size: 32px;
    font-weight: bold;
    float: left;
}
.p-careers-detail .requirements-header .tit >span {
    font-size: 22px;
    display: block;
}
.p-careers-detail .requirements-header .entry {
    float: right;
}
.p-careers-detail .requirements-header .bt {
    font-size: 18px;
    text-align: center;
    background: #19dcff;
    width: 190px;
    border-radius: 4px;
}
.p-careers-detail .requirements-table {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 60px 60px;
}
.p-careers-detail .requirements-table tr:first-child th, .p-careers-detail .requirements-table tr:first-child td {
    padding-top: 0;
}
.p-careers-detail .requirements-table th {
    font-weight: bold;
    text-align: left;
    width: 22%;
    padding-top: 60px;
}
.p-careers-detail .requirements-table td {
    padding-top: 60px;
}
.p-careers-detail .requirements-table .mt {
    margin-top: 2em;
}
.p-careers-detail .requirements-table .bold {
    font-weight: bold;
}
.p-careers-detail .requirements-table .ul >li:before {
    content: '\30FB';
    display: inline-block;
}
.p-careers-detail .requirements-entry {
    margin: 0 0 0 60px;
}
/*- careers form --------------------*/
.p-careers-form .content-inner {
    padding-bottom: 55px;
}
.p-careers-form .form-heading {
    font-size: 24px;
    text-align: center;
    margin: 80px 0 50px;
}
.p-careers-form .form-lead {
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}
.p-careers-form .contact-form-footnotes {
    margin: 50px 0 75px;
}
.p-careers-form .contact-submit input {
    margin-bottom: 0;
}
.form-item {
    margin-top: 30px;
}
.form-item:first-child {
    margin-top: 0;
}
.form-tit {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 0 20px 15px;
    border-left: 10px solid #efefef;
    box-sizing: border-box;
}
.form-tit-error {
    color: #A24949;
    border-color: #F5ACAC;
}
.form-req {
    color: red;
    margin-left: 2px;
}
.form-group {
    padding: 0 50px;
    overflow: hidden;
}
.form-group + .form-group {
    margin-top: 10px;
}
.form-group.col2, .form-group.col3, .form-group.col4 {
    margin: 0 0 0 -18px;
}
.form-group .col {
    float: left;
    margin: 10px 0;
    padding-left: 18px;
    box-sizing: border-box;
}
.form-group.col2 .col {
    width: 50%;
}
.form-group.col3 .col {
    width: 33.333%;
}
.form-group.col4 .col {
    font-size: 14px;
    width: 25%;
}
.form-group.col4 .form-radio >label {
    padding-left: 60px;
}
.form-group .cols {
    display: table;
}
.form-group .cols > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
.form-group .cols .form-unit {
    width: 1%;
    padding: 0 15px 0 3px;
    white-space: nowrap;
}
.form-group .cols .year {
    width: 45%;
}
.form-group .cols .month {
    width: 35%;
}
.form-group .cols .month + .form-unit {
    padding-right: 0;
}
.form-unit {
    font-weight: bold;
    display: inline-block;
}
.form-unit.s {
    font-size: 14px;
}
.form-radio {
    height: 64px;
    position: relative;
}
.form-radio >label {
    display: table;
    background: #efefef;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 70px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.form-radio >label:before {
    content: '';
    background: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #969696;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -10px;
    border-radius: 50%;
}
.form-radio >label >span {
    display: table-cell;
    vertical-align: middle;
}
.form-radio input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.form-radio input:checked + label {
    color: #fff;
    background: #19dcff;
}
.form-radio input:checked + label:before {
    background: #19dcff;
    width: 24px;
    height: 24px;
    border: 5px solid #fff;
    margin-top: -12px;
}
.form-text + .form-text {
    margin-top: 20px;
}
.form-text + .form-text.mt10 {
    margin-top: 10px;
}
.form-text input {
    font-size: 16px;
    width: 100%;
    padding: 17px 15px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
}
.input-error {
    border-color: #F5ACAC !important;
    color: #F5ACAC !important;
}
.form-text input.active {
    color: #c2c2c2;
    box-sizing: border-box;
}
.form-text input:focus {
    color: #000 !important;
}
.form-text input[name="age"] {
    width: 140px;
    vertical-align: bottom;
    margin-right: 5px;
    color: #000;
}
.form-text input[name="zip"] {
    width: 200px;
}
.form-select {
    display: inline-block;
}
.form-select select {
    font-size: 16px;
    background: #efefef url('/en/img/careers/ic_select.png') no-repeat right center;
    width: 100%;
    padding: 14px 42px 14px 15px;
    border: 1px solid #c2c2c2;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
}
.form-file {
    display: inline-block;
    height: 54px;
    position: relative;
}
.form-file input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100px;
    cursor: pointer;
}
.form-file .form-file-value {
    color: #c2c2c2;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    width: 440px;
    margin-right: 20px;
    padding: 18px 15px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    display: inline-block;
}
.form-file .form-file-bt {
    font-size: 20px;
    vertical-align: top;
    width: 112px;
    margin: 0;
    padding: 12px 0;
}
.form-file:hover .form-file-bt {
    background: #44e2ff;
}
form label.error {
    font-size: 0.9em;
    color: #E24646;
    margin-top: 5px;
    display: block;
}
/*- contact --------------------*/
.p-contact .content {
    margin-top: 19px;
}
.p-contact .content .content-inner {
    max-width: 1220px;
    color: #333;
}
.p-contact .content .content-tit {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 400;
    margin-top: 75px;
    margin-top: 75.2px;
    margin-top: 4.7rem;
    margin-bottom: 78px;
    margin-bottom: 4.875rem;
    text-align: center;
}
.p-contact .content .content-subtit {
    margin-bottom: -10px;
}
.p-contact .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    width: 100%;
    margin: 0 auto 20px;
    color: #000;
}
.p-contact .text > p {
    margin-top: 1.5em;
}
.p-contact .text > .fineprint {
    margin-top: 3.6em;
}
.p-contact .img-logo-adtech {
    margin-top: 2.3em;
}
.p-contact .works-grid-label {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 8px;
    margin-top: .5rem;
    text-align: center;
    color: #000;
}
.p-contact .content .content-arrow {
    padding-bottom: 5.5em;
}
.p-contact .archives .archives-list > li {
    width: 31.1%;
    margin: 40px 0 0 2.2%;
}
.p-contact .archives .archives-list > li img {
    width: 100%;
}
.p-contact .archives .archives-list {
    position: relative;
    left: .8%;
}
.contact-form {
    max-width: 600px;
    margin: 0 auto 80px;
}
.contact-form-set-container {
    content: "";
    display: table;
    clear: both;
}
.contact-form-set {
    float: left;
    margin-left: 3.5%;
}
.contact-form input, .contact-form textarea {
    box-sizing: border-box;
}
.contact-form input.active, .contact-form textarea.active {
    color: #c2c2c2;
}
.contact-form-set:first-child {
    margin-left: 0;
}
.contact-form-set1 {
    width: 28%;
}
.contact-form-set2 {
    width: 19.2%;
}
.contact-form-set3 {
    width: 45.8%;
}
.contact-form-item {
    position: relative;
    border: 1px solid #c2c2c2;
    background-color: #efefef;
}
.contact-form-set1 .contact-form-item {
    height: 88px;
    margin-top: 8px;
}
.contact-form-set1 .contact-form-item.first {
    margin-top: 0;
}
.contact-form-set2 .contact-form-item {
    height: 119px;
    margin-top: 10.2px;
}
.contact-form-set2 .contact-form-item.first {
    margin-top: 0;
}
.contact-form-item-check {
    float: left;
    min-width: 20px;
    margin-right: 5%;
}
.contact-form-item-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 70px;
    float: left;
    padding: 5px 10px 5px 5px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -sand-transform: translateY(-40%);
}
.contact-form-item-label-three {
    line-height: 24px;
}
.contact-form-set2 .contact-form-item-label {
    -sand-transform: translateY(-22%);
}
.contact-form-set-heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 0 6px 15px;
    border-left: 10px solid #efefef;
}
.contact-form input, .contact-form textarea {
    width: 100%;
}
.contact-form-set1 .contact-form-set-heading {
    max-width: 175px;
}
.contact-form-set3 input {
    font-size: 16px;
    margin-top: 10px;
    padding: 17px 15px 17px 15px;
    border: 1px solid #c2c2c2;
}
.contact-form-set3 input.first {
    margin-top: 0;
}
.contact-form-set3 textarea {
    font-size: 16px;
    font-family: 'Helvetica',
             'Arial',
             'ヒラギノ角ゴ Pro W3',
             'Hiragino Kaku Gothic Pro',
             'メイリオ',
             Meiryo,
             'ＭＳ Ｐゴシック',
             'MS PGothic',
             sans-serif;
    height: 128px;
    margin-top: 10px;
    padding: 13px 15px 13px 15px;
    border: 1px solid #c2c2c2;
}
.contact-form-check img {
    background: #fff;
}
.contact-form-check input {
    z-index: 100;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.contact-form-check input, .contact-form-check img {
    position: absolute;
    top: 50%;
    left: 25px;
    display: inline-block;
    width: 24px;
    height: 24px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -sand-transform: translateY(0);
}
.contact-form-check input:checked + img {
    background: #fff url('/en/img/contact/check.png') no-repeat 0 0;
}
.contact-form-item-checked {
    color: #fff;
    border-color: #19dcff;
    background-color: #19dcff;
}
.contact-form-check img {
    display: none\9;
}
.contact-submit {
    text-align: center;
}
.contact-submit input {
    font-size: 32px;
    width: 63%;
    margin-bottom: 124px;
    padding: 14px 10px;
    cursor: pointer;
    color: white;
    border: none;
    border-radius: 4px;
    background-color: #19dcff;
}
.contact-submit .edit-button {
    margin-top: 30px;
    width: 30%;
    font-size: 26px;
}
.contact-submit input:hover {
    background-color: #44e2ff;
}
.contact-form-footnotes {
    font-size: 12px;
    line-height: 21px;
    margin: 15px 0 39px 0;
    padding: 10px 0 9px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.contact-form-footnotes p {
    margin: 0 16px;
}
.office-locations {
    margin-bottom: 43px;
    color: #fff;
}
.office-location {
    position: relative;
    overflow: auto;
    width: 100%;
    margin-top: 2px;
}
.office-location-newportbeach {
    background: transparent url('/en/img/contact/bg-location-newportbeach.jpg') no-repeat center 0;
    background-size: cover;
}
.office-location-tokyo {
    background: transparent url('/en/img/contact/bg-location-tokyo.jpg') no-repeat center 0;
    background-size: cover;
}
.office-location-yokohama {
    background: transparent url('/en/img/contact/bg-location-yokohama.jpg') no-repeat center 0;
    background-size: cover;
}
.office-location-heading {
    font-size: 42px;
    float: left;
    width: 37.4%;
    margin: 124px 10px 0 7.1%;
    margin-top: 90px\9;
    letter-spacing: 1.7px;
}
.office-location-info {
    float: left;
    width: 47%;
    margin-top: 125px;
    margin-top: 90px\9;
    margin-bottom: 28px;
}
.office-location-address {
    font-size: 20px;
    font-weight: 200;
    line-height: 35px;
}
.office-location-tel {
    font-size: 20px;
    font-weight: 200;
    font-style: italic;
    margin-top: 5px;
}
.office-location-btn {
    margin: 40px 0 0 6px;
}
.office-location-btn a {
    font-size: 18px;
    display: block;
    width: 188px;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}
.office-location-btn a:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(51, 255, 255, 1), endColorstr=rgba(51, 255, 255, 1));
}
.content .content-inner-success {
    display: none;
    margin-top: 140px;
    margin-bottom: 20px;
}
.content-inner-success p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 75px;
    text-align: center;
}
.contact-confirm {
    display: none;
    margin-top: 140px;
    margin-bottom: 20px;
}
.career-confirm {
    display: none;
    margin-top: 50px;
    margin-bottom: 20px;
}
.career-confirm .form {
    margin-bottom: 30px;
}
.career-confirm .form-group.col2, .career-confirm .form-group.col3, .career-confirm .form-group.col4 {
    margin: 0;
}
.career-confirm .form-group {
    padding: 0 26px;
}
.content .to-top-page-link {
    margin-bottom: 140px;
    color: #19dcff;
}
.content .to-top-page-link a {
    font-size: 18px;
    color: #19dcff;
}
.content .to-top-page-link a:hover {
    text-decoration: underline;
}
.content .to-top-page-link span {
    font-size: 9px;
    position: relative;
    top: -3px;
    margin-right: 14px;
}
/* ==================================
   js
   ================================== */
/**
 * fullPage 2.6.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 * Contribution by Jhony0311
 */
html.fp-enabled, .fp-enabled body {
    overflow: hidden;/*Avoid flicker on slides transitions for mobile phones #336 */
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
#superContainer {
    position: relative;/* Touch detection for Windows 8 */
    height: 100%;
    -ms-touch-action: none;
        touch-action: none;
}
.fp-section {
    position: relative;/* Safari<=5 Android<=3 *//* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    display: block;
    height: 100%;
}
.fp-slides {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    transition: all .3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.fp-slidesContainer {
    position: relative;
    float: left;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -38px;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    border-style: solid;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    transition: none !important;
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    margin: 9px 0;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    border-radius: 50%;
}
#fp-nav ul li a:after, .fp-slidesNav ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    -ms-transform: scale(0);
        transform: scale(0);
    border: 2px solid #a6b0c4;
    border-radius: 50%;
    background: #fff;
}
#fp-nav ul li a:hover, #fp-nav ul li a.active, .fp-slidesNav ul li a:hover, .fp-slidesNav ul li a.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#fp-nav ul li a.active:after, .fp-slidesNav ul li a.active:after {
    -ms-transform: scale(1);
        transform: scale(1);
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    border: none;
    background: #052454;
}
#fp-nav ul li span, .fp-slidesNav ul li span {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    border: 1px solid #a6b0c4;
    border-radius: 50%;
    background: #fff;
}
#fp-nav ul li .active span, .fp-slidesNav ul li .active span {
    width: 8px;
    height: 8px;
}
.ie8 #fp-nav ul li span, .ie8 .fp-slidesNav ul li span {
    top: 20%;
    left: 25%;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 47.5%;
    margin-top: -32px;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#fp-nav.right {
    right: 10px;
}
#fp-nav.left {
    left: 17px;
}
#fp-nav ul li .fp-tooltip {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    position: absolute;
    top: -2px;
    display: block;
    overflow: hidden;
    width: 0;
    max-width: 220px;
    white-space: nowrap;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: #fff;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li:hover .fp-tooltip {
    width: auto;
    transition: opacity .2s ease-in;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#fp-nav.fp-show-active a.active + .fp-tooltip {
    width: auto;
    transition: opacity .2s ease-in;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fp-slidesNav ul li {
    display: inline-block;
}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
br.pc-visible {
    display: inherit;
}
br.sp-visible {
    display: none;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/
    -ms-transform: translatez(0);
        transform: translatez(0);
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction > a {
    position: absolute;
    z-index: 900;
    top: 50%;
    width: 82px;
    height: 82px;
    margin-top: -41px;
    text-indent: -9999px;
    outline: 0;
    background: #000000;
    background: rgba(0, 0, 0, .5);
}
.bx-controls-direction > a:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.bx-controls-direction > a.disabled {
    display: none;
}
.bx-controls-direction .bx-prev {
    left: -102px;
}
.bx-controls-direction .bx-prev:before {
    left: 60%;
    -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
}
.bx-controls-direction .bx-prev:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.bx-controls-direction .bx-next {
    right: -102px;
}
.bx-controls-direction .bx-next:before {
    right: 40%;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.bx-controls-direction .bx-next:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.bx-pager {
    line-height: 1;
    margin-top: 60px;
    text-align: center;
}
.bx-pager > li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 15px;
}
.bx-pager > li a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    border-radius: 50%;
}
.bx-pager > li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    -ms-transform: scale(0);
        transform: scale(0);
    border: 2px solid #a6b0c4;
    border-radius: 50%;
    background: #fff;
}
.bx-pager > li a:hover, .bx-pager > li a.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bx-pager > li a.active:after {
    -ms-transform: scale(1);
        transform: scale(1);
}
.bx-pager > li a.active span {
    border: none;
    background: #052454;
}
.bx-pager > li span {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    text-indent: -9999px;
    border: 2px solid #a6b0c4;
    border-radius: 50%;
    background: #fff;
}
/* AUTO CONTROLS (START / STOP) */
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* IMAGE CAPTIONS */
/*@media screen and (max-width: 1235px) {
  .top-section-text-news-2017-july-pc img {
    width: 90%;
  }
}
@media screen and (max-height: 770px) {
  .top-section-text-news-2017-july-pc img {
    width: 90%;
  }
}*/
@media screen and (max-width: 1190px) {
    .section .top-section-text-nov {
        right: 6%;
    }
    .top-section-text-nov .top-section-heading {
        font-size: 37px;
    }
    .top-section-text-nov .top-section-copy {
        font-size: 16px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1080px) {
    .section .top-section-text-nov {
        right: 3%;
    }
}
@media screen and (max-width: 1000px) {
    .g-header .g-nav > li {
        margin-left: 40px;
    }
    .g-footer-office .col .office {
        width: 256px;
        height: 256px;
    }
    .g-footer-office .col .area {
        font-size: 24px;
        font-size: 1.5rem;
    }
    .g-footer-office .col .address {
        line-height: 1.35;
    }
}
@media screen and (max-width: 965px) {
    .g-header .g-nav {
        right: 140px;
    }
    .g-header .g-nav > li {
        margin-left: 30px;
    }
    .contact-form-item-label {
        font-size: 14px;
    }
}
@media screen and (max-width: 895px) {
    .contact-form-item-label-three {
        line-height: 18px;
    }
}
@media screen and (max-width: 820px) {
    .g-header .g-nav > li {
        margin-left: 15px;
    }
    .g-footer-office .col .office {
        width: 236px;
        height: 236px;
    }
    .g-footer-office .col .area {
        font-size: 21px;
        font-size: 1.3125rem;
        min-height: inherit;
    }
    .g-footer-office .col .area br {
        display: none;
    }
}
@media screen and (min-width: 737px) {/** MISC
  ===================================*/
    .desktop-only {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
}
@media screen and (max-width: 736px) {
    body {
        min-width: 100%;
        -webkit-text-size-adjust: 100%;
    }
    .g-header {
        height: 55px;
    }/*.p-works-g-header {
    height: 110px;
  }*/
    .g-header .container {
        display: table;
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding: 0;
        vertical-align: middle;
    }/*.p-works-g-header .container {
    border-bottom: #dcdcdc solid 1px;
  }*/
    .g-header .g-logo {
        display: table-cell;
        float: none;
        padding-left: 15px;
        vertical-align: middle;
    }
    .g-header .g-logo img {
        height: 24px;
    }/*.p-works-g-header .g-logo img {
    height: 47px;
  }*/
    .g-header .sp-menu {
        display: table-cell;
        width: 50px;
        height: 100%;
        background: url('/en/img/sp/menu.png') no-repeat center center;
        background-size: 20px auto;
    }/*new panel*/
    .section-tour-2017-sept {
        background: url('/en/img/top/sp/sp_top_15th_102017.png') no-repeat 50% 50%;
        background-size: 100%;
        height: 187vw !important;/*padding-top: 120vw !important;*/
        padding-bottom: 0;
    }/*end of new panel*//*.p-works-g-header .sp-menu {
    width: 100px;
    background-size: 40px auto;
  }*/
    .g-header .g-nav {
        display: none;
    }
    .g-header .g-nav-lang {
        display: none;
    }
    .g-footer {
        padding: 8.25% 1.5% 0;
    }
    .g-footer h3 {
        font-size: 18px;
        font-size: 1.125rem;
    }
    .g-footer p {
        margin-top: 4%;
    }
    .g-footer .g-nav-address {
        margin-top: 6.75%;
        padding-bottom: 15px;
    }
    .g-footer .g-nav-address ul > li {
        font-size: 10px;
        font-size: .625rem;
        display: block;
        float: none;
        margin: 0;
    }
    .g-footer .g-nav-address ul > li:before {
        content: none;
    }
    .g-footer .g-nav-address ul > li:first-child {
        margin-bottom: 19px;
    }
    .g-footer .g-nav-address a:before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-top: -3px;
        margin-right: 3px;
        content: '';
        vertical-align: middle;
        border: 2px solid transparent;
        border-left: 3px solid #052454;
    }
    .g-footer .g-nav-social h3 {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .g-footer .g-nav-social .social-list >li {
        margin-left: 10px;
    }
    .g-footer .g-nav-social .social-list img {
        width: auto;
        height: 30px;
    }
    .g-footer-office {
        position: relative;
        max-width: 100%;
        margin: 0;
    }
    .g-footer-office p {
        margin: 0;
    }
    .g-footer-office .anchor {
        position: relative;
        top: -55px;
        display: block;
        visibility: hidden;
    }
    .g-footer-office .col {
        display: table;
        width: 100%;
        min-height: 233px;
        padding: 0;
    }
    .g-footer-office .col .office {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    .g-footer-office .col .info {
        position: static;
        height: auto;
    }
    .g-footer-office .col .info > div {
        padding: 0;
    }
    .g-footer-office .col .area {
        display: block;
        height: auto;
        padding: 5.375% 0 8.75%;
    }
    .g-footer-office .col .area span {
        display: block;
        text-align: center;
    }
    .g-footer-office .col .address {
        font-size: 15px;
        font-size: .9375rem;
        display: block;
        height: auto;
        margin-bottom: 2.5%;
    }
    .g-footer-office .col .address span {
        display: block;
        min-height: 4em;
        text-align: center;
    }
    .g-footer-office .col .tel {
        font-size: 15px;
        font-size: .9375rem;
        display: block;
        height: auto;
    }
    .g-footer-office .col .tel span {
        display: block;
        text-align: center;
    }
    .g-footer-office .col .tel a {
        display: inline-block;
        padding: 3.125% 10%;
    }
    .g-footer-office .col .map {
        position: static;
        height: auto;
    }
    .g-footer-office .col .map > a {
        padding: 3.125% 10%;
    }
    .g-footer-office .newport {
        min-height: 233px;
        background: url('/en/img/sp/office_newport.jpg') no-repeat;
        background-size: cover;
    }
    .g-footer-office .tokyo {
        min-height: 233px;
        background: url('/en/img/sp/office_tokyo.jpg') no-repeat;
        background-size: cover;
    }
    .g-footer-office .yokohama {
        min-height: 233px;
        background: url('/en/img/sp/office_yokohama.jpg') no-repeat;
        background-size: cover;
    }
    .bt {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 34px;
        width: 60.9375%;
        height: 34px;
        padding: 0;
    }
    .bt:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }
    .bt-entry {
        font-size: 15px;
        display: block;
        width: 100%;
        padding: 13px 0;
    }
    .bt-page-top, .bt-page-top-section {
        z-index: 10;
        bottom: 0;
        display: block;
        width: 100%;
        min-height: 30px;
        padding-top: 0 !important;
        text-align: center;
        background: #00d8ff;
    }
    .bt-page-top {
        position: relative;
    }
    .bt-page-top:after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 12px;
        height: 12px;
        margin: -3px 0 0 -6px;
        content: '';
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
    .bt-page-top-section .arrow-up-icon {
        display: block;
        margin: 0 auto;
        padding-top: 5px;
    }
    .fb img {
        height: 35px;
    }
    .fb:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }
    .social-list img, .social-list img, .social-list img {
        width: 38px;
        height: auto;
    }
    .modal {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background: white;
    }
    .modal .modal-close {
        position: absolute;
        z-index: 1001;
        top: 0;
        right: 0;
        display: inline-block;
        padding: 15px 15px 15px 20px;
    }
    .modal .modal-close span {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .modal .g-nav {
        position: relative;
        top: -10%;
        display: table-cell;
        padding: 0 8.125%;
        text-align: center;
        vertical-align: middle;
    }
    .modal .g-nav > li {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: bold;
        margin-top: 10px;
        text-transform: uppercase;
    }
    .modal .g-nav > li:first-child {
        margin-top: 0;
    }
    .modal .g-nav > li:last-child {
        font-size: 30px;
        font-size: 1.875rem;
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid #052454;
        text-transform: none;
    }
    .fineprint {
        font-size: 12px;
        font-size: .75rem;
        line-height: 20px;
    }
    .p-page .g-main {
        padding-top: 55px;
    }
    .p-page .g-main .content {
        padding: 0;
    }
    .p-page .g-footer-office {
        margin: 0 auto;
    }
    .p-page .bt-page-top {
        position: relative;
    }
    .arrow img {
        bottom: 0;
    }
    .section .container {
        display: table;
        height: 170vw;
        min-height: 650px !important;
        max-height: 1000px;
    }
    .section .object {
        position: relative;
        z-index: 1;
        padding: 0 0 14.0625%;
        vertical-align: bottom;
        height: 100%;
    }
    .section .copy {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.6;
        display: block;
        color: #fff;
    }
    .section .btn {
        display: block;
        width: 100%;
        padding-top: 4.6875%;
        text-align: center;
    }
    .section .btn > a {
        width: 100%;
    }/* Top page text section */
    .section-about .container {
        height: 180vw;
    }
    .section .top-section-text {
        top: inherit;
        right: 0;
        bottom: 5%;
        left: 0;
        width: 100%;
        -ms-transform: none;
            transform: none;
        text-align: left;
        color: #fff;
    }
    .section .top-section-heading {
        font-size: 22px;
        font-weight: 200;
        line-height: 32px;
        margin-bottom: 0;
        text-align: center;
        letter-spacing: 1px;
    }
    .section .top-section-copy {
        width: 90%;
        margin: 13px auto 0 auto;
        font-size: 16px;
        text-align: center;
        line-height: 26px;
    }
    .section.mobile-only .top-section-copy {
        font-size: 13px;
        line-height: 23px;
        display: block;
        margin: 17px 5% 0 5%;
    }
    .top-section-text .btn {
        font-size: 17px;
        font-weight: 200;
        display: block;
        max-width: 200px;
        margin: 0 auto;
        margin-top: 13px;
        padding: 10px 0;
        text-align: center;
        letter-spacing: 2px;
        color: #fff;
        border-radius: 2px;
    }/* About */
    .section .top-section-text-about {
        color: #000;
    }
    .top-section-text-about .top-section-heading {
        color: #000;
        text-shadow: 0px 0px 30px #fff;
    }
    .top-section-text-news .top-section-heading {
        text-shadow: 0px 0px 30px #000;
    }
    .top-section-text-about .top-section-heading span {
        font-size: 24px;
        letter-spacing: -1px;
    }
    .section .top-section-text-ses {
        color: #232121;
    }
    .top-section-text-ses .top-section-heading {
        color: #232121;
    }
    .section .top-section-text-bpp {
        color: #2f2f2f;
    }
    .top-section-text-bpp .top-section-heading {
        color: #2f2f2f;
        text-shadow: 0px 0px 30px #fff;
    }
    .section .top-section-text-noevir {
        color: #232121;
    }
    .top-section-text-noevir .top-section-heading {
        color: #232121;
        text-shadow: 0px 0px 20px #fff;
    }
    .top-section-text-nov .top-section-heading {
        color: #2f2f2f;
        text-shadow: 0px 0px 30px #fff;
    }
    .top-section-text-nov .top-section-copy {
        text-shadow: 0px 0px 40px #6D6D6D;
    }
    .top-section-text-dwh .top-section-heading {
        color: #fff;
    }
    .top-section-text-dwh .top-section-copy {
        color: #fff;
    }
    .top-section-text-volunteer .top-section-heading {
        text-shadow: 0px 0px 30px #000;
    }
    .section .link {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 44px;
        display: inline-block;
        width: 54.21875%;
        text-align: center;
        color: #fff;
        border-radius: 2px;
    }
    .section .link:before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 5px;
        content: '';
        vertical-align: middle;
        border: 4px solid transparent;
        border-left: 4px solid #fff;
    }
    .section .button {
        display: none !important;
    }
    .section-about {
        background: url('/en/img/top/sp/sp_about.png') no-repeat 50% 0px;
        background-size: cover;
    }
    .section-about .link {
        background: #00d8ff;
    }
    .section-ses {
        background: url('/en/img/top/sp/sp_ses.png') no-repeat 50% -40px;
        background-size: cover;
    }
    .section-ses .link {
        background: #dd3d96;
    }
    .section-noevir {
        background: url('/en/img/top/sp/sp_noevir.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-bpp {
        background: url('/en/img/top/sp/sp_bpp.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-bpp .link {
        background: #a44b8c;
    }
    .section-yakult {
        background: url('/en/img/top/sp/sp_yakult.png') no-repeat 50% -40px;
        background-size: cover;
    }
    .section-yakult .link {
        background: #4b7ee8;
    }
    .section-nov {
        background: url('/en/img/top/sp/bg_nov1.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-nov .link {
        background: #36c7c2;
    }
    .section-dwh {
        background: url('/en/img/top/sp/sp_dwh.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-dwh .link {
        background: #761238;
    }
    .section-fujitsu {
        background: url('/en/img/top/sp/bg_fujitsu1.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-fujitsu .link {
        background: #c33e45;
    }
    .section-stj {
        background: url('/en/img/top/sp/bg_stj1.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-stj .link {
        background: #c33e45;
    }
    .section-news {
        background: url('/en/img/top/sp/bg_news1.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-news .copy {
        font-size: 24px;
        font-size: 1.5rem;
    }
    .section-news .link {
        background: #f59600;
    }
    .section-news-sp-text-img {
        display: block;
        max-width: 110px;
        margin: 7px auto 20px auto;
        text-align: center;
    }
    .section-jrt {
        background: url('/en/img/top/sp/sp_tokyo.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-ucn {
        background: url('/en/img/top/sp/sp_ucn.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-ucn .container {
        min-height: 810px !important;
    }
    .section-ucn .top-section-text {
        bottom: 23.3%;
    }
    .section-lee {
        background: url('/en/img/top/sp/sp_lee.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-lee .copy {
        color: #232121;
    }
    .section-lee .container {
        min-height: 810px !important;
    }
    .section-lee .top-section-text {
        bottom: 19.4%;
        color: #232121;
    }/* jbc */
    .section-jbc {
        background: url('/en/img/top/sp/sp_jbc.png') no-repeat 50% 50%;
        background-size: cover;/* height: 282vw!important; */
    }
    .section-jbc .top-section-text {
        bottom: 24%;
    }
    .section-jbc img {
        width: 83vw;/* display: inline-block!important; */
    }
    .section .top-section-text-jbc .top-section-copy {
        font-size: 18px;
        letter-spacing: 1px;
    }/* mtt */
    .section-mtt {
        background: url('/en/img/top/sp/sp_mtt.png') no-repeat 50% 50%;
        background-size: cover;
        height: 282vw!important;
    }
    .section-mtt .top-section-text {
        bottom: inherit;
        top: 160vw;
    }
    .section .top-section-text-mtt .top-section-heading {
        line-height: 30px;
        font-size: 23.5px;
        letter-spacing: -0.8px;
    }
    .section .top-section-text-mtt .top-section-copy {
        line-height: 26px;
    }
    .section .top-section-text-mtt .btn {
        font-size: 13.2px;
        margin-top: 18px;
    }/* volunteer panel */
    .section-volunteer {
        background: url('/en/img/top/sp/sp_volunteer.png') no-repeat 50% 50%;
        background-size: cover;
    }
    .section-volunteer .link {
        background: #cb544f;
    }
    .section-client .bg {
        background-image: url('/en/img/top/sp/bg_client.png'),
                         url('/en/img/top/sp/bg_client-bg.png');
        background-repeat: no-repeat,
                         repeat-x;
        background-position: 50% top,
                         50% top;
        background-size: contain,
                         contain !important;
        margin-top: 14px !important;
    }
    .section-contact .container {
        padding-bottom: 0;
        padding-top: 50px;
        background: none;
    }
    .section-contact .object {
        position: relative;
        display: block;
        padding: 0 0 30px;
        height: auto !important;
    }
    .p-top .g-footer {
        margin-top: 23px;
    }
    .p-top .g-footer h3 {
        font-size: 18px;
        font-size: 1.125rem;
    }
    .section-contact .object .object-inner {
        display: block;
    }
    .section-contact .g-footer-office .address, .section-contact .g-footer-office .tel, .section-contact .g-footer-office .map {
        display: none !important;
    }
    .section-contact .g-footer-office .col .office.sp {
        display: table-cell;
    }
    .section-contact .g-footer-office .col .office.sp a {
        color: #fff;
    }
    .section-contact .g-footer-office .col .office.sp .area {
        padding: 0;
    }
    .section-contact .g-footer-office .col .office.pc {
        display: none;
    }
    .section-contact .g-footer-office .newport {
        min-height: 60px;
        background: url('/en/img/top/sp/office_newport.jpg') no-repeat;
        background-size: cover;
    }
    .section-contact .g-footer-office .tokyo {
        min-height: 60px;
        background: url('/en/img/top/sp/office_tokyo.jpg') no-repeat;
        background-size: cover;
    }
    .section-contact .g-footer-office .yokohama {
        min-height: 60px;
        background: url('/en/img/top/sp/office_yokohama.jpg') no-repeat;
        background-size: cover;
    }
    .content .content-arrow {
        padding-bottom: 23.125%;
        background: url('/en/img/sp/content_arrow.png') no-repeat center bottom;
        background-size: 100% auto;
    }
    .content .content-arrow.sp-none {
        padding-bottom: 0;
        background: none;
    }
    .content .content-slider {
        max-width: 100%;
        padding: 0;
    }
    .content .content-inner {
        max-width: 100%;
        padding: 0;
    }
    .content .content-tit {
        font-size: 24px;
        font-size: 1.5rem;
    }
    .content .content-subtit {
        font-size: 15px;
        font-size: .9375rem;
        padding: 0 25px;
    }
    .mainvis img {
        height: 100%;
    }
    .pc-img {
        display: none;
    }
    .sp-img {
        display: block;
    }
    .pj {
        margin: 30px 0;
    }
    .pj .logo {
        display: block;
        margin: 0 auto;
        padding-bottom: 30px;
        text-align: center;
        border: none;
    }
    .pj .pj-intro {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 25px;
    }
    .pj .pj-intro .copy {
        font-size: 21px;
        font-size: 1.3125rem;
        margin-left: 0;
        margin-bottom: 0;
    }
    .pj .pj-intro .copy br {
        display: none;
    }
    .pj .pj-intro .text {
        font-size: 15px;
        font-size: .9375rem;
        margin-left: 0;
        margin-top: 25px;
    }
    .pj .pj-intro .text:first-of-type {
        margin-top: 12px;
    }
    .pj .pj-summary {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-top: 25px;
        padding: 0 25px;
        border: none;
    }
    .pj .pj-summary .logo {
        display: none;
    }
    .pj .pj-summary .summary {
        margin: 0;
    }
    .pj .pj-summary .summary dt {
        font-size: 19px;
        font-size: 1.1875rem;
    }
    .pj .pj-summary .summary dd + dt {
        margin-top: .75em;
    }
    .pj .pj-summary .summary ul > li {
        font-size: 15px;
        font-size: .9375rem;
    }
    .pj .pj-summary small {
        font-size: 15px;
        font-size: .9375rem;
        margin: 25px 0 0 0;
    }
    .slider {
        margin: 0 0 20px;
    }
    .archives {
        margin: 5px 0 50px;
        padding: 0 7.8125%;
    }
    .archives .archives-tit {
        font-size: 21px;
        font-size: 1.3125rem;
        font-weight: normal;
        margin-bottom: 25px;
        padding: 0;
        border: none;
    }
    .archives .archives-list > li:nth-child(2n) {
        float: right;
    }/*- careers --------------------*/
    .p-careers .content {
        margin-top: 20px;
    }
    .p-careers .content-tit {
        font-size: 17px;
        margin-bottom: 35px;
    }
    .p-careers .careers-position {
        margin-top: 35px;
    }
    .p-careers .careers-position .content-inner {
        padding-bottom: 25px;
    }
    .p-careers .position-cols {
        width: 100%;
        margin: 55px 0 45px;
        padding: 0 25px;
        box-sizing: border-box;
    }
    .p-careers .position-cols .col {
        display: block;
        width: 100%;
        padding: 0 !important;
    }
    .p-careers .position-cols .col.right {
        margin-top: 35px;
    }
    .p-careers .position-cols .col h3 {
        font-size: 14px;
        margin-bottom: 22px;
        padding-bottom: 8px;
    }
    .p-careers .position-text, .p-careers .position-list {
        font-size: 12px;
        margin: 0 10px;
    }
    .p-careers .position-list >li {
        margin-top: 5px;
    }
    .p-careers .position-list >li >a {
        padding: 10px 0 10px 22px;
    }
    .p-careers .position-list >li >a:before {
        top: 50%;
        margin-top: -4px;
        border-left-width: 8px;
    }
    .p-careers .position-message {
        font-size: 12px;
        margin: 45px 0 50px;
    }
    .careers-position-info {
        margin: 0 25px;
        padding: 20px;
        border-width: 2px;
    }
    .careers-position-info p {
        font-size: 10px;
        line-height: 1.6;
    }
    .careers-position-info .social-list {
        margin-top: 20px;
    }
    .careers-position-info .social-list >li {
        margin-left: 35px;
    }
    .p-careers .careers-people .content-inner {
        padding-bottom: 25px;
    }
    .p-careers .careers-people ul {
        font-size: 15px;
        line-height: 1.65;
    }
    .p-careers .careers-people ul>li:not(:first-child) {
        margin-top: 30px;
    }
    .p-careers .careers-environment .content-inner {
        padding-bottom: 50px;
    }
    .p-careers .careers-environment .media:not(:first-of-type) {
        margin-top: 50px;
    }
    .p-careers .careers-environment .media-left {
        margin-left: 0;
    }
    .p-careers .careers-environment .media-right {
        margin-left: 0;
    }
    .p-careers .careers-environment .media-pic {
        text-align: center;
        float: none !important;
        margin: 0 !important;
    }
    .p-careers .careers-environment .media-pic img {
        width: 31.25%;
    }
    .p-careers .careers-environment .media-body {
        margin-top: 25px;
        padding: 0 25px;
    }
    .p-careers .careers-environment .media-body h3 {
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        margin-bottom: 20px;
    }
    .p-careers .careers-environment .media-body p {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: .15em;
    }/*- careers detail --------------------*/
    .p-careers-detail .content-heading {
        font-size: 24px;
        margin: 30px 0;
    }
    .p-careers-detail .content-inner {
        padding-bottom: 54px;
    }
    .p-careers-detail .requirements {
        display: block;
        margin-top: 25px;
        padding: 0 25px;
        box-sizing: border-box;
    }
    .p-careers-detail .requirements-menu, .p-careers-detail .requirements-body {
        display: block;
        float: none;
        width: 100%;
    }
    .p-careers-detail .requirements-menu {
        background: #f0f0f2;
        padding: 23px 15px 5px 15px;
        border-top: 1px solid #212121;
        border-bottom: 1px solid #212121;
        border-right: none;
    }
    .p-careers-detail .requirements-menu .menu {
        margin: 0;
    }
    .p-careers-detail .requirements-menu .menu-tit {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 12px;
    }
    .p-careers-detail .requirements-menu .menu-tit:before {
        vertical-align: middle;
        margin-right: 12px;
    }
    .p-careers-detail .requirements-menu .menu-text, .p-careers-detail .requirements-menu .menu-list {
        font-size: 11px;
        margin: 0 0 15px 20px;
    }
    .p-careers-detail .requirements-menu .menu-list >li {
        margin-top: 5px;
    }
    .p-careers-detail .requirements-menu .menu-list >li >a {
        display: block;
        padding: 5px 0 5px 22px;
    }
    .p-careers-detail .requirements-menu .menu-list >li >a:before {
        top: 50%;
        margin-top: -4px;
    }
    .p-careers-detail .requirements-header {
        text-align: center;
        margin: 40px 0 0;
    }
    .p-careers-detail .requirements-header .tit {
        font-size: 19px;
        float: none;
        margin-bottom: 20px;
    }
    .p-careers-detail .requirements-header .tit >span {
        font-size: 19px;
    }
    .p-careers-detail .requirements-header .entry {
        float: none;
    }
    .p-careers-detail .requirements-table {
        font-size: 12px;
        margin: 20px 0;
    }
    .p-careers-detail .requirements-table tr:first-child th {
        padding-top: 0;
        border-top: none;
    }
    .p-careers-detail .requirements-table th {
        font-size: 15px;
        display: block;
        width: 100%;
        padding-top: 20px;
    }
    .p-careers-detail .requirements-table td {
        display: block;
        margin-top: 20px;
        padding: 0 0 25px;
        border-bottom: 1px solid #212121;
    }
    .p-careers-detail .requirements-table .mt {
        margin-top: 1.5em;
    }
    .p-careers-detail .requirements-table .ul >li {
        text-indent: -.5em;
        margin-left: .5em;
    }
    .p-careers-detail .requirements-table .ul >li:first-child {
        margin-top: .5em;
    }
    .p-careers-detail .requirements-table .ul >li {
        margin-top: 1em;
    }
    .p-careers-detail .requirements-entry {
        margin: 0;
    }/*- careers form --------------------*/
    .p-careers-form .content-inner {
        padding-bottom: 56px;
    }
    .p-careers-form .form-heading {
        font-size: 17px;
        margin: 35px 0 20px;
    }
    .p-careers-form .form-lead {
        font-size: 12px;
        line-height: 1.6;
        margin: 0 25px 25px;
    }
    .form-item {
        margin-top: 25px;
        padding: 0 25px;
    }
    .form-tit {
        font-weight: normal;
        margin-bottom: 15px;
        padding: 8px 0 8px 17px;
        border-left-width: 9px;
    }
    .form-group, .form-group.col2, .form-group.col3, .form-group.col4 {
        margin: 0;
        padding: 0;
    }
    .form-group + .form-group {
        margin-top: 10px;
    }
    .form-group .col {
        width: 100% !important;
        float: none;
        margin: 10px 0 0;
        padding: 0;
    }
    .form-group .col:first-child {
        margin-top: 0;
    }
    .form-group .cols {
        display: block;
    }
    .form-group .cols > * {
        display: inline-block;
        vertical-align: baseline;
    }
    .form-group .cols .year, .form-group .cols .month {
        width: 80%;
        margin-top: 10px;
    }
    .form-radio {
        font-size: 14px;
    }
    .form-radio input:checked + label {
        border-color: #19dcff;
    }
    .form-radio >label {
        padding-left: 55px;
        border: 1px solid #c2c2c2;
    }
    .form-radio >label:before {
        width: 24px;
        height: 24px;
        left: 16px;
        margin-top: -12px;
    }
    .form-text input {
        font-size: 14px;
        padding: 13px 10px;
    }
    .form-text input[name="zip"] {
        width: 100%;
    }
    .form-text + .form-text {
        margin-top: 10px;
    }
    .form-select select {
        font-size: 14px;
        background-size: 22px auto;
        padding: 10px 32px 10px 10px;
    }
    .form-unit {
        font-size: 14px;
        font-weight: normal;
    }
    .form-file {
        display: block;
        width: 100%;
        height: auto;
    }
    .form-file .form-file-value {
        font-size: 14px;
        width: 100%;
        margin-right: 0;
        padding: 10px;
    }
    .form-file .form-file-bt {
        font-size: 15px;
        width: 90px;
        margin: 10px 0 0 auto;
        padding: 8px 0;
    }
    .p-careers-form .contact-form-footnotes {
        margin: 35px 25px;
    }
    .p-careers-form .contact-submit {
        padding: 0 25px;
    }
    .p-about .content {
        margin-top: 2.5%;
    }
    .p-about .content .content-inner {
        padding-bottom: 4.69%;
    }
    .p-about .content .content-tit {
        margin-bottom: 9.375%;
    }
    .about-philosophy.content {
        margin-top: 9.375%;
    }
    .about-philosophy p {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 25px;
    }
    .p-news .content {
        margin-top: 16px;
    }
    .p-news .content .content-tit {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        padding: 0 25px;
        text-align: center;
    }
    .content .content-subtit {
        margin-top: 2.65em;
    }
    .p-news .content .content-inner {
        padding-bottom: 14px;
    }
    .p-news .text {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 25px;
        box-sizing: border-box;
        padding: 0 25px;
    }
    .p-news .text > .fineprint {
        margin-top: 1.5em;
    }
    .p-news .img-logo-adtech {
        max-width: 126px;
        margin-top: 1.8em;
        margin-bottom: -15px;
    }
    .p-policy .content {
        margin-top: 9.375%;
    }
    .p-policy .content .content-inner {
        font-size: 12px;
        font-size: .75rem;
        max-width: inherit;
        padding: 0 25px 7.815%;
    }
    .p-policy h1 {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 7.145%;
    }
    .p-policy h2 {
        font-size: 12px;
        font-size: .75rem;
        margin: 8.93% 0;
    }
    .p-policy .sp-block {
        display: block;
    }
    .p-policy .sp-visible {
        display: inline-block;
    }
    #fp-nav {
        display: none;
    }
    #fp-nav ul li span, .fp-slidesNav ul li span {
        width: 6px;
        height: 6px;
    }
    .bx-wrapper {
        margin-bottom: 20px;
    }
    .bx-wrapper img {
        width: 100%;
    }
    .bx-controls-direction > a {
        width: 41px;
        height: 41px;
        margin-top: -20px;
    }
    .bx-controls-direction > a:before {
        width: 15px;
        height: 15px;
        margin: -7px 0 0 -7px;
    }
    .bx-controls-direction .bx-prev {
        left: 0;
    }
    .bx-controls-direction .bx-next {
        right: 0;
    }
    .bx-pager {
        margin-top: 20px;
    }
    .bx-pager > li {
        width: 12px;
        height: 12px;
        margin: 0 12px;
    }
    .bx-pager > li span {
        width: 6px;
        height: 6px;
    }/*- contact --------------------*/
    .p-contact .content .content-tit {
        font-size: 17px;
        font-weight: 700;
        margin: 32px 0 32px 0;
    }
    .contact-form {
        margin: 0 7.5%;
    }
    .contact-form-set-heading {
        font-size: 14px;
    }
    .contact-form-set {
        width: 100%;
        margin: 25px 0 0 0;
    }
    .contact-form-set1 {
        margin-top: 0;
    }
    .contact-form-set .contact-form-item {
        height: 65px;
    }
    .contact-form-set1 .contact-form-set-heading {
        max-width: inherit;
    }
    .contact-form-set2 .contact-form-set-heading {
        max-width: 170px;
    }
    .contact-form-set3 input {
        font-size: 14px;
        padding: 13px 8px 13px 8px;
    }
    .contact-form-set3 textarea {
        font-size: 14px;
        padding: 13px 8px 13px 8px;
    }
    .contact-form-item-label {
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
    }
    .contact-form-footnotes {
        margin: 15px 0 20px 0;
        padding: 10px 0 9px 0;
    }
    .contact-form-footnotes p {
        margin: 0 1px;
    }
    .contact-submit input {
        font-size: 17px;
        width: 100%;
        margin-bottom: 30px;
        padding: 10px 10px;
    }
    .contact-submit .edit-button {
        margin-top: 20px;
        width: 50%;
        font-size: 17px;
    }
    .office-locations {
        margin-bottom: 1px;
    }
    .office-location {
        box-sizing: border-box;
        min-height: 231px;
        margin-top: 1px;
        padding-top: 24px;
    }
    .office-location-newportbeach {
        width: 100%;
        background-image: url('/en/img/contact/sp/bg-location-newportbeach.jpg');
    }
    .office-location-heading {
        font-size: 21px;
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .office-location-info {
        font-size: 18px;
        float: none;
        width: 75%;
        margin: 0 auto;
        text-align: center;
    }
    .office-location-address {
        font-size: 18px;
        line-height: 24px;
        margin-top: 23px;
    }
    .office-location-info-mod .office-location-address {
        margin-top: 14px;
    }
    .office-location-tel {
        font-size: 15px;
        margin-top: 25px;
    }
    .office-location-info-mod .office-location-tel {
        margin-top: 9px;
    }
    .office-location-btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }
    .office-location-btn a {
        font-size: 17px;
        width: 100%;
        padding: 11px 0;
        border: 0;
        border-top: 1px solid #fff;
    }
    .content .content-inner-success {
        display: none;
        margin-top: 42px;
        margin-bottom: 20px;
    }
    .content .content-inner-success .content-tit {
        line-height: 28px;
        margin-bottom: 27px;
    }
    .content-inner-success p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 28px;
        text-align: center;
    }
    .content .to-top-page-link {
        margin-bottom: 48px;
        color: #19dcff;
    }
    .content .to-top-page-link a {
        font-size: 15px;
        color: #19dcff;
    }
    .content .to-top-page-link a:hover {
        text-decoration: underline;
    }
    .content .to-top-page-link span {
        font-size: 7px;
        position: relative;
        top: -3px;
        margin-right: 6px;
    }/** MISC
  ===================================*/
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
    br.pc-visible {
        display: none;
    }
    br.sp-visible {
        display: inherit;
    }
}
@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.08, 1.08, 1.08);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.js-toggle.is-active .js-toggle-open {
    display: none;
}
.js-toggle-open {
    text-align: center;
    display: block;
    margin-top: 20px;
}
.js-toggle-close {
    display: none;
}
.js-toggle-open:before {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    content: '';
    vertical-align: bottom;
    background: url('/en/img/sp/ic_plus.png') no-repeat;
    background-size: 23px auto;
}
.js-toggle-close {
    line-height: 23px;
    display: block;
    margin-top: 7.41%;
    text-align: center;
    color: #17d9fb;
}
.js-toggle-content {
    display: none;
}
.js-toggle-open {
    line-height: 23px;
    display: block;
    margin-top: 7.41%;
    text-align: center;
    color: #17d9fb;
}
.js-toggle-content {
    display: none;
}
.js-toggle-close:before {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    content: '';
    vertical-align: bottom;
    background: url('/en/img/sp/ic_minus.png') no-repeat;
    background-size: 23px auto;
}
.js-toggle-content > p {
    margin-top: 1.5em;
}
.cf:before, .cf:after {
    content: " ";/* 1 */
    display: table;/* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    zoom: 1;
}

/* About */
.p-about .content .content-inner {
    padding-bottom: 20px;
    color: #333;
}
.p-about .content .content-tit {
    margin-top: 40px;
    margin-bottom: 45px;
    color: #333;
    letter-spacing: 4px;
}
.p-about .content .content-tit .bar {
    border-bottom: 5px solid #333;
    padding-top: 22px;
    width: 11%;
    display: block;
    margin: auto;
}
.about-services .content-tit {
    margin-top: 70px!important;
    margin-bottom: 5px!important;
}
.about-services .content-tit .bar {
    width: 8%!important;
}
.content-arrow-trans {
    padding-bottom: 0;
    background: none;
    margin-bottom: -11.1%;
    z-index: 100;
    position: relative;
}
.content-arrow-trans img {
    width: 100%;
}
.content-arrow-trans-bottom {
    padding-bottom: 0;
    background: none;
    margin-top: -7.3%;
    z-index: 100;
    position: relative;
}
.content-arrow-trans-bottom img {
    width: 100%;
}
.services-1 .services-list {
    text-indent: 12px;
}
.services-1 p {
    position: relative;
    top: 2.7px;
}
.services-2 {
    padding-top: 0;
    position: absolute;
    top: -0.7%;
    left: 22.1%;
}
.services-2-more {
    top: 117.2%;
}
.services-2 p {
    position: relative;
    top: 1px;
}
.services-3 {
    padding-top: 0;
    position: absolute;
    top: 4.9%;
    left: 22.2%;
}
.services-3-more {
    top: 119.7%;
}
.services-3 p {
    position: relative;
    top: 9.4px;
    line-height: 22.8px!important;
    left: 2px;
}
.services-4 {
    padding-top: 0;
    position: absolute;
    top: 0.7%;
    left: 20.2%;
}
.services-4-more {
    top: 146.9%;
}
.services-4 p {
    position: relative;
    top: 9.3px;
}
.services-5 {
    padding-top: 0;
    position: absolute;
    top: 0.7%;
    left: 20.3%;
}
.services-5-more {
    top: 113.7%;
}
.services-5 p {
    position: relative;
    top: 3.8px;
    left: 2.1px;
}
.services-list {
    font-family: 'Hiragino Sans';
}
.services-list-copyright {
    position: relative;
    top: -7px;
    font-size: 20px;
}
.about-philosophy .content-tit {
    margin-top: 20px;
}
.about-philosophy p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 48px;
    text-align: center;
}
.about-beliefs {
    text-align: center;
    background-image: url('/en/img/about/beliefs.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15% 0;
    min-height: 800px;
    background-position: 50%;
}
.about-beliefs ol {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 50px;
    display: inline-block;
    text-align: left;
}
.about-beliefs ol > li {
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left 6px;
}
.about-beliefs ol > li:first-child {
    background-image: url('/en/img/about/ol_01.png');
}
.about-beliefs ol > li:nth-child(2) {
    background-image: url('/en/img/about/ol_02.png');
}
.about-beliefs ol > li:nth-child(3) {
    background-image: url('/en/img/about/ol_03.png');
}
.about-beliefs ol > li:nth-child(4) {
    background-image: url('/en/img/about/ol_04.png');
}
.about-beliefs ol > li:nth-child(5) {
    background-image: url('/en/img/about/ol_05.png');
}
.about-beliefs ol > li:nth-child(6) {
    background-image: url('/en/img/about/ol_06.png');
}
.about-beliefs ol > li:nth-child(7) {
    background-image: url('/en/img/about/ol_07.png');
}
.about-beliefs ol > li:nth-child(8) {
    background-image: url('/en/img/about/ol_08.png');
}
.about-beliefs ol > li:nth-child(9) {
    background-image: url('/en/img/about/ol_09.png');
}
.about-beliefs ol > li:nth-child(10) {
    background-image: url('/en/img/about/ol_10.png');
}
.about-people .people-header {
    position: relative;
}
.about-people .people-header h3 {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 95px;
    text-align: center;
}
.about-people .people-cols {
    display: table;
    width: 100%;
    max-width: 760px;
    margin: 0 auto 60px;
}
.about-people .people-cols .col {
    display: table-cell;
    vertical-align: top;
}
.about-people .people-cols .col > div {
    display: inline-block;
    text-align: center;
}
.about-people .people-cols .col .name {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 20px;
}
.about-people .people-cols .col:first-child {
    text-align: left;
}
.about-people .people-cols .col:last-child {
    text-align: right;
}
.about-people .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto 20px;
    color: #000;
}
.about-people .text > p {
    margin-top: 1.5em;
}
.about-people .text-link-heading {
    font-size: 17px;
    margin-top: 2.9em;
}
.about-people .content-inner .text-link-list {
    font-size: 17px;
    line-height: 48px;
    margin-top: .1em;
}
.about-services {
    text-align: center;
    background-image: url('/en/img/about/services.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    height: 1085px;
    background-position: 50%;
}
.about-services .content-tit {
    margin-top: 0px;
    margin-bottom: 0px;
}
.about-services .service-cols {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin: 5px auto 0;
    text-align: center;
}
.about-services .service-cols .col {
    position: relative;
    display: inline-block;
    margin: 30px 30px 0;
}
.about-services .service {
    position: relative;
    display: table-cell;
    box-sizing: border-box;
    width: 310px;
    height: 310px;
    margin: 0 auto;
    text-align: center;
    border: 3px solid #000000;
    border: 3px solid rgba(0, 0, 0, .03);
    border-radius: 100%;
    -moz-border-radius: 100%;
    box-shadow: 5px 10px 32px 0 rgba(86, 96, 118, .11);
    background-color: white;
}
.about-services .service > div {
    padding: 0;
    vertical-align: top;
    padding-top: 22px;
}
.about-services h3 {
    font-size: 24.8px;
    font-size: 1.55rem;
    margin-top: 11.8%;
    margin-bottom: 6.2%;
    margin-left: 1.2%;
    color: #3d3e3f;
    font-family: 'Hiragino Sans';
    letter-spacing: 0.3px;
    font-weight: 500;
}
.about-services .more {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10.6%;
    left: -1.3%;
}
.about-services .more span {
    color: #19dcff;
    background-image: url('/en/img/about/more_arrow@2x.png');
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
    padding-left: 30px;
}
.about-services p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: 0.6px;
    color: #3d3e3f;
}
.about-services .service-footnote {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    left: 68px;
    margin-top: 10px;
    color: black;
    letter-spacing: -0.2px;
}
.about-services-inner {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 0;
    right: 0;
}
.about-office .content-tit {
    margin-top: 90px!important;
}
.about-office {
    overflow: hidden;
}
.about-office .content-inner {
    padding-bottom: 90px !important;
    overflow: hidden;
    max-width: 1124px;
    padding: 0;
}
.about-office h3 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.about-office .map {
    display: block;
    width: 100%;
    background-image: url("/en/img/about/map_pin@2x.png");
    background-position: 10px;
    background-size: 11px;
    background-color: #2f2f2f;
    background-repeat: no-repeat;
    color: white;
    padding: 8px;
    text-align: center;
    margin-top: 10px;
    box-sizing: border-box;
}
.about-office .address {
    margin-top: 30px;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 34px;
}
.about-office .about-office-container {
    margin: auto;
    overflow: hidden;
    padding: 0 20px;
}
.about-office .col img {
    width: 100%;
}
.about-office .col.left, .about-office .col.right, .about-office .col.center {
    display: inline-block;
    width: 32%;
    float: left;
    margin-left: 1%;
}
/*@media (max-width: 1189px) and (min-width: 1124px) {
  .about-services .content-tit {
    margin-top: 85px!important;
    margin-bottom: 15px!important;
 }
}*/
@media screen and (max-width: 1124px) {
    .about-services {
        background-size: cover;
        background-position: 50%;
        padding-top: 250px !important;/*padding-bottom: 90px !important;*/
        min-height: 0px;
    }
}
@media screen and (max-width: 1136px) {
    .about-services .service-cols .col:nth-child(n+3):nth-child(-n+4) {
        margin-top: 60px;
    }
}
@media screen and (max-width: 737px) {
    .about-services .service-footnote {
        position: inherit;
        left: 0;
    }
    .about-services .service-cols .col:nth-child(n+3):nth-child(-n+4) {
        margin-top: 30px;
    }
    .about-office .col {
        width: 100% !important;
        margin-bottom: 40px;
        margin-left: 0 !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }
    .about-office .col.center, .about-office .col.right {
        margin-left: 0;
    }
    .about-office .address {
        margin-top: 30px;
        font-size: 14px;
        font-size: 14.4px;
        font-size: 0.9rem;
        line-height: 16px;
        padding-left: 20px;
    }
    .about-office .content-arrow {
        padding-bottom: 0 !important;
        background: none !important;
    }
}
@media screen and (max-width: 736px) {
    .address {
        float: left;
        padding-left: 0 !important;
        width: 60%;
    }
    .address br.no-sp {
        display: none !important;
    }
    .map {
        width: 20% !important;
        float: right;
        height: 20px;
        vertical-align: top;
        padding: 20px !important;
        margin-top: 30px !important;
        box-sizing: content-box !important;
        box-sizing: initial !important;
        background-position: 14px !important;
    }
    .p-about .content .content-inner {
        padding-bottom: 4.69%;
    }
    .p-about .content .content-tit {
        margin-bottom: 9.375%;
    }
    .p-about .content .bar {
        width: 20% !important;
    }
    .about-philosophy p {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 25px;
    }
    .about-philosophy.content {
        margin-top: 9.375%;
    }
    .about-beliefs {
        min-height: 550px;
        background-position: 50%;
        padding-top: 130px !important;
    }
    .about-beliefs ol {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 30px;
    }
    .about-beliefs ol > li {
        padding-left: 30px;
        background-size: 20px auto;
    }
    .about-people .people-header h3 {
        font-size: 15px;
        font-size: .9375rem;
        position: static;
        margin: 0 0 7.03125%;
    }
    .about-people .people-cols {
        width: 80%;
        margin-bottom: 8.59375%;
    }
    .about-people .people-cols .col .name {
        font-size: 12px;
        font-size: .75rem;
        margin-top: 9.18%;
    }
    .about-people .people-cols .col img {
        width: 100%;
    }
    .about-people .people-cols .col:first-child {
        padding-right: 7.5%;
    }
    .about-people .people-cols .col:last-child {
        padding-left: 7.5%;
    }
    .about-people .text {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 25px;
        box-sizing: border-box;
        padding: 0 25px;
    }
    .about-people .content-inner .text-link-list {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 35px;
        margin-top: 1em;
    }
    .service-cols .col {
        margin: 0 0 12.93% !important;
    }
}
@media screen and (max-width: 700px) {
    .content-arrow-trans {
        display: none;
    }
    .content-arrow-trans-bottom {
        display: none;
    }
    .about-services {
        background-image: url('/en/img/about/sp/services.jpg');
        background-position: top;
        background-size: 100%;
        height: auto;
        height: initial;
    }
    .about-services .content-tit {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    .about-services .service {
        width: 470px;
        height: 470px;
    }
    .about-services .service h3 {
        font-size: 37px;
        font-size: 2.3125rem;
        margin-top: 8%;
        margin-bottom: 7%;
    }
    .about-services .service p {
        letter-spacing: -1px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 42px;
    }
    .about-services .service>div {
        position: static;
    }
    .about-services .more {
        bottom: 8%;
        top: auto;
        top: initial;
        right: auto;
        right: initial;
    }
    .about-services-inner {
        -ms-transform: none;
            transform: none;
        -ms-transform: initial;
            transform: initial;
        top: 0;
        position: relative;
    }
    .about-services .service-cols .col {
        margin: 0 0 2.1%;
    }
}
@media screen and (max-width: 600px) {
    .about-services {
        padding-top: 28% !important;
        padding-bottom: 0 !important;
    }
    .about-services .service h3 {
        font-size: 32.2px;
        font-size: 2.0125rem;
        margin-top: 8%;
        margin-bottom: 7%;
    }
    .about-services .service p {
        letter-spacing: -1px;
        font-size: 17.2px;
        font-size: 1.075rem;
        line-height: 32px;
    }
    .about-services .service-cols .col {
        margin: 0 0 18.93%;
    }
}
@media screen and (max-width: 420px) {
    .about-services {
        padding-bottom: 26% !important;
    }
    .about-services .service {
        width: 320px !important;
        height: 320px !important;
    }
    .about-services .service h3 {
        font-size: 21px;
        font-size: 1.3125rem;
        margin-top: 8%;
        margin-bottom: 7%;
    }
    .about-services .service p {
        letter-spacing: 0px;
        font-size: 15.6px;
        font-size: 0.975rem;
        line-height: 24px;
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 375px) {
    .about-services {
        padding-bottom: 21% !important;
    }
    .about-services .service {
        width: 310px !important;
        height: 310px !important;
    }
    .about-services .service h3 {
        font-size: 21px;
        font-size: 1.3125rem;
        margin-top: 8%;
        margin-bottom: 7%;
    }
    .about-services .service p {
        letter-spacing: 0px;
        font-size: 12.4px;
        font-size: 0.775rem;
        line-height: 21px;
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 375px) {
    .about-services .service {
        width: 300px !important;
        height: 300px !important;
    }
    .service-cols .col {
        margin: 0 0 8.93% !important;
    }
}
@media screen and (max-width: 360px) {
    .about-services .service {
        width: 280px !important;
        height: 280px !important;
    }
}
@media screen and (max-width: 320px) {
    .p-about .about-services {
        padding-top: 26% !important;
        padding-bottom: 5% !important;
    }
    .p-about .service-cols .col {
        margin: 0 0 4% !important;
    }
}

/* Services */
.p-services .icons {
    margin: 50px 0 0px 0;
}
.p-services .icons ul {
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
}
.p-services .icons ul li {
    display: inline-block;
    height: 250px;
    vertical-align: top;
    padding: 20px 10px;
    font-weight: bold;
    font-size: 24px;
}
.p-services .icons ul li img {
    margin-bottom: 20px;
}
.p-services .icons ul li.brandcamp a {
    color: #429b81;
}
.p-services .icons ul li.brandcamp span {
    font-size: 14px;
    vertical-align: super;
}
.p-services .icons ul li.rands a {
    color: #d3bd2d;
}
.p-services .icons ul li.creative a {
    color: #ef9756;
}
.p-services .icons ul li.digital a {
    color: #f39fbf;
}
.p-services .icons ul li.media a {
    color: #6e8bd5;
}
.p-services .service-type {
    padding-top: 60px;
}
.p-services .service-type .content-inner {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}
.p-services .service-type .content-inner >div {
    box-sizing: border-box;
    margin-bottom: 60px;
}
.p-services .service-type .left {
    width: 38%;
    float: left;
    color: #429b81;
}
.p-services .service-type .left h3 {
    text-align: center;
    font-size: 60px;
    letter-spacing: 0px;
    font-weight: bold;
}
.p-services .service-type .left h3 span {
    font-size: 20px;
    vertical-align: super;
}
.p-services .service-type .left img {
    display: block;
    margin: 20px auto;
}
.p-services .service-type .left p {
    border-left: 6px solid #429b81;
    padding: 10px 0 10px 30px;
    line-height: 26px;
    font-size: 14px;
}
.p-services .service-type .right {
    width: 62%;
    float: left;
    padding-left: 68px;
    line-height: 40px;
    font-size: 15px;
}
.p-services .service-type .right a {
    text-decoration: underline !important;
}
.p-services .service-type .right span {
    font-size: 12px;
}
.p-services .service-type.rands .left {
    color: #d3bd2d;
}
.p-services .service-type.rands .left p {
    border-left: 6px solid #d3bd2d;
    padding: 10px 0 10px 30px;
}
.p-services .service-type.rands .top h3 {
    color: #d3bd2d;
}
.p-services .service-type.creative .left {
    color: #ef9756;
}
.p-services .service-type.creative .left p {
    border-left: 6px solid #ef9756;
    padding: 10px 0 10px 30px;
}
.p-services .service-type.digital .left {
    color: #f39fbf;
}
.p-services .service-type.digital .left p {
    border-left: 6px solid #f39fbf;
    padding: 10px 0 10px 30px;
}
.p-services .service-type.media .left {
    color: #6e8bd5;
}
.p-services .service-type.media .left p {
    border-left: 6px solid #6e8bd5;
    padding: 10px 0 10px 30px;
}
.p-services .bottom img {
    width: 100%;
}
.p-services .pc {
    display: block;
}
.p-services .sp {
    display: none;
}
@media screen and (max-width: 736px) {
    .p-services .pc {
        display: none;
    }
    .p-services .sp {
        display: block;
    }
    .p-services .icons {
        margin-top: 30px;
    }
    .p-services .icons ul li {
        padding: 0;
        font-weight: bold;
        font-size: 20px;
        width: 30%;
        max-height: 127px;
    }
    .p-services .icons ul li img {
        width: 80%;
        max-width: 77px;
        margin-bottom: -4px;
    }
    .p-services .icons ul li a {
        font-size: 12px;
        font-family: 'ヒラギノ角ゴ Pro W3',
                       'Hiragino Kaku Gothic Pro',
                       'メイリオ',
                       Meiryo,
                       'ＭＳ Ｐゴシック',
                       'MS PGothic',
                       sans-serif;
    }
    .p-services .icons ul li a span.trademark {
        position: relative;
        left: 0;
        top: 6px;
    }
    .p-services .content {}
    .p-services .content-arrow {
        padding-bottom: 18%;
    }
    .p-services .service-type .content-inner {
        overflow: hidden;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .p-services .service-type .content-inner >div {
        box-sizing: border-box;
        margin-bottom: -15px;
    }
    .p-services .service-type .bottom {
        color: #429b81;
        margin-top: 20px;
        border-left: 4px solid #429b81;
        padding: 3px 0 10px 15px;
    }
    .p-services .service-type .bottom p, .p-services .service-type .bottom ul {
        margin-top: 18px;
        line-height: 1.2;
    }
    .p-services .service-type .bottom p:first-child, .p-services .service-type .bottom ul:first-child {
        margin-top: 0;
    }
    .p-services .service-type .bottom ul {
        margin-left: 3px;
    }
    .p-services .service-type .bottom li {
        list-style: none;
        padding-left: 1em;
        text-indent: -1em;
        margin-top: 15px;
    }
    .p-services .service-type .bottom li:first-child {
        margin-top: 0;
    }
    .p-services .service-type .bottom li:before {
        content: '-';
        padding-right: 0.4em;
    }
    .p-services .service-type .top {
        padding: 14px 20px 20px 20px;
        margin-top: -5px;
    }
    .p-services .service-type .top h3 {
        text-align: center;
        letter-spacing: 0px;
        font-weight: bold;
        font-size: 24px;
        font-family: 'ヒラギノ角ゴ Pro W3',
                       'Hiragino Kaku Gothic Pro',
                       'メイリオ',
                       Meiryo,
                       'ＭＳ Ｐゴシック',
                       'MS PGothic',
                       sans-serif;
        line-height: 0.9;
        color: #429b81;
    }
    .p-services .service-type .top h3 span {
        font-size: 16px;
    }
    .p-services .service-type .top h3 span.trademark {
        font-size: 24px;
        position: relative;
        left: 1px;
        top: -1px;
    }
    .p-services .service-type .top img {
        position: relative;
        display: block;
        margin: 12px auto 25px auto;
        max-width: 16.4%;
    }
    .p-services .service-type .top img.magnifying-glass {
        max-width: 11.6%;
        top: 2px;
        right: 2px;
    }
    .p-services .service-type .top img.light-bulb {
        max-width: 11.3%;
        top: 3px;
    }
    .p-services .service-type .top img.devices {
        max-width: 15.3%;
        top: 8px;
    }
    .p-services .service-type .top img.sns {
        margin-top: 28px;
        max-width: 20%;
    }
    .p-services .service-type .top .text {
        line-height: 1.6;
    }
    .p-services .service-type .top span {
        font-size: 12px;
    }
    .p-services .service-type h3 {
        line-height: 50px;
    }
    .p-services .service-type.rands .top h3 {
        color: #d3bd2d;
    }
    .p-services .service-type.rands .bottom {
        color: #d3bd2d;
        border-color: #d3bd2d;
    }
    .p-services .service-type.creative .top h3 {
        color: #ef9756;
    }
    .p-services .service-type.creative .bottom {
        color: #ef9756;
        border-color: #ef9756;
    }
    .p-services .service-type.digital .top h3 {
        color: #f39fbf;
    }
    .p-services .service-type.digital .bottom {
        color: #f39fbf;
        border-color: #f39fbf;
    }
    .p-services .service-type.media .top h3 {
        color: #6e8bd5;
    }
    .p-services .service-type.media .bottom {
        color: #6e8bd5;
        border-color: #6e8bd5;
    }
}

/* Works */
/*- works --------------------*/
.p-works .tabs {
    text-align: center;
    padding-bottom: 80px;
    font-size: 16px;
}
.p-works .tabs span {
    width: 200px;
    display: inline-block;
    cursor: pointer;
    height: 24px;
    border-right: 1px solid #ccc;
    padding-top: 4px;
    padding-bottom: 10px;
}
.p-works .tabs span.active {
    background-image: url('/en/img/work/tab_active.png');
    background-repeat: no-repeat;
    background-position: bottom;
}
.p-works .tabs span:last-child {
    border: none;
}
.p-works .content {
    margin-top: 19px;
}
.p-works .content .content-inner {
    max-width: 1220px;
    color: #333;
}
.p-works .content .content-tit {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 400;
    margin-top: 75.2px;
    margin-top: 4.7rem;
    margin-bottom: 78px;
    margin-bottom: 4.875rem;
    text-align: center;
}
.p-works .content .content-subtit {
    margin-bottom: -10px;
}
.p-works .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    width: 100%;
    margin: 0 auto 20px;
    color: #000;
}
.p-works .text > p {
    margin-top: 1.5em;
}
.p-works .text > .fineprint {
    margin-top: 3.6em;
}
.p-works .img-logo-adtech {
    margin-top: 2.3em;
}
.p-works .works-grid-label {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 8px;
    margin-top: .5rem;
    text-align: center;
    color: #000;
}
.p-works .content .content-arrow {
    padding-bottom: 5.5em;
}
.p-works .archives .archives-list {
    position: relative;
    left: .8%;
}
.p-works .archives .archives-list > li {
    width: 31.1%;
    margin: 40px 0 0 2.2%;
}
.p-works .archives .archives-list > li img {
    width: 100%;
}
@media screen and (max-width: 736px) {
    .p-works .content .content-tit {
        margin-bottom: 0;
        text-align: center;
    }
    .archives .archives-list {
        margin: -6.25% 0 0;
    }
    .p-works .archives .archives-list {
        left: 0;
        margin-top: 0;
    }
    .p-works .archives .archives-list > li {
        width: 48%;
        margin: 6.25% 1% 0;
    }
    .archives .archives-list > li {
        width: 48%;
        margin: 6.25% 1% 0;
    }/* fix for IE8 lack of nth-child selector support
     symptom 2nd image does not float right */
    .p-works .archives .archives-list > li img {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }
    .p-works .works-grid-label {
        font-weight: normal;
    }
    .p-works .tabs {
        padding-bottom: 10px;
    }
    .p-works .tabs span {
        width: 90px;
        display: inline-block;
        height: 24px;
        border-right: 1px solid #ccc;
        padding-top: 4px;
        padding-bottom: 10px;
        font-size: 13px;
    }
    .p-works .tabs span.active {
        background-size: 50%;
    }
}
.p-page .pj .logo img {
    height: auto;
}

/* Contact */
.hs-form fieldset {
    max-width: none !important;
}
@media screen and (min-width: 480px) {
    .hs-form .form-columns-2 .hs-form-field {
        width: 49% !important;
    }
    .hs-form .form-columns-2 .hs-form-field:last-child {
        margin-left: 2%;
    }
}
.hs-form .hs-form-field .input {
    margin-right: 0px !important;
}
.hs-form .hs-form-field .input input, .hs-form .hs-form-field .input textarea {
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    font-size: 13px;
    box-shadow: none;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    width: 100% !important;
    border-radius: 0;
}
.hs-form .hs-form-field .input textarea {
    min-height: 120px;
    resize: none;
}
.hs-form .hs-form-field > label {
    display: none !important;
}
.hs-form ul.inputs-list {
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
}
@media screen and (max-width: 520px) {
    .hs-form ul.inputs-list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.hs-form li.hs-form-radio {
    -ms-flex: 1;
        flex: 1;
    list-style: none;
}
@media screen and (max-width: 520px) {
    .hs-form li.hs-form-radio {
        -ms-flex: none;
            flex: none;
    }
}
.hs-form label.hs-form-radio-display {
    display: block;
    text-align: center;
    width: 100%;
}
.hs-form label.hs-form-radio-display input {
    display: none !important;
}
.hs-form label.hs-form-radio-display span {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    height: 70px;
    width: 100%;
    padding: 5px;
    cursor: pointer;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
}
.hs-form .hs_inquiry_type label.hs-form-radio-display span {
    min-height: 85px;
    padding: 11px 5px;
}
@media screen and (max-width: 767px) {
    .hs-form .hs_inquiry_type label.hs-form-radio-display span {
        height: 70px;
        padding: 5px;
    }
    .hs-form .hs_inquiry_type li.hs-form-radio {
        width: 100%;
    }
    .hs-form .hs_contact_country li.hs-form-radio {
        width: 33.33333333%;
    }
}
.hs-form label.hs-form-radio-display input + span {
    background-color: #efefef;
}
.hs-form label.hs-form-radio-display input:checked + span {
    background-color: #19dcff;
    color: #fff;
}
.hs-form.stacked .field {
    margin-bottom: 18px !important;
}
.hs-form.stacked .actions {
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 8px !important;
}
.hs-form input.hs-button, .hs-form input.hs-button:hover, .hs-form input.hs-button:focus, .hs-form input.hs-button:active {
    display: block;
    margin: 0 auto;
    background-color: #19dcff !important;
    box-shadow: none !important;
    background-image: none !important;
    text-shadow: none;
    border: 0 !important;
    width: 100%;
    max-width: 200px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box !important;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}
.hs-form ul.hs-error-msgs.inputs-list label {
    color: #ff5e5e;
    margin: 0;
}
.hs-form .hs_inquiry_type > label, .hs-form .hs_contact_country > label {
    display: block !important;
    padding: 5px;
}

/* Misc */
/*** smooch ***/
#sk-holder #sk-container #sk-footer {
    height: 85px !important;
    position: fixed !important;
}
#sk-holder #sk-container #sk-conversation {
    height: calc(100% - 129px) !important;
}