* {
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@font-face {
    font-family: 'webdin';
    src: url('https://cdn.terramed.cn/DIN.ttf');
}

html,
body {
    font-size: 62.5%;
    height: 100%
}

@media screen and (max-width: 1023px) {

    html,
    body {
        font-size: 54.69%
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        font-size: 62.5%
    }
}

@media screen and (min-width: 1780px) {

    html,
    body {
        font-size: 70%
    }
}

body {
    display: block;
    line-height: 1;
    color: #333;
    text-align: left;
    width: 100% !important;
    background: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-font-feature-settings: "pwid";
    font-feature-settings: "pwid";
    letter-spacing: .05em;
    font-family: "Arial","PingFangSC-Regular","Microsoft YaHei","微软雅黑",sans-serif;
}

@media screen and (max-width: 767px) {
    body {
        max-width: 767px !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 100%;
        overflow-x: hidden !important;
        padding-top: 0
    }
}

_:-ms-input-placeholder,
:root body {
}

::-moz-selection {
    background: #1484ce;
    color: #fff
}

::selection {
    background: #1484ce;
    color: #fff
}

::-moz-selection {
    background: #1484ce;
    color: #fff
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

template {
    display: none
}

address {
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-weight: normal;*/
    /*line-height: 100%;*/
    margin: 0px;
    padding: 0px
}

strong,
b {
    font-weight: bold
}

object {
    pointer-events: none
}

img {
    border: none;
    /*vertical-align: bottom*/
}

audio:not([controls]) {
    display: none;
    height: 0
}

svg {
    fill: currentColor;
    vertical-align: bottom
}

svg:not(:root) {
    overflow: hidden
}

a {
    color: inherit;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: none
}

a * {
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

a,
input,
select,
textarea,
button,
a object,
a>span,
a img,
*:before,
*:after,
button span,
a .c-button {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lte-Android4 * {
    -webkit-transition: none !important;
    transition: none !important
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="datetime-local"],
input[type="date"],
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="checkbox"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,

textarea:focus,
label:focus,
select {
    outline: 0
}

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

:placeholder-shown {
    color: #a9a9a9;
}

::-webkit-input-placeholder {
    color: #a9a9a9;
}

:-ms-input-placeholder {
    color: #a9a9a9;
}

::-ms-input-placeholder {
    color: #a9a9a9;
}

::placeholder {
    color: #a9a9a9;
}

:-ms-input-placeholder {
    color: #a9a9a9;
}

:-moz-placeholder {
    color: #a9a9a9;
}

::-moz-placeholder {
    color: #a9a9a9;
}

::-webkit-input-placeholder {
    color: #a9a9a9;
}

iframe {
    width: 100%;
    border: none;
    outline: none
}

ruby {
    display: inline-table;
    border: none;
    white-space: nowrap;
    vertical-align: text-bottom;
    text-align: center;
    line-height: 100%
}

ruby rt {
    display: table-header-group;
    font-size: 50%;
    text-align: center;
    line-height: 100%
}

ruby ruby rt {
    display: table-footer-group;
    font-size: 50%;
    line-height: 100%
}

ruby rp {
    display: none
}

body>span {
    position: fixed;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0
}

.c-flex {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.c-flex__block {
    display: block;
    list-style-type: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 1 auto
}

.c-flex.-partner .c-flex__block:nth-child(1) {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.c-flex.-partner .c-flex__block:nth-child(2) {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%
}

@media screen and (max-width: 767px) {
    .c-flex.-partner {
        display: block
    }

    .c-flex.-partner .c-flex__block:nth-child(1) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(2) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(3) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(4) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(5) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(6) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(7) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(8) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(9) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-partner .c-flex__block:nth-child(10) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }
}

.c-flex.-partner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.c-flex.-content-type1 {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .c-flex.-content-type1 {
        display: block
    }
}

.c-flex.-content-type1 .c-flex__block:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.c-flex.-content-type1 .c-flex__block:last-child {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: calc((100vw - 15.1vw) / 8 * 2)
}

@media screen and (min-width: 1900px) {
    .c-flex.-content-type1 .c-flex__block:last-child {
        width: calc((100vw - (calc((100vw - 1600px) / 2) * 2)) / 8 * 2)
    }
}

@media screen and (max-width: 1023px) {
    .c-flex.-content-type1 .c-flex__block:last-child {
        width: calc((100vw - 15.1vw) / 6 * 2)
    }
}

@media screen and (max-width: 767px) {
    .c-flex.-content-type1 .c-flex__block:last-child {
        width: calc((100vw - 15.1vw) / 4 * 2)
    }
}

@media screen and (max-width: 767px) {
    .c-flex.-content-type1 .c-flex__block:last-child {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .c-flex.-content-type1 .c-flex__block {
        display: block;
        width: 100%
    }
}

.c-flex.-type1 .c-flex__block:nth-child(1) {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.c-flex.-type1 .c-flex__block:nth-child(2) {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

@media screen and (max-width: 1023px) {
    .c-flex.-type1 {
        display: block
    }

    .c-flex.-type1 .c-flex__block:nth-child(1) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(2) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(3) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(4) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(5) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(6) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(7) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(8) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(9) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-type1 .c-flex__block:nth-child(10) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }
}

@media screen and (max-width: 1023px) {
    .c-flex.-type1>.c-flex__block:first-child {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
}

@media screen and (max-width: 1023px) {
    .c-flex.-type1>.c-flex__block:last-child {
        margin-top: 4rem
    }
}

@media screen and (max-width: 767px) {
    .c-flex.-type1>.c-flex__block:last-child {
        margin-top: 0
    }
}

.c-flex.-logo .c-flex__block:nth-child(1) {
    -ms-flex-preferred-size: 36.98%;
    flex-basis: 36.98%;
    max-width: 36.98%
}

.c-flex.-logo .c-flex__block:nth-child(2) {
    -ms-flex-preferred-size: 63.02%;
    flex-basis: 63.02%;
    max-width: 63.02%
}

.c-flex.-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.c-flex.-logo>.c-flex__block:last-child {
    padding-left: 4.5%
}

.c-flex.-logo-footer .c-flex__block:nth-child(1) {
    -ms-flex-preferred-size: 37.19%;
    flex-basis: 37.19%;
    max-width: 37.19%
}

.c-flex.-logo-footer .c-flex__block:nth-child(2) {
    -ms-flex-preferred-size: 62.81%;
    flex-basis: 62.81%;
    max-width: 62.81%
}

@media screen and (max-width: 767px) {
    .footer-bottom .c-flex__block:nth-child(1) {
        margin-bottom: 2rem;
    }
    .c-flex.-logo-footer {
        display: block
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(1) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(2) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(3) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(4) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(5) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(6) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(7) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(8) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(9) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-logo-footer .c-flex__block:nth-child(10) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }
}

.c-flex.-logo-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.c-flex.-logo-footer>.c-flex__block {
    min-height: 0%
}

.c-flex.-logo-footer>.c-flex__block img {
    width: 100%
}

.c-flex.-logo-footer>.c-flex__block:first-child {
    width: 76%;
    display: block;
    height: auto;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .c-flex.-logo-footer>.c-flex__block:first-child {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.c-flex.-logo-footer>.c-flex__block:last-child {
    padding-left: .7rem
}

@media screen and (max-width: 767px) {
    .c-flex.-logo-footer>.c-flex__block:last-child {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        padding-top: .9rem
    }
}

.c-flex.-sitemap .c-flex__block:nth-child(1) {
    -ms-flex-preferred-size: 36.56%;
    flex-basis: 36.56%;
    max-width: 36.56%
}

.c-flex.-sitemap .c-flex__block:nth-child(2) {
    -ms-flex-preferred-size: 63.44%;
    flex-basis: 63.44%;
    max-width: 63.44%
}

@media screen and (max-width: 1023px) {
    .c-flex.-sitemap {
        display: block
    }

    .c-flex.-sitemap .c-flex__block:nth-child(1) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(2) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(3) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(4) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(5) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(6) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(7) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(8) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(9) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-flex.-sitemap .c-flex__block:nth-child(10) {
        display: block;
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }
}

.c-flex.-sitemap>.c-flex__block:first-child {
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .c-flex.-sitemap>.c-flex__block:first-child {
        display: block
    }
}

.c-flex.-sitemap>.c-flex__block:first-child .c-company-logo {
    position: relative
}

@media screen and (max-width: 1023px) {
    .c-flex.-sitemap>.c-flex__block:last-child {
        margin-top: 6rem
    }
}

@media screen and (max-width: 767px) {
    .c-flex.-sitemap>.c-flex__block:last-child {
        margin-top: 4rem
    }
}

.c-txt-medium {
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8
}

@media screen and (max-width: 767px) {
    .c-txt-medium {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6
    }
}

.c-txt-medium[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 1.8) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 1.8) + 1.4rem) / 2 + 0rem)
}

.c-txt-medium[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 1.8) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 1.8) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .c-txt-medium[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-medium[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.c-txt-medium2 {
    color: #333333;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2
}

@media screen and (max-width: 767px) {
    .c-txt-medium2 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6
    }
}

.c-txt-medium2[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

.c-txt-medium2[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .c-txt-medium2[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-medium2[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.c-txt-medium3 {
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2
}

@media screen and (max-width: 767px) {
    .c-txt-medium3 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6
    }
}

.c-txt-medium3[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.c-txt-medium3[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .c-txt-medium3[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-medium3[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.c-txt-m {
    color: #555;
    font-size: 1.4rem;
    line-height: 1.714
}

.c-txt-m[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-m[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-m[data-txtcrop="true"]+.c-txt-m[data-txtcrop="true"] {
    padding-top: 2.7rem
}

@media screen and (max-width: 767px) {
    .c-txt-m[data-txtcrop="true"]+.c-txt-m[data-txtcrop="true"] {
        padding-top: 1rem
    }
}

@media screen and (max-width: 767px) {
    .c-txt-m {
        font-size: 1.2rem;
        line-height: 1.66
    }

    .c-txt-m[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-m[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.c-txt-m2 {
    color: #555;
    font-size: 1.4rem;
    line-height: 1.714;
    line-height: 2
}

.c-txt-m2[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-m2[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-m2[data-txtcrop="true"]+.c-txt-m2[data-txtcrop="true"] {
    padding-top: 2.7rem
}

@media screen and (max-width: 767px) {
    .c-txt-m2[data-txtcrop="true"]+.c-txt-m2[data-txtcrop="true"] {
        padding-top: 2rem
    }
}

@media screen and (max-width: 767px) {
    .c-txt-m2 {
        font-size: 1.2rem;
        line-height: 1.66
    }

    .c-txt-m2[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-m2[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.c-txt-m2[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.c-txt-m2[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.c-txt-s {
    font-size: 1.2rem;
    line-height: 2
}

.c-txt-s[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.2rem * 2) + 1.2rem) / 2 + 0rem)
}

.c-txt-s[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.2rem * 2) + 1.2rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .c-txt-s {
        font-size: 1.1rem;
        line-height: 1.63
    }

    .c-txt-s[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.1rem * 1.63) + 1.1rem) / 2 + 0rem)
    }

    .c-txt-s[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.1rem * 1.63) + 1.1rem) / 2 + 0rem)
    }
}

.c-txt-lead {
    color: #555;
    font-size: 1.4rem;
    line-height: 1.714;
    color: #555;
    text-align: center
}

.c-txt-lead[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-lead[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 1.714) + 1.4rem) / 2 + 0rem)
}

.c-txt-lead[data-txtcrop="true"]+.c-txt-lead[data-txtcrop="true"] {
    padding-top: 2.7rem
}

@media screen and (max-width: 767px) {
    .c-txt-lead[data-txtcrop="true"]+.c-txt-lead[data-txtcrop="true"] {
        padding-top: 2rem
    }
}

@media screen and (max-width: 767px) {
    .c-txt-lead {
        font-size: 1.2rem;
        line-height: 1.66
    }

    .c-txt-lead[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .c-txt-lead[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.c-hero {
    height: calc(30rem + 20vh);
    min-height: 400px;
    min-height: 40rem;
    max-height: 600px;
    max-height: 60rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .c-hero {
        height: calc(12rem + 15vh);
        min-height: 180px;
        min-height: 18rem;
        max-height: 320px;
        max-height: 32rem
    }
}

.c-hero.-type-top {
    height: 100vh;
    /*min-height: 420px;
    min-height: 42rem;
    max-height: 920px;
    max-height: 92rem*/
}

@media screen and (max-width: 767px) {
    .c-hero.-type-top {
        min-height: 320px;
        min-height: 32rem;
        max-height: 480px;
        max-height: 48rem
    }
}

.c-hero.-type3 {
    height: 47rem;
    background: none;
    border-radius: 0
}

@media screen and (max-width: 767px) {
    .c-hero.-type3 {
        height: 21rem
    }
}

.c-hero__body {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 110;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: start;
    justify-content: start
}

@media screen and (max-width: 767px) {
    .c-hero__body {
        overflow: hidden
    }
}

.c-hero__body__content {
    display: block;
    width: 100%
}

.c-hero-obj {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    overflow: hidden;
    border-radius: 0 0 4px 0 !important
}

@media screen and (max-width: 767px) {
    .c-hero-obj {
        border-radius: 0 0 4px 0 !important
    }
}

.c-hero-obj__item {
    position: absolute;
    display: block
}

.t-top .c-hero-obj {
    z-index: 101
}

.c-hero-obj .-cy {
    height: 100%;
    top: 0;
    right: 8%
}

.c-hero-obj .-cy img {
    width: auto;
    height: 100%
}

.t-top .c-hero-obj .-cy {
    display: none
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-cy {
        right: -20%
    }
}

.c-hero-obj .-obj1 {
    width: 12.5rem;
    height: 11.5rem;
    bottom: 7%;
    left: -2%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj1 {
        width: 7rem;
        height: 7rem;
        bottom: -10%;
        left: auto;
        right: -4%;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

.c-hero-obj .-obj2 {
    width: 8.4rem;
    height: 8.4rem;
    top: 20%;
    left: 17%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj2 {
        display: none
    }
}

.c-hero-obj .-obj3 {
    width: 15rem;
    height: 15rem;
    bottom: 14%;
    left: 34%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj3 {
        width: 4.7rem;
        height: 4.7rem;
        bottom: .5rem;
        left: -2rem
    }
}

.c-hero-obj .-obj4 {
    width: 8rem;
    height: 8rem;
    top: 33%;
    left: 46%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj4 {
        width: 2.7rem;
        height: 2.7rem;
        top: auto;
        bottom: 20%;
        left: 66%
    }
}

.c-hero-obj .-obj5 {
    width: 8.8rem;
    height: 8.8rem;
    top: 33%;
    left: 61%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj5 {
        width: 4.6rem;
        height: 4.6rem;
        top: 10%;
        left: 68%
    }
}

.c-hero-obj .-obj6 {
    width: 4rem;
    height: 3.5rem;
    bottom: 16%;
    right: 16.5%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj6 {
        display: none
    }
}

.c-hero-obj .-obj7 {
    width: 7.5rem;
    height: 7.8rem;
    top: 40%;
    right: 2%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj7 {
        width: 1.5rem;
        height: 1.4rem;
        top: 60%;
        right: 5%
    }
}

.c-hero-obj .-obj8 {
    width: 3.8rem;
    height: 3.8rem;
    bottom: 4%;
    right: 3%
}

@media screen and (max-width: 767px) {
    .c-hero-obj .-obj8 {
        display: none
    }
}

.c-hero-bg {
    height: 100%;
    border-radius: 0 0 4px 0 !important;
    background: url(http://cdn.terramed.cn/hero_bg.gif) repeat left top/100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    overflow: hidden;
    border-radius: 0 0 4px 0 !important
}

.c-hero-bg__inner {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: relative
}

.c-hero-bg__inner>img,
.c-hero-bg__inner>.js-objectfit {
    opacity: 0.75
}

.c-hero-bg-top {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

@media screen and (max-width: 767px) {
    /*.c-hero-bg-top {
        height: 50%;
        top: auto;
        bottom: 0;
        bottom: 40px;
        bottom: 4rem;
        bottom: calc(4rem + 3.5%)
    }*/
}

.c-hero-bg-top__inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.c-hero-bg-top__obj {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0;
}

@media screen and (max-width: 767px) {
    /*.c-hero-bg-top__obj {
        width: 180% !important;
        background-position: 100% 50% !important;   
        left: -65%;
        top: auto;
        bottom: 0
    }*/
}

.c-hero-grid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    overflow: hidden
}

.c-hero-grid .c-glidLine:before,
.c-hero-grid .c-glidLine:after,
.c-hero-grid .c-glidLine__block:before {
    background: #ccd6dd !important
}

.c-hero__title {
    margin-left: 4.34%
}

@media screen and (max-width: 767px) {
    .c-hero__title {
        margin-left: 0
    }
}

.c-hero__txt {
    position: relative;
    z-index: 1000
}

.c-hero__cover {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 0 !important;
    overflow: hidden
}

.ua-ie-11 .c-hero__cover {
    width: 98.9vw
}

.c-hero__cover__body {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.c-hero__cover__body .c-glidLine-wrap {
    position: absolute
}

.c-hero-obj-sample {
    position: absolute;
    height: 100%;
    top: 0;
    right: -20%;
    display: block
}

.c-hero-obj-sample img {
    height: 100%
}

.l-content-large.-pos-l .c-glidLine-wrap,
.l-content-large.-pos-r .c-glidLine-wrap {
    position: absolute;
    top: 0;
    left: 7.64%;
    right: 7.64%;
    z-index: 10
}

@media screen and (max-width: 767px) {

    .l-content-large.-pos-l .c-glidLine-wrap,
    .l-content-large.-pos-r .c-glidLine-wrap {
        left: 9.375%;
        right: 9.375%
    }
}

.l-content-large.-pos-l .c-glidLine-wrap ::before,
.l-content-large.-pos-l .c-glidLine-wrap .c-glidLine::after,
.l-content-large.-pos-r .c-glidLine-wrap ::before,
.l-content-large.-pos-r .c-glidLine-wrap .c-glidLine::after {
    background: #ccd6dd
}

.c-list {
    list-style-type: none;
    text-align: left;
    line-height: 1.6
}

.c-list.c-txt-medium {
    margin-bottom: -.35em
}

.c-list li {
    list-style-type: none;
    line-height: 1.6;
    padding-left: 1.3em;
    position: relative
}

.c-list li+li {
    margin-top: 0.2em
}

@media screen and (max-width: 767px) {
    .c-list li+li {
        margin-top: 0
    }
}

.c-list li::after {
    content: "";
    display: block;
    width: 6px;
    width: .6rem;
    height: 6px;
    height: .6rem;
    background-color: #F8B831;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.5em;
    top: calc((0.5em * 1.6) - (.6rem / 2))
}

@media screen and (max-width: 767px) {
    .c-list li::after {
        width: 5px;
        width: .5rem;
        height: 5px;
        height: .5rem;
        top: calc((0.5em * 1.6) - (.5rem / 2))
    }
}

.c-list.-size-l li+li {
    margin-top: 1rem
}

@media screen and (max-width: 767px) {
    .c-list.-size-l li+li {
        margin-top: .8rem
    }
}

.c-list.-type2 li+li {
    margin-top: 0.35em
}

@media screen and (max-width: 767px) {
    .c-list.-type2 li+li {
        margin-top: 0
    }
}

.c-list.-type2 li::after {
    content: "";
    display: block;
    width: 5px;
    width: .5rem;
    height: 5px;
    height: .5rem;
    background-color: #aaa;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.5em;
    top: calc((0.5em * 1.6) - (.5rem / 2))
}

@media screen and (max-width: 767px) {
    .c-list.-type2 li::after {
        width: 5px;
        width: .5rem;
        height: 5px;
        height: .5rem;
        top: calc((0.5em * 1.6) - (.5rem / 2))
    }
}

.c-list2 {
    list-style-type: none;
    text-align: left;
    line-height: 1.4
}

.c-list2 li {
    list-style-type: none;
    line-height: 1.4;
    padding-left: 1.5em;
    position: relative
}

.c-list2 li+li {
    margin-top: 0.75em
}

.c-list2 li::after {
    content: "";
    display: block;
    width: 7px;
    width: .7rem;
    height: 1px;
    background-color: #416D85;
    position: absolute;
    left: 0.3em;
    top: 0.5em;
    top: calc((0.5em * 1.4) - (.1rem / 2))
}

.c-list-number {
    list-style: none;
    counter-reset: listNum
}

.c-list-number li {
    text-indent: -1em;
    padding-left: 1em;
    text-align: left
}

.c-list-number li:first-child {
    margin-top: 0
}

.c-list-number li::before {
    counter-increment: listNum;
    content: counter(listNum) "."
}

.c-list-aside {
    list-style-type: none;
    text-align: left;
    line-height: 1.4
}

.c-list-aside.c-txt-medium {
    margin-bottom: -.35em
}

.c-list-aside li {
    list-style-type: none;
    line-height: 1.4;
    padding-left: 1.3em;
    position: relative
}

.c-list-aside li+li {
    margin-top: 1.1em
}

.c-list-aside li a {
    text-decoration: none
}

.c-list-aside li::after {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border: 1px solid #d0d0d0;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 0.5em;
    top: calc((0.5em * 1.4) - (.05remrem / 2))
}

@media screen and (max-width: 767px) {
    .c-list-aside li::after {
        width: 5px;
        width: .5rem;
        height: 5px;
        height: .5rem;
        top: calc((0.5em * 1.6) - (.5rem / 2))
    }
}

.c-list-aside.-size-l li+li {
    margin-top: 1rem
}

@media screen and (max-width: 767px) {
    .c-list-aside.-size-l li+li {
        margin-top: .8rem
    }
}

.c-list-aside.-type1 {
    font-size: 1.4rem
}

.c-list-aside.-type1 li {
}

.c-list-aside.-type1 li,
.c-list-aside.-type1 li::after {
    opacity: .75
}

.c-list-aside.-type1 li:hover,
.c-list-aside.-type1 li.is-current {
    opacity: 1
}

.c-list-aside.-type1 li:hover::after,
.c-list-aside.-type1 li.is-current::after {
    opacity: 1;
    background: #fff
}

.c-list-aside.-type1 li::after {
    border-color: #fff
}

.c-list-aside.-type2 {
    font-size: 1.3rem;
    color: #333
}

.c-list-aside.-type2 li::after {
    border-color: #d0d0d0
}

.c-list-aside.-type2 li:hover::after,
.c-list-aside.-type2 li.is-view::after {
    border-color: #F8B831;
    background: #F8B831
}

.c-list-dl {
    border-top: 1px solid #e5e5e5
}

.c-list-dl dt {
    padding-top: 2rem;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .c-list-dl dt {
        padding-top: 1.5rem
    }
}

.c-list-dl dd {
    padding-top: .2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .c-list-dl dd {
        padding-top: 0;
        padding-bottom: 1.7rem
    }
}

.c-list-icon {
    display: block;
    text-align: left;
    list-style-type: none;
    position: relative
}

.c-list-icon li {
    display: block;
    list-style-type: none;
    padding-left: 1.2em;
    position: relative
}

.c-list-icon li:after {
    content: "・";
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.c-list-icon.-notice li:after {
    content: "※"
}

body[data-pjax-group="en"] .c-list-icon.-notice li:after {
    content: "*"
}

.c-table {
    width: 100%;
    border-spacing: 0;
    border-top: 1px solid #e5e5e5;
    word-wrap: break-word;
    word-break: break-all
}

@media screen and (max-width: 767px) {
    .c-table {
        text-align: center
    }
}

.c-table th,
.c-table td {
    vertical-align: top;
    text-align: left
}

.c-table th {
    width: calc((100vw - 15.1vw) / 8 * 1);
    padding: 2.6rem 0 2.3rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (min-width: 1900px) {
    .c-table th {
        width: calc((100vw - (calc((100vw - 1600px) / 2) * 2)) / 8 * 1)
    }
}

@media screen and (max-width: 1023px) {
    .c-table th {
        width: calc((100vw - 15.1vw) / 6 * 1)
    }
}

@media screen and (max-width: 767px) {
    .c-table th {
        width: calc((100vw - 15.1vw) / 4 * 1)
    }
}

@media screen and (max-width: 767px) {
    .c-table th {
        width: 100%;
        display: block;
        border-bottom: none !important;
        padding: 1.7rem 0 0 !important;
    }
}

.c-table td {
    padding: 2.6rem 0 2.3rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .c-table td {
        width: 100%;
        display: block;
        padding: 1.2rem 0 1.7rem 0
    }
}

.c-table td dl+dl {
    padding-top: 2rem
}

.c-table td dl dt {
    padding-bottom: .2rem
}

.c-table-data {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.c-table-data tr>*:first-child {
    width: 34.7%
}

@media screen and (max-width: 767px) {
    .c-table-data tr>*:first-child {
        width: 40%
    }
}

.c-table-data th,
.c-table-data td {
    text-align: left;
    color: #333;
    padding: 1.2rem 2rem 1.0rem 2rem;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {

    .c-table-data th,
    .c-table-data td {
        padding: 1rem 1rem 1rem 1rem
    }
}

.c-table-data th {
    font-weight: bold;
    text-align: center;
    color: #333333;
    background: #f9f9f9
}

.c-table-data tr:first-child th {
    color: #ffffff;
    background-color: #555555
}

.c-company-logo {
    position: relative
}

.c-logo a:hover {
    opacity: .65
}

.c-logo__mark {
    display: block
}

.c-logo__mark img:first-child {
    display: block
}

.c-logo__mark img:last-child {
    display: none
}

.c-logo__type {
    display: block
}

.c-logo__type img:first-child {
    display: block
}

.c-logo__type img:last-child {
    display: none
}

.c-company-logo__txt {
    display: block;
    margin-top: 1.8rem;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-company-logo__txt {
        font-size: 1rem;
        margin-top: 1rem
    }
}

.l-sitemap .c-company-logo {
    width: 100%;
    text-align: center;
    position: relative;
    left: -5rem;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .l-sitemap .c-company-logo {
        text-align: center;
        width: 40%;
        max-width: 20rem;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-company-logo {
        width: 60%;
        text-align: center;
        margin: 0 auto
    }
}

.l-sitemap .c-logo {
    width: 57.96%;
    min-width: 5rem;
    margin: 0 auto;
    height: auto
}

.l-sitemap .c-logo img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-logo {
        width: 10rem;
        margin: 0 auto
    }
}

.l-sitemap .c-logo__mark {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-logo__mark {
        width: 80%;
        margin: 0 auto
    }
}

.l-sitemap .c-logo__type {
    padding-top: 3rem;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1023px) {
    .l-sitemap .c-logo__type {
        padding-top: 1.6rem
    }
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-logo__type {
        padding-top: .9rem;
        margin-top: calc(.1rem + .3vw)
    }
}

.l-sitemap .c-company-logo__txt {
    margin-top: 2rem;
    font-size: 1.5rem;
    letter-spacing: .075em
}

@media screen and (max-width: 1023px) {
    .l-sitemap .c-company-logo__txt {
        margin-top: calc(1.4rem + .2vw)
    }
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-company-logo__txt {
        text-align: center;
        font-size: 1rem;
        margin-top: calc(1rem + .1vw)
    }
}

@media screen and (max-width: 767px) {
    .l-footer .c-company-logo {
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
}

.l-footer .c-logo {
    width: 25rem;
    height: 3.8rem
}

.l-footer .c-logo img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .l-footer .c-logo {
        width: 10rem;
        height: auto;
        min-height: 0%;
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .l-footer .c-logo__mark {
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .l-footer .c-logo__type {
        margin-top: calc(.1rem + .3vw)
    }
}

.l-footer .c-company-logo__txt {
    margin-top: 1.2rem;
    opacity: .5;
    font-size: 1.1rem;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .l-footer .c-company-logo__txt {
        text-align: center;
        font-size: 1rem;
        margin-top: calc(1rem + .3vw)
    }
}

.c-iframe {
    border: 1px solid #e5e5e5;
    padding: .9rem;
    display: block;
    background: #fff
}

.c-iframe__inner {
    position: relative
}

.c-iframe__inner::before {
    content: "";
    padding-top: 50%;
    display: block
}

.c-iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.c-gmap {
    border: 1px solid #e5e5e5;
    display: block;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-gmap>iframe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9rem
}

@media screen and (max-width: 767px) {
    .c-gmap>iframe {
        padding: .5rem
    }
}

.c-glidLine__block {
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.c-glidLine__block::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.c-glidLine-wrap {
    max-width: 1600px;
    max-width: 160rem;
    height: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 7.25%;
    right: 7.25%;
    display: block;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .c-glidLine-wrap {
        left: 9.375%;
        right: 9.375%
    }
}

.c-glidLine {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-glidLine::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.c-glidLine::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.c-glidLine__block {
    height: 100%
}

.c-button {
    font-size: 1.4rem;
    display: block;
    color: #fff;
    position: relative;
    padding: 1.6rem 0;
    text-decoration: none;
    width: calc((100vw - 15.1vw) / 8 * 3);
}

@media screen and (min-width: 1900px) {
    .c-button {
        width: calc((100vw - (calc((100vw - 1600px) / 2) * 2)) / 8 * 3)
    }
}

@media screen and (max-width: 1023px) {
    .c-button {
        width: calc((100vw - 15.1vw) / 6 * 3)
    }
}

@media screen and (max-width: 767px) {
    .c-button {
        width: calc((100vw - 15.1vw) / 4 * 3)
    }
}

@media screen and (max-width: 767px) {
    .c-button {
        width: 100%;
        font-size: 1.2rem
    }
}

.c-button::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 10;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform
}

.ua-ms .c-button:hover,
.ua-ms a:hover .c-button {
    opacity: 0.5
}

.c-button:hover::before,
a:hover .c-button:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.c-button-color {
    display: inline-block;
    font-size: 1.4rem;
    color: #333333;
    position: relative;
    padding: 1.6rem 1.75em 1.6rem 0;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .c-button-color {
        font-size: 1.2rem;
        padding: 1.2rem 1.5em 1.2rem 0
    }
}

.c-button-color.-fit {
    display: block
}

.c-button-color.-large {
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .c-button-color.-large {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 767px) {
    .c-button-color {
        font-size: 1.2rem
    }
}

.c-button-color:before {
    content: "";
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#F8B831), to(#416D85));
    background: linear-gradient(to right, #F8B831 0%, #416D85 100%);
    background: #00b095;
    background: -webkit-gradient(linear, left top, right top, from(#00b095), color-stop(75%, #0080d4), color-stop(75%, #0080d4));
    background: linear-gradient(to right, #00b095 0%, #0080d4 75%, #0080d4 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b095', endColorstr='#0080d4', GradientType=1);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 10;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform
}

.c-button-color:hover::before,
a:hover .c-button-color:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.c-button-round {
    display: block;
    color: #fff;
    background-color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 4.0rem;
    margin: 0 auto;
    padding: 3.2rem 0;
    text-align: center;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .c-button-round {
        font-size: 1.2rem;
        padding: 1.4rem 0
    }
}

.c-button-round:hover {
    opacity: .8
}

.c-button-round#formButton:hover {
    opacity: 1;
    background-color: #416D85
}

.c-button-round--small {
    padding: 2.5rem 0
}

@media screen and (max-width: 767px) {
    .c-button-round--small {
        font-size: 1.2rem;
        padding: 1.5rem 0
    }
}

.c-button-round--white {
    color: #333;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-button-round--white:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-color: #afafaf;
    opacity: .8
}

.c-icon {
    display: inline-block;
    position: relative
}

.c-icon:before,
.c-icon:after {
    content: "";
    display: block;
    background-repeat: none;
    background-position: left top;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.c-icon-block {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.c-icon-round {
    width: 8rem;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    display: block;
    margin: 0 auto
}

.c-icon-round img {
    display: block;
    border-radius: 100px
}

.c-icon.-arrow-box-r--green {
    padding-right: 15px;
    padding-right: 1.5rem
}

.c-icon.-arrow-box-r--green:after {
    width: 15px;
    width: 1.5rem;
    height: 15px;
    height: 1.5rem;
    background-image: url("/images/arrow-green.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    background-size: 1.5rem 1.5rem;
    top: 50%;
    right: 3rem;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ua-ie .c-icon.-arrow-box-r--green:after,
.ua-ms .c-icon.-arrow-box-r--green:after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    vertical-align: inherit;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

a:hover .c-icon.-arrow-box-r--green:after,
a.c-icon.-arrow-box-r--green:hover:after {
    content: "";
    right: 1.5rem
}

@media screen and (max-width: 767px) {
    .c-icon.-arrow-box-r--green {
        padding-right: 9px;
        padding-right: .9rem
    }

    .c-icon.-arrow-box-r--green:after {
        width: 9px;
        width: .9rem;
        height: 9px;
        height: .9rem;
        background-image: url("/images/arrow-green.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 9px 9px;
        background-size: .9rem .9rem;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ua-ie .c-icon.-arrow-box-r--green:after,
    .ua-ms .c-icon.-arrow-box-r--green:after {
        width: 9px;
        height: 9px;
        background-size: 9px 9px;
        vertical-align: inherit;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }

    a:hover .c-icon.-arrow-box-r--green:after,
    a.c-icon.-arrow-box-r--green:hover:after {
        content: "";
        right: -0.5rem
    }
}

.c-icon.-arrow-box-r--blue {
    padding-right: 15px;
    padding-right: 1.5rem
}

.c-icon.-arrow-box-r--blue:after {
    width: 15px;
    width: 1.5rem;
    height: 15px;
    height: 1.5rem;
    background-image: url("/images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    background-size: 1.5rem 1.5rem;
    top: 50%;
    right: 3rem;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ua-ie .c-icon.-arrow-box-r--blue:after,
.ua-ms .c-icon.-arrow-box-r--blue:after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    vertical-align: inherit;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

a:hover .c-icon.-arrow-box-r--blue:after,
a.c-icon.-arrow-box-r--blue:hover:after {
    content: "";
    right: 1.5rem
}

@media screen and (max-width: 767px) {
    .c-icon.-arrow-box-r--blue {
        padding-right: 9px;
        padding-right: .9rem
    }

    .c-icon.-arrow-box-r--blue:after {
        width: 9px;
        width: .9rem;
        height: 9px;
        height: .9rem;
        background-image: url("/images/arrow-blue.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 9px 9px;
        background-size: .9rem .9rem;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ua-ie .c-icon.-arrow-box-r--blue:after,
    .ua-ms .c-icon.-arrow-box-r--blue:after {
        width: 9px;
        height: 9px;
        background-size: 9px 9px;
        vertical-align: inherit;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }

    a:hover .c-icon.-arrow-box-r--blue:after,
    a.c-icon.-arrow-box-r--blue:hover:after {
        content: "";
        right: -0.5rem
    }
}

.c-icon.-arrow-box-r {
    padding-right: 15px;
    padding-right: 1.5rem
}

.c-icon.-arrow-box-r:after {
    width: 15px;
    width: 1.5rem;
    height: 15px;
    height: 1.5rem;
    background-image: url("/images/arrow.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    background-size: 1.5rem 1.5rem;
    top: 50%;
    right: 3rem;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ua-ie .c-icon.-arrow-box-r:after,
.ua-ms .c-icon.-arrow-box-r:after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    vertical-align: inherit;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

a:hover .c-icon.-arrow-box-r:after,
a.c-icon.-arrow-box-r:hover:after {
    content: "";
    right: 1.5rem;
    opacity: .25;
    filter: alpha(opacity=25)
}

@media screen and (max-width: 767px) {
    .c-icon.-arrow-box-r {
        padding-right: 9px;
        padding-right: .9rem
    }

    .c-icon.-arrow-box-r:after {
        width: 9px;
        width: .9rem;
        height: 9px;
        height: .9rem;
        background-image: url("/images/arrow.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 9px 9px;
        background-size: .9rem .9rem;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ua-ie .c-icon.-arrow-box-r:after,
    .ua-ms .c-icon.-arrow-box-r:after {
        width: 9px;
        height: 9px;
        background-size: 9px 9px;
        vertical-align: inherit;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }

    a:hover .c-icon.-arrow-box-r:after,
    a.c-icon.-arrow-box-r:hover:after {
        content: "";
        right: -0.5rem;
        opacity: .25;
        filter: alpha(opacity=25)
    }
}

.c-icon.-blank {
    padding-right: calc(14px + .5em);
    padding-right: calc(1.4rem + .5em)
}

.c-icon.-blank:after {
    width: 14px;
    width: 1.4rem;
    height: 12px;
    height: 1.2rem;
    background-image: url("/images/icon-blank.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 14px 12px;
    background-size: 1.4rem 1.2rem;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ua-ie .c-icon.-blank:after,
.ua-ms .c-icon.-blank:after {
    width: 14px;
    height: 12px;
    background-size: 14px 12px;
    vertical-align: inherit;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

@media screen and (max-width: 767px) {
    .c-icon.-blank {
        padding-right: calc(13px + .5em);
        padding-right: calc(1.3rem + .5em)
    }

    .c-icon.-blank:after {
        width: 13px;
        width: 1.3rem;
        height: 10px;
        height: 1rem;
        background-image: url("/images/icon-blank.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 13px 10px;
        background-size: 1.3rem 1rem;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ua-ie .c-icon.-blank:after,
    .ua-ms .c-icon.-blank:after {
        width: 13px;
        height: 10px;
        background-size: 13px 10px;
        vertical-align: inherit;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }
}

.c-icon.-blank--l {
    padding-left: calc(10px + .35em);
    padding-left: calc(1rem + .35em)
}

.c-icon.-blank--l:after {
    width: 10px;
    width: 1rem;
    height: 9px;
    height: .9rem;
    background-image: url("/images/icon-blank.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 10px 9px;
    background-size: 1rem .9rem;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ua-ie .c-icon.-blank--l:after,
.ua-ms .c-icon.-blank--l:after {
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    vertical-align: inherit;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

@media screen and (max-width: 767px) {
    .c-icon.-blank {
        padding-left: calc(10px + .5em);
        padding-left: calc(1rem + .5em)
    }

    .c-icon.-blank:after {
        width: 10px;
        width: 1rem;
        height: 9px;
        height: .9rem;
        background-image: url("/images/icon-blank.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 10px 9px;
        background-size: 1rem .9rem;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ua-ie .c-icon.-blank:after,
    .ua-ms .c-icon.-blank:after {
        width: 10px;
        height: 9px;
        background-size: 10px 9px;
        vertical-align: inherit;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }
}

.c-icon-arrow {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .c-icon-arrow {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: calc(50% - ((1rem * 0.8) / 2))
    }
}

.c-icon-arrow::after,
.c-icon-arrow::before {
    content: "";
    width: 100%;
    height: 1rem;
    background: url(/images/arrow-white.png) no-repeat left top/1rem 1rem;
    position: absolute;
    top: 50%;
    right: 0
}

.c-icon-arrow.-green::after,
.c-icon-arrow.-green::before {
    background-image: url(/images/arrow-green.png)
}

.c-icon-arrow::after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.c-icon-arrow::before {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

a:hover .c-icon-arrow::after {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

a:hover .c-icon-arrow::before {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.c-icon-arrow-vertical {
    width: 1rem;
    height: 1rem;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .c-icon-arrow-vertical {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
}

.c-icon-arrow-vertical::after,
.c-icon-arrow-vertical::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(/images/arrow-bottom.png) no-repeat left top/1rem 1rem;
    position: absolute;
    left: 0;
    top: 0
}

.c-icon-arrow-vertical.-green::after,
.c-icon-arrow-vertical.-green::before {
    background-image: url(/images/arrow-bottom.png)
}

.c-icon-arrow-vertical::after {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

.c-icon-arrow-vertical::before {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%)
}

a:hover .c-icon-arrow-vertical::after {
    opacity: 0;
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%)
}

a:hover .c-icon-arrow-vertical::before {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

@media screen and (max-width: 767px) {
    .c-icon.-clear-small {
        padding: 0
    }

    .c-icon.-clear-small::after,
    .c-icon.-clear-small::before {
        display: none
    }
}

.c-link-line {
    display: inline-block;
    text-decoration: none
}

.c-link-line__txt {
    padding-bottom: 3px;
    text-decoration: none;
    will-change: background-size;
    -webkit-transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    background: url(http://cdn.terramed.cn/line.gif) no-repeat right bottom/0 1px
}

.c-link-line__txt:hover,
a:hover .c-link-line__txt {
    background-size: 100% 1px;
    background-position: left bottom
}

.l-footer .c-link-line__txt {
    background-image: url(http://cdn.terramed.cn/line-white.gif)
}

.c-link-line__txt.-line-white {
    background-image: url(http://cdn.terramed.cn/line-white.gif)
}

.c-link-line__txt.-line-white:hover,
a:hover .c-link-line__txt.-line-white {
    color: #fff
}

.c-link-line__txt.-revers {
    background: url(http://cdn.terramed.cn/line.gif) no-repeat left bottom/100% 1px
}

.c-link-line__txt.-revers:hover,
a:hover .c-link-line__txt.-revers {
    color: #555;
    background-size: 0 1px;
    background-position: right bottom
}

.c-sns {
    list-style: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .c-sns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.c-sns__block {
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 1rem
}

.c-sns__block a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

.c-sns__block:first-child {
    margin-left: 0
}

.c-sns.-type2 .c-sns__block {
    background: #979798
}

.c-sns a[data-sns="twitter"]:hover {
    background: #55acee
}

.c-sns a[data-sns="twitter"] .c-sns-icon::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: url() no-repeat left top/cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
    .c-share-inline .c-sns a[data-sns="twitter"] .c-sns-icon::before {
        width: 1.28rem;
        height: 1.28rem
    }
}

.c-sns a[data-sns="twitter"]:hover .c-sns-icon::before {
    opacity: 0
}

.c-sns a[data-sns="twitter"] .c-sns-icon::after {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: url() no-repeat left top/cover;
    display: block;
    z-index: 2;
    opacity: 0
}

.c-sns a[data-sns="twitter"]:hover .c-sns-icon::after {
    opacity: 1
}

.c-sns.-type2 a[data-sns="twitter"] .c-sns-icon::before {
    background: url() no-repeat left top/cover
}

.c-sns a[data-sns="facebook"]:hover {
    background: #3B5998
}

.c-sns a[data-sns="facebook"] .c-sns-icon::before {
    content: "";
    width: 0.6rem;
    height: 1.3rem;
    background: url() no-repeat left top/cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
    .c-share-inline .c-sns a[data-sns="facebook"] .c-sns-icon::before {
        width: 0.48rem;
        height: 1.04rem
    }
}

.c-sns a[data-sns="facebook"]:hover .c-sns-icon::before {
    opacity: 0
}

.c-sns a[data-sns="facebook"] .c-sns-icon::after {
    content: "";
    width: 0.6rem;
    height: 1.3rem;
    background: url() no-repeat left top/cover;
    display: block;
    z-index: 2;
    opacity: 0
}

.c-sns a[data-sns="facebook"]:hover .c-sns-icon::after {
    opacity: 1
}

.c-sns.-type2 a[data-sns="facebook"] .c-sns-icon::before {
    background: url() no-repeat left top/cover
}

.c-sns a[data-sns="instagram"]:hover {
    background: #D93177
}

.c-sns a[data-sns="instagram"] .c-sns-icon::before {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    background: url() no-repeat left top/cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
    .c-share-inline .c-sns a[data-sns="instagram"] .c-sns-icon::before {
        width: 1.04rem;
        height: 1.04rem
    }
}

.c-sns a[data-sns="instagram"]:hover .c-sns-icon::before {
    opacity: 0
}

.c-sns a[data-sns="instagram"] .c-sns-icon::after {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    background: url() no-repeat left top/cover;
    display: block;
    z-index: 2;
    opacity: 0
}

.c-sns a[data-sns="instagram"]:hover .c-sns-icon::after {
    opacity: 1
}

.c-sns.-type2 a[data-sns="instagram"] .c-sns-icon::before {
    background: url() no-repeat left top/cover
}

.c-heading-main {
    z-index: 100;
    position: relative
}

@media screen and (max-width: 767px) {
    .c-heading-main {
        margin-top: 2.5rem
    }
}

.c-heading-main__inner {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none
}

.c-heading-main__inner.-link:hover {
    opacity: 0.5
}

.c-heading-main__num {
    font-size: 5rem;
    font-style: normal;
    position: relative;
    top: .5rem;
    padding-right: .35em;
    font-family: webdin, serif
}

@media screen and (max-width: 767px) {
    .c-heading-main__num {
        font-size: 2.5rem;
        padding-right: .1em;
        top: 0.25rem
    }
}

@media screen and (max-width: 410px) {
    .c-heading-main__num {
        font-size: 2.1rem
    }
}

.c-heading-main__title {
    font-size: 4rem;
    letter-spacing: .05em;
    font-weight: bold !important;
}

@media screen and (max-width: 767px) {
    .c-heading-main__title {
        font-size: 2.1rem;
        letter-spacing: .025em
    }
}

@media screen and (max-width: 410px) {
    .c-heading-main__title {
        font-size: 1.8rem;
        letter-spacing: 0em
    }
}

@media screen and (max-width: 329px) {
    .c-heading-main__title {
        font-size: 1.6rem
    }
}

.c-heading-main__en {
    font-size: 1.8rem;
    position: relative;
    font-family: webdin, serif;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .c-heading-main__en {
        letter-spacing: .05em;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 410px) {
    .c-heading-main__en {
        letter-spacing: 0em;
        font-size: 1rem
    }
}

.c-heading-main__en::before {
    content: "";
    width: 5rem;
    height: 1px;
    background: #a0a8ad;
    display: block;
    margin: 0 2.5rem;
    position: relative;
    left: 0;
    top: -2px;
    top: -.2rem
}

@media screen and (max-width: 767px) {
    .c-heading-main__en::before {
        width: 2rem;
        margin: 0 1rem;
        top: -1px;
        top: -.1rem
    }
}

.c-heading-main-sub {
    z-index: 100;
    position: relative
}

.c-heading-main-sub__inner {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none
}

.c-heading-main-sub__inner.-link:hover {
    opacity: 0.5
}

.c-heading-main-sub__num {
    font-size: 5rem;
    font-style: normal;
    position: relative;
    top: .5rem;
    padding-right: .35em;
    font-family: webdin, serif
}

.c-heading-main-sub__title {
    font-size: 4rem;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .c-heading-main-sub__title {
        font-size: 2.1rem
    }
}

.c-heading-main-sub__en {
    font-size: 1.8rem;
    position: relative;
    font-family: webdin, serif;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    letter-spacing: .075em
}

.c-heading-main-sub__en::before {
    content: "";
    width: 5rem;
    height: 1px;
    background: #a0a8ad;
    display: block;
    margin: 0 2.5rem;
    position: relative;
    left: 0;
    top: -2px;
    top: -.2rem
}

@media screen and (max-width: 767px) {
    .c-hero .c-heading-main-sub {
        top: 1.5rem
    }

    .c-hero .c-heading-main-sub .c-heading-main__inner {
        display: block
    }

    .c-hero .c-heading-main-sub .c-heading-main__title {
        font-size: 2.1rem;
        line-height: 1.25
    }

    .c-hero .c-heading-main-sub .c-heading-main__en {
        padding-top: 1rem;
        font-size: 1.1rem
    }

    .c-hero .c-heading-main-sub .c-heading-main__en::before {
        content: none
    }
}

.c-heading-main-lower {
    padding-bottom: 2rem
}

@media screen and (max-width: 767px) {
    .c-heading-main-lower {
        margin-top: 3rem;
        padding-bottom: 1.1rem
    }

    .c-heading-main-lower .c-heading-main__inner {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.c-heading-main-lower .c-heading-main__title {
    font-size: 1.8rem
}

@media screen and (max-width: 767px) {
    .c-heading-main-lower .c-heading-main__title {
        font-size: 1.2rem
    }
}

.c-heading-main-lower .c-heading-main__num {
    font-size: 2rem;
    top: .2rem;
    padding-right: .13em
}

@media screen and (max-width: 767px) {
    .c-heading-main-lower .c-heading-main__num {
        font-size: 1.3rem
    }
}

.c-heading-main-lower .c-heading-main__en {
    font-size: 1.5rem;
    position: relative;
    top: .1rem
}

@media screen and (max-width: 767px) {
    .c-heading-main-lower .c-heading-main__en {
        font-size: 1.1rem;
        letter-spacing: .05em
    }
}

.c-heading-main-lower .c-heading-main__en::before {
    width: 3rem;
    opacity: .25;
    margin: 0 1.3rem
}

@media screen and (max-width: 767px) {
    .c-heading-main-lower .c-heading-main__en::before {
        width: 2rem;
        margin: 0 1rem
    }
}

.c-heading-main.-size-m .c-heading-main__title {
    font-size: 3rem
}

@media screen and (max-width: 1023px) {
    .c-heading-main.-size-m .c-heading-main__title {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 767px) {
    .c-heading-main.-size-m .c-heading-main__title {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 374px) {
    .c-heading-main.-size-m .c-heading-main__title {
        font-size: 1.4rem
    }
}

.c-heading-main.-size-m .c-heading-main__en {
    font-size: 1.6rem;
    position: relative;
    top: .1rem;
    font-family: webdin, serif
}

@media screen and (max-width: 1023px) {
    .c-heading-main.-size-m .c-heading-main__en {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 767px) {
    .c-heading-main.-size-m .c-heading-main__en {
        font-size: 1.1rem
    }
}

.c-heading-main.-size-m .c-heading-main__en::before {
    width: 4rem;
    opacity: .25;
    margin: 0 2rem 0 1.6rem
}

@media screen and (max-width: 767px) {
    .c-heading-main.-size-m .c-heading-main__en::before {
        width: 2.5rem;
        margin: 1rem
    }
}

.c-heading {
    font-size: 2.8rem;
    padding-bottom: 5rem;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .c-heading {
        font-size: 1.8rem;
        padding-bottom: 2rem
    }
}

.c-heading-m {
    font-size: 2.1rem;
    line-height: 1.714;
    padding-bottom: 2.3rem;
    font-weight: bold;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .c-heading-m {
        font-size: 1.4rem;
        padding-bottom: 1.3rem
    }
}

.c-heading-s {
    font-size: 1.8rem;
    padding-bottom: 1.7rem;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .c-heading-s {
        font-size: 1.4rem
    }
}

.c-heading-s2 {
    font-size: 1.8rem;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .c-heading-s2 {
        font-size: 1.4rem
    }
}

.c-heading-dir {
    font-size: 1.4rem;
}

@media screen and (max-width: 1200px) {
    .l-footer .c-heading-dir {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 1266px) {
    .l-footer .c-heading-dir {
        font-size: 1vw
    }
}

@media screen and (max-width: 1023px) {
    .l-footer .c-heading-dir {
        font-size: 1.4rem
    }
}

.c-heading-dir__num {
    font-size: 115%;
    font-style: normal;
    padding-right: .5rem;
    font-family: webdin, serif
}

.c-heading-dir a {
    text-decoration: none
}

.c-heading-dir a:hover {
/*    opacity: .5;*/
    color: #F8B831;
}

.l-sitemap .c-heading-dir {
    font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-heading-dir {
        font-size: 1.4rem
    }
}

.l-sitemap .c-heading-dir .c-heading-dir__num {
    font-size: 115%
}

.l-sitemap .c-heading-dir .c-heading-dir__txt {
    position: relative;
    z-index: 200;
    font-weight: bold;
}

.c-heading-dir.-size-m {
    font-size: 2.1rem;
}

.c-heading-dir.-size-m .c-heading-dir__num {
    font-size: 2.4rem;
    position: relative
}

.c-heading-dir.-size-m .c-heading-dir__txt {
    position: relative;
    font-weight: bold;
}

.c-heading-aside-flow {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .c-heading-aside-flow {
        display: block
    }
}

.c-heading-aside-flow__title {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .c-heading-aside-flow__title {
        font-size: 1.2rem;
        padding-top: 0.5rem
    }
}

.c-heading-aside-flow__en {
    font-size: 1.4rem;
    position: relative;
    font-family: webdin, serif;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .c-heading-aside-flow__en {
        font-size: 1.0rem;
        display: block
    }
}

.c-heading-aside-flow__en::after {
    content: "";
    width: 3rem;
    height: 1px;
    background: #53595f;
    display: block;
    margin: 0 2.5rem;
    position: relative;
    right: 0;
    top: -2px;
    top: -.2rem
}

@media screen and (max-width: 767px) {
    .c-heading-aside-flow__en::after {
        display: none
    }
}

.c-column {
    list-style: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.c-column>span.c-column__block {
    display: block;
    height: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden
}

.c-column.-col2-s0p>.c-column__block {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.c-column.-col2-s0p.-mt,
.c-column.-col2-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col2-s0p.-mt>.c-column__block,
.c-column.-col2-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col2-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col2-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

.c-column.-col2-s4p>.c-column__block {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: calc((100% - 4%) / 2);
    flex-basis: calc((100% - 4%) / 2);
    max-width: calc((100% - 4%) / 2)
}

.ua-ie .c-column.-col2-s4p>.c-column__block,
.ua-edge .c-column.-col2-s4p>.c-column__block,
.ua-ms .c-column.-col2-s4p>.c-column__block {
    width: 49.95%;
    width: calc((99.9% - 4%) / 2);
    max-width: calc((99.9% - 4%) / 2);
    -ms-flex-preferred-size: calc((99.9% - 4%) / 2);
    flex-basis: calc((99.9% - 4%) / 2)
}

.c-column.-col2-s4p.-mt,
.c-column.-col2-s4p[data-mt="true"] {
    margin-top: -4%
}

.c-column.-col2-s4p.-mt>.c-column__block,
.c-column.-col2-s4p[data-mt="true"]>.c-column__block {
    margin-top: 4%
}

.ua-edge .c-column.-col2-s4p.-mt>.c-column__block:before,
.ua-edge .c-column.-col2-s4p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 8%
}

.c-column.-col3-s0p>.c-column__block {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.c-column.-col3-s0p.-mt,
.c-column.-col3-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col3-s0p.-mt>.c-column__block,
.c-column.-col3-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col3-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col3-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

.c-column.-col3-s6p>.c-column__block {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: calc((100% - 12%) / 3);
    flex-basis: calc((100% - 12%) / 3);
    max-width: calc((100% - 12%) / 3)
}

.ua-ie .c-column.-col3-s6p>.c-column__block,
.ua-edge .c-column.-col3-s6p>.c-column__block,
.ua-ms .c-column.-col3-s6p>.c-column__block {
    width: 33.3%;
    width: calc((99.9% - 12%) / 3);
    max-width: calc((99.9% - 12%) / 3);
    -ms-flex-preferred-size: calc((99.9% - 12%) / 3);
    flex-basis: calc((99.9% - 12%) / 3)
}

.c-column.-col3-s6p.-mt,
.c-column.-col3-s6p[data-mt="true"] {
    margin-top: -6%
}

.c-column.-col3-s6p.-mt>.c-column__block,
.c-column.-col3-s6p[data-mt="true"]>.c-column__block {
    margin-top: 6%
}

.ua-edge .c-column.-col3-s6p.-mt>.c-column__block:before,
.ua-edge .c-column.-col3-s6p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 18%
}

.c-column.-col3-s5p-t3rem>.c-column__block {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: calc((100% - 10%) / 3);
    flex-basis: calc((100% - 10%) / 3);
    max-width: calc((100% - 10%) / 3)
}

.ua-ie .c-column.-col3-s5p-t3rem>.c-column__block,
.ua-edge .c-column.-col3-s5p-t3rem>.c-column__block,
.ua-ms .c-column.-col3-s5p-t3rem>.c-column__block {
    width: 33.3%;
    width: calc((99.9% - 10%) / 3);
    max-width: calc((99.9% - 10%) / 3);
    -ms-flex-preferred-size: calc((99.9% - 10%) / 3);
    flex-basis: calc((99.9% - 10%) / 3)
}

.c-column.-col3-s5p-t3rem.-mt,
.c-column.-col3-s5p-t3rem[data-mt="true"] {
    margin-top: -3rem
}

.c-column.-col3-s5p-t3rem.-mt>.c-column__block,
.c-column.-col3-s5p-t3rem[data-mt="true"]>.c-column__block {
    margin-top: 3rem
}

.c-column.-col4-s0p>.c-column__block {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.c-column.-col4-s0p.-mt,
.c-column.-col4-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col4-s0p.-mt>.c-column__block,
.c-column.-col4-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col4-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col4-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

.c-column.-col4-s0p-t2p>.c-column__block {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.c-column.-col4-s0p-t2p.-mt,
.c-column.-col4-s0p-t2p[data-mt="true"] {
    margin-top: -2%
}

.c-column.-col4-s0p-t2p.-mt>.c-column__block,
.c-column.-col4-s0p-t2p[data-mt="true"]>.c-column__block {
    margin-top: 2%
}

.ua-edge .c-column.-col4-s0p-t2p.-mt>.c-column__block:before,
.ua-edge .c-column.-col4-s0p-t2p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 8%
}

.c-column.-col5-s0p>.c-column__block {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.c-column.-col5-s0p.-mt,
.c-column.-col5-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col5-s0p.-mt>.c-column__block,
.c-column.-col5-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col5-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col5-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

.c-column.-col6-s0p>.c-column__block {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.c-column.-col6-s0p.-mt,
.c-column.-col6-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col6-s0p.-mt>.c-column__block,
.c-column.-col6-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col6-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col6-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

.c-column.-col8-s0p>.c-column__block {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%
}

.c-column.-col8-s0p.-mt,
.c-column.-col8-s0p[data-mt="true"] {
    margin-top: -0%
}

.c-column.-col8-s0p.-mt>.c-column__block,
.c-column.-col8-s0p[data-mt="true"]>.c-column__block {
    margin-top: 0
}

.ua-edge .c-column.-col8-s0p.-mt>.c-column__block:before,
.ua-edge .c-column.-col8-s0p[data-mt="true"]>.c-column__block:before {
    content: '';
    display: block;
    padding-top: 0%
}

@media screen and (max-width: 1023px) {
    .c-column.-col3-s0p-medium>.c-column__block {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .c-column.-col3-s0p-medium.-mt,
    .c-column.-col3-s0p-medium[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col3-s0p-medium.-mt>.c-column__block,
    .c-column.-col3-s0p-medium[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col3-s0p-medium.-mt>.c-column__block:before,
    .ua-edge .c-column.-col3-s0p-medium[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

@media screen and (max-width: 1023px) {
    .c-column.-col4-s0p-medium>.c-column__block {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .c-column.-col4-s0p-medium.-mt,
    .c-column.-col4-s0p-medium[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col4-s0p-medium.-mt>.c-column__block,
    .c-column.-col4-s0p-medium[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col4-s0p-medium.-mt>.c-column__block:before,
    .ua-edge .c-column.-col4-s0p-medium[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

@media screen and (max-width: 1023px) {
    .c-column.-col6-s0p-medium>.c-column__block {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .c-column.-col6-s0p-medium.-mt,
    .c-column.-col6-s0p-medium[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col6-s0p-medium.-mt>.c-column__block,
    .c-column.-col6-s0p-medium[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col6-s0p-medium.-mt>.c-column__block:before,
    .ua-edge .c-column.-col6-s0p-medium[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

@media screen and (max-width: 767px) {
    .c-column.-col1-s0p-small>.c-column__block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .c-column.-col1-s0p-small.-mt,
    .c-column.-col1-s0p-small[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col1-s0p-small.-mt>.c-column__block,
    .c-column.-col1-s0p-small[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col1-s0p-small.-mt>.c-column__block:before,
    .ua-edge .c-column.-col1-s0p-small[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

@media screen and (max-width: 767px) {
    .c-column.-col2-s0p-small>.c-column__block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .c-column.-col2-s0p-small.-mt,
    .c-column.-col2-s0p-small[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col2-s0p-small.-mt>.c-column__block,
    .c-column.-col2-s0p-small[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col2-s0p-small.-mt>.c-column__block:before,
    .ua-edge .c-column.-col2-s0p-small[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

@media screen and (max-width: 767px) {
    .c-column.-col2-s0p-t3p-small>.c-column__block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .c-column.-col2-s0p-t3p-small.-mt,
    .c-column.-col2-s0p-t3p-small[data-mt="true"] {
        margin-top: -3%
    }

    .c-column.-col2-s0p-t3p-small.-mt>.c-column__block,
    .c-column.-col2-s0p-t3p-small[data-mt="true"]>.c-column__block {
        margin-top: 3%
    }

    .ua-edge .c-column.-col2-s0p-t3p-small.-mt>.c-column__block:before,
    .ua-edge .c-column.-col2-s0p-t3p-small[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 6%
    }
}

@media screen and (max-width: 767px) {
    .c-column.-col4-s0p-small>.c-column__block {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .c-column.-col4-s0p-small.-mt,
    .c-column.-col4-s0p-small[data-mt="true"] {
        margin-top: -0%
    }

    .c-column.-col4-s0p-small.-mt>.c-column__block,
    .c-column.-col4-s0p-small[data-mt="true"]>.c-column__block {
        margin-top: 0
    }

    .ua-edge .c-column.-col4-s0p-small.-mt>.c-column__block:before,
    .ua-edge .c-column.-col4-s0p-small[data-mt="true"]>.c-column__block:before {
        content: '';
        display: block;
        padding-top: 0%
    }
}

.c-column-unique {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-column-unique>.c-column__block {
    list-style-type: none
}

.c-column-unique>.c-column__block:nth-child(1) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(2) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(3) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(4) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(5) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(6) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(7) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(8) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(9) {
    position: relative
}

.c-column-unique>.c-column__block:nth-child(10) {
    position: relative
}

.c-column-unique.-logo {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-column-unique.-logo .c-column__block:nth-child(1) {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.c-column-unique.-logo .c-column__block:nth-child(2) {
    -ms-flex-preferred-size: 55.6%;
    flex-basis: 55.6%;
    max-width: 55.6%
}

@media screen and (max-width: 767px) {
    .c-column-unique.-logo-small .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-logo-small {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-column-unique.-info {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-column-unique.-info .c-column__block:nth-child(1) {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.c-column-unique.-info .c-column__block:nth-child(2) {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

@media screen and (max-width: 767px) {
    .c-column-unique.-info-small .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-info-small {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-column-unique.-flow {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-column-unique.-flow .c-column__block:nth-child(1) {
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
    max-width: 28%
}

.c-column-unique.-flow .c-column__block:nth-child(2) {
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
    max-width: 68%
}

@media screen and (max-width: 767px) {
    .c-column-unique.-flow-small .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-flow-small {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-column-unique.-greeting {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-column-unique.-greeting .c-column__block:nth-child(1) {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%
}

.c-column-unique.-greeting .c-column__block:nth-child(2) {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%
}

@media screen and (min-width: 1440px) {
    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xlarge-min {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(1) {
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        max-width: 31%
    }

    .c-column-unique.-greeting-xlarge-min .c-column__block:nth-child(2) {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%
    }
}

@media screen and (min-width: 1680px) {
    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-xxlarge-min {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(1) {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }

    .c-column-unique.-greeting-xxlarge-min .c-column__block:nth-child(2) {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%
    }
}

@media screen and (max-width: 767px) {
    .c-column-unique.-greeting-small .c-column__block:nth-child(1) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(2) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(3) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(4) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(5) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(6) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(7) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(8) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(9) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small .c-column__block:nth-child(10) {
        width: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: inherit;
        max-width: none
    }

    .c-column-unique.-greeting-small {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-ratioobj {
    position: relative;
    overflow: hidden
}

.c-ratioobj.-fit {
    width: 100%
}

.c-ratioobj:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

a.c-ratioobj {
    display: block
}

.c-ratioobj__target {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.c-ratioobj.-square::after {
    padding-top: 100%
}

.c-ratioobj.-half::after {
    padding-top: 50%
}

.c-ratioobj.-standard::after {
    padding-top: 75%
}

.c-ratioobj.-standard-vertical::after {
    padding-top: 133.3%
}

.c-ratioobj.-wide::after {
    padding-top: 56.25%
}

.c-ratioobj.-wide2::after {
    padding-top: 40.94%
}

.c-ratioobj.-sliver::after {
    padding-top: 70.7%
}

.c-ratioobj.-sliver-vertical::after {
    padding-top: 141.4%
}

.c-ratioobj.-gold::after {
    padding-top: 61.8%
}

.c-ratioobj.-bn::after {
    padding-top: 34%
}

@media screen and (max-width: 1023px) {
    .c-ratioobj.-medium-square::after {
        padding-top: 100%
    }

    .c-ratioobj.-medium-half::after {
        padding-top: 50%
    }

    .c-ratioobj.-medium-standard::after {
        padding-top: 75%
    }

    .c-ratioobj.-medium-standard-vertical::after {
        padding-top: 133.3%
    }

    .c-ratioobj.-medium-wide::after {
        padding-top: 56.25%
    }

    .c-ratioobj.-medium-wide2::after {
        padding-top: 40.94%
    }

    .c-ratioobj.-medium-sliver::after {
        padding-top: 70.7%
    }

    .c-ratioobj.-medium-sliver-vertical::after {
        padding-top: 141.4%
    }

    .c-ratioobj.-medium-gold::after {
        padding-top: 61.8%
    }

    .c-ratioobj.-medium-bn::after {
        padding-top: 34%
    }
}

@media screen and (max-width: 767px) {
    .c-ratioobj.-small-square::after {
        padding-top: 100%
    }

    .c-ratioobj.-small-half::after {
        padding-top: 50%
    }

    .c-ratioobj.-small-standard::after {
        padding-top: 75%
    }

    .c-ratioobj.-small-standard-vertical::after {
        padding-top: 133.3%
    }

    .c-ratioobj.-small-wide::after {
        padding-top: 56.25%
    }

    .c-ratioobj.-small-wide2::after {
        padding-top: 40.94%
    }

    .c-ratioobj.-small-sliver::after {
        padding-top: 70.7%
    }

    .c-ratioobj.-small-sliver-vertical::after {
        padding-top: 141.4%
    }

    .c-ratioobj.-small-gold::after {
        padding-top: 61.8%
    }

    .c-ratioobj.-small-bn::after {
        padding-top: 34%
    }
}

.c-ratioobj--wide {
    position: relative;
    overflow: hidden
}

.c-ratioobj--wide:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 35.6%
}

@media screen and (max-width: 767px) {
    .c-ratioobj--wide:after {
        padding-top: 50%
    }
}

.c-sitemap {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .c-sitemap {
        display: block;
        margin-top: 4.5rem !important
    }
}

.l-footer .c-sitemap .c-sitemap__block {
    /*width: calc(100% / 9);*/
    padding-right: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ua-ms .l-footer .c-sitemap .c-sitemap__block {
    /*width: calc(99.9% / 9)*/
}

@media screen and (max-width: 1023px) {
    .l-footer .c-sitemap .c-sitemap__block {
        width: calc(100% / 3);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 1px solid;
        padding-left: 2rem
    }

    .ua-ms .l-footer .c-sitemap .c-sitemap__block {
        width: calc(99.9% / 3)
    }

    .l-footer .c-sitemap .c-sitemap__block:nth-child(3),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(6),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(9) {
        border-right: 1px solid
    }

    .l-footer .c-sitemap .c-sitemap__block:nth-child(4),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(5),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(6),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(7),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(8),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(9) {
        margin-top: 3.5rem
    }

    .l-footer .c-sitemap .c-sitemap__block,
    .l-footer .c-sitemap .c-sitemap__block:nth-child(3),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(6),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(9) {
        border-color: #2c3034
    }
}

@media screen and (max-width: 767px) {
    .l-footer .c-sitemap .c-sitemap__block {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid;
        border-color: #2c3034
    }

    .l-footer .c-sitemap .c-sitemap__block:nth-child(3),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(6),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(9) {
        border-right: none
    }

    .l-footer .c-sitemap .c-sitemap__block:nth-child(4),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(5),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(6),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(7),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(8),
    .l-footer .c-sitemap .c-sitemap__block:nth-child(9) {
        margin-top: 0
    }

    .l-footer .c-sitemap .c-sitemap__block:first-child {
        border-top: 1px solid;
        border-color: #2c3034
    }

    .l-footer .c-sitemap .c-sitemap__block .c-heading-dir a {
        height: 4.2rem;
        display: block;
        position: relative;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }

    .l-footer .c-sitemap .c-sitemap__block a::after {
        content: "";
        width: .7rem;
        height: .7rem;
        position: absolute;
        top: 50%;
        right: 1.5rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        opacity: .25;
        background: url(/images/arrow-white.png) no-repeat left top/cover
    }

    .l-footer .c-sitemap .c-sitemap__block a:hover {
        background: rgba(0, 0, 0, 0.05)
    }

    .l-footer .c-sitemap .c-sitemap__block a:hover::after {
        opacity: 1;
        right: 1rem
    }

    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu {
        padding-top: 0;
        font-size: 1.2rem;
        background: #1a1f23
    }

    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu a {
        display: block;
        position: relative;
        padding: 1.4rem 0 1.4rem 2em
    }

    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu li {
        border-top: 1px solid
    }

    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu li+li {
        margin-top: 0;
        border-top: 1px solid
    }

    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu li,
    .l-footer .c-sitemap .c-sitemap__block .js-toggle__menu li+li {
        border-color: #2c3034
    }
}

.l-sitemap .c-sitemap .c-sitemap__block {
    width: calc(100% / 3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid;
    padding-left: 2rem
}

.ua-ms .l-sitemap .c-sitemap .c-sitemap__block {
    width: calc(99.9% / 3)
}

.l-sitemap .c-sitemap .c-sitemap__block:nth-child(3),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(6),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(9) {
    border-right: 1px solid
}

.l-sitemap .c-sitemap .c-sitemap__block:nth-child(4),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(5),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(6),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(7),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(8),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(9) {
    margin-top: 3.5rem
}

.l-sitemap .c-sitemap .c-sitemap__block,
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(3),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(6),
.l-sitemap .c-sitemap .c-sitemap__block:nth-child(9) {
    border-color: #e5e5e5
}

@media screen and (max-width: 767px) {
    .l-sitemap .c-sitemap .c-sitemap__block {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid;
        border-color: #e5e5e5
    }

    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(3),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(6),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(9) {
        border-right: none
    }

    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(4),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(5),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(6),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(7),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(8),
    .l-sitemap .c-sitemap .c-sitemap__block:nth-child(9) {
        margin-top: 0
    }

    .l-sitemap .c-sitemap .c-sitemap__block:first-child {
        border-top: 1px solid;
        border-color: #e5e5e5
    }

    .l-sitemap .c-sitemap .c-sitemap__block .c-heading-dir a {
        height: 4.2rem;
        display: block;
        position: relative;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }

    .l-sitemap .c-sitemap .c-sitemap__block a::after {
        content: "";
        width: .7rem;
        height: .7rem;
        position: absolute;
        top: 50%;
        right: 1.5rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        opacity: .25;
        background: url(/images/arrow.png) no-repeat left top/cover
    }

    .l-sitemap .c-sitemap .c-sitemap__block a:hover {
        background: rgba(0, 0, 0, 0.025)
    }

    .l-sitemap .c-sitemap .c-sitemap__block a:hover::after {
        opacity: 1;
        right: 1rem
    }

    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu {
        padding-top: 0;
        font-size: 1.2rem;
        background: #f5f6f6
    }

    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu a {
        display: block;
        position: relative;
        padding: 1.4rem 0 1.4rem 2em
    }

    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu li {
        border-top: 1px solid
    }

    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu li+li {
        margin-top: 0;
        border-top: 1px solid
    }

    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu li,
    .l-sitemap .c-sitemap .c-sitemap__block .js-toggle__menu li+li {
        border-color: #e5e5e5
    }
}

.c-sitemap-menu {
    font-size: 1.2rem;
    line-height: 1.3;
    display: block;
    list-style: none
}

.l-footer .c-sitemap-menu {
    padding-top: 3rem;
    color: #cbcbcb;
}

@media screen and (max-width: 1266px) {
    .l-footer .c-sitemap-menu {
        padding-top: 2rem
    }
}

.l-sitemap .c-sitemap-menu {
    padding-top: 2.3rem;
    font-size: 1.3rem;
    color: #666666
}

.c-sitemap-menu li+li {
    margin-top: .9rem
}

.c-sitemap-menu a {
    text-decoration: none
}

.c-pagenation {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

.c-pagenation__number {
    list-style: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.c-pagenation__number li a,
.c-pagenation .c-pagenation__arrow-box {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 100%;
    font-size: 1.3rem
}

@media screen and (max-width: 767px) {

    .c-pagenation__number li a,
    .c-pagenation .c-pagenation__arrow-box {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem
    }
}

@media screen and (max-width: 767px) {

    .c-pagenation__number li a.--type2,
    .c-pagenation .c-pagenation__arrow-box.--type2 {
        width: 3.5rem;
        height: 3.7rem
    }
}

.c-pagenation .c-pagenation__arrow {
    width: 4rem;
    height: 4rem
}

@media screen and (max-width: 767px) {
    .c-pagenation .c-pagenation__arrow {
        width: 3rem;
        height: 3rem
    }
}

.c-pagenation .c-pagenation__arrow span {
    display: none
}

@media screen and (max-width: 767px) {
    .c-pagenation .c-pagenation__arrow.--type2 {
        width: 3.5rem;
        height: 3.7rem
    }
}

.c-pagenation__number {
    margin: 0 1rem
}

@media screen and (max-width: 767px) {
    .c-pagenation__number {
        margin: 0 0.5rem
    }
}

.c-pagenation__number li+li {
    margin-left: 1rem
}

@media screen and (max-width: 767px) {
    .c-pagenation__number li+li {
        margin-left: 1rem
    }
}

.c-pagenation__number li a {
    border: 1px solid #e0e0e0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.c-pagenation__number li a.is-current,
.c-pagenation__number li a:hover {
    background: #666;
    border: none
}

.c-pagenation__number li a.is-current span,
.c-pagenation__number li a:hover span {
    color: #fff
}

.c-pagenation__arrow-box {
    display: block;
    position: relative;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.c-pagenation__arrow-box:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.c-pagenation__arrow-box--l::after {
    width: 9px;
    width: 0.9rem;
    height: 9px;
    height: 0.9rem;
    background-image: url("/images/arrow-left.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 9px 9px;
    background-size: 0.9rem 0.9rem
}

@media screen and (max-width: 767px) {
    .c-pagenation__arrow-box--l::after {
        width: 7px;
        width: 0.7rem;
        height: 7px;
        height: 0.7rem;
        background-image: url("/images/arrow-left.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 7px 7px;
        background-size: 0.7rem 0.7rem
    }
}

.c-pagenation__arrow-box--l:hover::after {
    content: "";
    left: calc(50% - 3px);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.c-pagenation__arrow-box--r::after {
    width: 9px;
    width: 0.9rem;
    height: 9px;
    height: 0.9rem;
    background-image: url("/images/arrow.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 9px 9px;
    background-size: 0.9rem 0.9rem;
    bottom: auto
}

@media screen and (max-width: 767px) {
    .c-pagenation__arrow-box--r::after {
        width: 7px;
        width: 0.7rem;
        height: 7px;
        height: 0.7rem;
        background-image: url("/images/arrow.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 7px 7px;
        background-size: 0.7rem 0.7rem;
        bottom: auto
    }
}

.c-pagenation__arrow-box--r:hover::after {
    content: "";
    left: calc(50% + 3px);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.c-pagenation__button {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    margin: 0 1rem
}

@media screen and (max-width: 767px) {
    .c-pagenation__button {
        font-size: 1.2rem;
        margin: 0 0rem
    }
}

.c-pagenation__button__inner {
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    padding: 1.4rem 0;
    width: 290px;
    color: #333;
    background-color: #fff;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .c-pagenation__button__inner {
        width: 200px;
        padding: 1.1rem 0
    }
}

.c-pagenation__button__inner span {
    color: #333
}

.c-pagenation__button__inner:hover {
    background-color: #333
}

.c-pagenation__button__inner:hover span {
    color: #FFF
}

.c-share {
    list-style: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .c-share {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.c-share li {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    width: 50%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .c-share li {
        font-size: 1.2rem
    }
}

.c-share li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2.6rem 0;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .c-share li a {
        padding: 1.0rem 0 0.8rem 0
    }
}

.c-share li .c-share__link__inner {
    text-align: center;
    vertical-align: middle
}

.c-share li .c-share__icon {
    display: table-cell;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 767px) {
    .c-share li .c-share__icon {
        width: 2.1rem;
        height: 2.1rem
    }
}

.c-share li .c-share__icon__inner {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 100%;
    position: relative
}

@media screen and (max-width: 767px) {
    .c-share li .c-share__icon__inner {
        width: 2.1rem;
        height: 2.1rem
    }
}

.c-share li .c-share__text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1.5rem
}

@media screen and (max-width: 767px) {
    .c-share li .c-share__text {
        padding-left: 1rem
    }
}

.c-share li a .c-share__icon__inner:after {
    opacity: 1
}

.c-share li a:hover .c-share__icon__inner:after {
    opacity: 0.6
}

.c-share__fb a {
    background-color: #334f84;
    border-radius: 42px 0 0 42px
}

.c-share__fb a:hover {
    background-color: #4a71b9
}

.c-share__fb a .c-share__icon__inner:after {
    content: "";
    width: 0.65rem;
    height: 1.35rem;
    background: url() no-repeat left top/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-share__tw a {
    background-color: #2993d0;
    border-radius: 0 42px 42px 0
}

.c-share__tw a:hover {
    background-color: #65b3e1
}

.c-share__tw a .c-share__icon__inner:after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: url() no-repeat left top/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-slider {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.c-slider .js-loopSlider {
    display: block;
    height: 177px;
    height: calc(140px + 4.0vw);
    position: relative
}

@media screen and (max-width: 767px) {
    .c-slider .js-loopSlider {
        height: 106px;
        height: calc(50px + 12.5vw)
    }
}

.p-value__sec {
    width: 100%;
    height: 240px;
    height: 24rem;
    height: calc(16rem + 7vw);
    background-color: #cccccc;
    overflow: hidden;
    position: relative
}

.p-value__sec+.p-value__sec {
    margin-top: 1px
}

.p-value .p-value__sec:first-child {
    border-radius: 4px 4px 0 0
}

.p-value .p-value__sec:last-child {
    border-radius: 0 0 4px 4px
}

.p-value__bg {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #aaaaaa;
    position: absolute;
    left: 0;
    top: 0
}

.p-value__title {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0
}

.p-value__title__en {
    font-family: webdin, serif;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
    letter-spacing: .075em
}

.p-value__title__en:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-36px * 1) + 36px) / 2 + 0px);
    margin-bottom: calc(((-3.6rem * 1) + 3.6rem) / 2 + 0rem)
}

.p-value__title__en:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-36px * 1) + 36px) / 2 + 0px);
    margin-top: calc(((-3.6rem * 1) + 3.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .p-value__title__en {
        font-size: 24px;
        font-size: 2.4rem;
        letter-spacing: .05em
    }

    .p-value__title__en:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-24px * 1) + 24px) / 2 + 0px);
        margin-bottom: calc(((-2.4rem * 1) + 2.4rem) / 2 + 0rem)
    }

    .p-value__title__en:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-24px * 1) + 24px) / 2 + 0px);
        margin-top: calc(((-2.4rem * 1) + 2.4rem) / 2 + 0rem)
    }
}

.p-value__title__jp {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .1em;
    padding-top: 0.5em
}

.p-value__title__jp:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 1) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 1) + 1.6rem) / 2 + 0rem)
}

.p-value__title__jp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 1) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 1) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .p-value__title__jp {
        font-size: 13px;
        font-size: 1.3rem
    }

    .p-value__title__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-13px * 1) + 13px) / 2 + 0px);
        margin-bottom: calc(((-1.3rem * 1) + 1.3rem) / 2 + 0rem)
    }

    .p-value__title__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-13px * 1) + 13px) / 2 + 0px);
        margin-top: calc(((-1.3rem * 1) + 1.3rem) / 2 + 0rem)
    }
}

.p-accordion__cell.js-accordion__cell {
    position: relative
}

.p-accordion__cell.js-accordion__cell>.js-toggle__body {
    max-height: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.p-accordion__cell.js-accordion__cell.is-open>.js-toggle__body {
    max-height: 300vh;
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease
}

.p-accordion__cell.js-accordion__cell>.js-toggle__switch {
    position: relative;
    z-index: 10
}

.p-accordion__cell.js-accordion__cell>.js-toggle__body>.p-accordion__content {
    display: block;
    visibility: visible;
    margin-top: 0;
    float: none;
    position: relative;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.p-accordion__cell.js-accordion__cell>.js-toggle__body>.p-accordion__content>* {
    opacity: 0;
    -webkit-transition: all 800ms ease-out;
    transition: all 800ms ease-out
}

.p-accordion__cell.js-accordion__cell.is-open>.js-toggle__body>.p-accordion__content>* {
    opacity: 1
}

.p-accordion__cell+.p-accordion__cell {
    margin-top: 1.5rem
}

@media screen and (max-width: 767px) {
    .p-accordion__cell+.p-accordion__cell {
        margin-top: 1rem
    }
}

.p-accordion__cell {
    width: 100%;
    background-color: #fff;
    border-radius: 4rem
}

@media screen and (max-width: 767px) {
    .p-accordion__cell {
        border-radius: 2.5rem
    }
}

.is-open.p-accordion__cell {
    border-radius: 3rem
}

@media screen and (max-width: 767px) {
    .is-open.p-accordion__cell {
        border-radius: 2rem
    }
}

.p-accordion__link {
    display: block;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80px;
    height: 8rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4rem
}

@media screen and (max-width: 767px) {
    .p-accordion__link {
        border-radius: 2.5rem;
        font-size: 1.4rem;
        height: 50px;
        height: 5rem
    }
}

.is-open .p-accordion__link {
    border-radius: 3rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

@media screen and (max-width: 767px) {
    .is-open .p-accordion__link {
        border-radius: 2.5rem
    }
}

.p-accordion__link__icon {
    display: block;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem
}

@media screen and (max-width: 767px) {
    .p-accordion__link__icon {
        position: absolute;
        top: 1.5rem;
        right: 1rem
    }
}

.p-accordion__link__icon__inner {
    display: block;
    background-color: #00a88e;
    width: 30px;
    width: 3rem;
    height: 30px;
    height: 3rem;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

@media screen and (max-width: 767px) {
    .p-accordion__link__icon__inner {
        width: 20px;
        width: 2rem;
        height: 20px;
        height: 2rem
    }
}

.is-open .p-accordion__link__icon__inner {
    background-color: #000;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.p-accordion__link__icon__inner::after,
.p-accordion__link__icon__inner::before {
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.p-accordion__link__icon__inner:before {
    content: "";
    height: 1.2rem;
    width: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.6rem;
    margin-left: -0.1rem
}

@media screen and (max-width: 767px) {
    .p-accordion__link__icon__inner:before {
        height: 0.8rem;
        margin-top: -0.4rem
    }
}

.is-open .p-accordion__link__icon__inner:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.p-accordion__link__icon__inner:after {
    content: "";
    width: 1.2rem;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.6rem;
    margin-top: -0.1rem
}

@media screen and (max-width: 767px) {
    .p-accordion__link__icon__inner:after {
        width: 0.8rem;
        margin-left: -0.4rem
    }
}

.is-open .p-accordion__link__icon__inner:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.p-accordion__content__inner {
    padding: 0rem 8rem 5rem 8rem
}

@media screen and (max-width: 767px) {
    .p-accordion__content__inner {
        padding: 0rem 2rem 2rem 2rem
    }
}

.u-arrow {
    position: relative;
    position: absolute;
    top: 50%;
    right: 6rem;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1023px) {
    .u-arrow {
        right: 4rem
    }
}

@media screen and (max-width: 767px) {
    .u-arrow {
        right: 3rem
    }
}

a:hover .u-arrow {
    right: 4rem
}

@media screen and (max-width: 1023px) {
    a:hover .u-arrow {
        right: 3rem
    }
}

@media screen and (max-width: 767px) {
    a:hover .u-arrow {
        right: 2.5rem
    }
}

.u-arrow::after,
.u-arrow::before {
    content: "";
    width: 6rem;
    height: 1px;
    display: block;
    background: #bdbdbd;
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    position: relative
}

@media screen and (max-width: 1023px) {

    .u-arrow::after,
    .u-arrow::before {
        width: 4rem
    }
}

@media screen and (max-width: 767px) {

    .u-arrow::after,
    .u-arrow::before {
        width: 3rem
    }
}

a:hover .u-arrow::after,
a:hover .u-arrow::before {
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.u-arrow::after {
    right: -1px
}

.u-arrow::before {
    content: "";
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    top: 1px
}

a:hover .u-arrow::before {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.u-arrow2 {
    position: relative;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    opacity: .5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

a:hover .u-arrow2 {
    right: 1rem
}

.u-arrow2::after,
.u-arrow2::before {
    content: "";
    width: 1.5rem;
    height: 1px;
    display: block;
    background: #bdbdbd;
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    position: relative
}

a:hover .u-arrow2::after,
a:hover .u-arrow2::before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.u-arrow2.-topEvent::after,
.u-arrow2.-topEvent::before {
    width: 3rem;
    background: #d1d1d1
}

.u-arrow2::after {
    right: -1px
}

.u-arrow2::before {
    content: "";
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    top: 1px
}

a:hover .u-arrow2::before {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.u-phone {
    text-decoration: none;
    pointer-events: none
}

.ua-smartphone .u-phone {
    pointer-events: auto;
    text-decoration: none !important
}

.u-none {
    display: none
}

@media screen and (max-width: 767px) {
    .u-none-sp {
        display: none
    }
}

.u-block,
.u-block ul,
.u-block li,
.u-block dl,
.u-block dt,
.u-block dd {
    display: block;
    list-style-type: none
}

.u-inline,
.u-inline ul,
.u-inline li,
.u-inline dl,
.u-inline dt,
.u-inline dd {
    display: inline;
    list-style-type: none
}

@media screen and (max-width: 767px) {
    .u-inline-small {
        display: inline !important
    }
}

.u-inline-block-nospace {
    font-size: 0
}

.u-inline-block,
.u-inline-block ul,
.u-inline-block li,
.u-inline-block dl,
.u-inline-block dt,
.u-inline-block dd {
    display: inline-block;
    list-style-type: none
}

.u-inline-block--list,
.u-inline-block ul,
ul.u-inline-block {
    letter-spacing: -.40em
}

.u-inline-block>*,
.u-inline-block * {
    letter-spacing: 0
}

.u-hidden {
    overflow: hidden
}

.u-hide {
    display: none
}

.u-hide-txt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.visible-small-less,
.visible-small,
.visible-medium,
.visible-medium-less,
.visible-large {
    display: none !important
}

.visible-small-less-block,
.visible-small-less-inline,
.visible-small-less-inline-block,
.visible-small-block,
.visible-small-inline,
.visible-small-inline-block,
.visible-medium-block,
.visible-medium-inline,
.visible-medium-inline-block,
.visible-large-block,
.visible-large-inline,
.visible-large-inline-block {
    display: none !important
}

@media screen and (max-width: 767px) {
    .visible-small-less {
        display: block !important
    }

    table.visible-small-less {
        display: table
    }

    tr.visible-small-less {
        display: table-row !important
    }

    th.visible-small-less,
    td.visible-small-less {
        display: table-cell !important
    }
}

@media screen and (max-width: 767px) {
    .visible-small-less-block {
        display: block !important
    }
}

@media screen and (max-width: 767px) {
    .visible-small-less-inline {
        display: inline !important
    }
}

@media screen and (max-width: 767px) {
    .visible-small-less-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .visible-small {
        display: block !important
    }

    table.visible-small {
        display: table
    }

    tr.visible-small {
        display: table-row !important
    }

    th.visible-small,
    td.visible-small {
        display: table-cell !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .visible-small-block {
        display: block !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .visible-small-inline {
        display: inline !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .visible-small-inline-block {
        display: inline-block !important
    }
}

@media screen and (max-width: 1023px) {
    .visible-medium-less {
        display: block !important
    }

    table.visible-medium-less {
        display: table
    }

    tr.visible-medium-less {
        display: table-row !important
    }

    th.visible-medium-less,
    td.visible-medium-less {
        display: table-cell !important
    }
}

@media screen and (max-width: 1023px) {
    .visible-medium-less-block {
        display: block !important
    }
}

@media screen and (max-width: 1023px) {
    .visible-medium-less-inline {
        display: inline !important
    }
}

@media screen and (max-width: 1023px) {
    .visible-medium-less-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .visible-medium {
        display: block !important
    }

    table.visible-medium {
        display: table
    }

    tr.visible-medium {
        display: table-row !important
    }

    th.visible-medium,
    td.visible-medium {
        display: table-cell !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .visible-medium-block {
        display: block !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .visible-medium-inline {
        display: inline !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .visible-medium-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 1280px) {
    .visible-large {
        display: block !important
    }

    table.visible-large {
        display: table
    }

    tr.visible-large {
        display: table-row !important
    }

    th.visible-large,
    td.visible-large {
        display: table-cell !important
    }
}

@media screen and (min-width: 1280px) {
    .visible-large-block {
        display: block !important
    }
}

@media screen and (min-width: 1280px) {
    .visible-large-inline {
        display: inline !important
    }
}

@media screen and (min-width: 1280px) {
    .visible-large-inline-block {
        display: inline-block !important
    }
}

@media screen and (max-width: 767px) {
    .hidden-small-less {
        display: none !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hidden-small {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .hidden-medium-less {
        display: none !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .hidden-medium {
        display: none !important
    }
}

@media screen and (min-width: 1280px) {
    .hidden-large {
        display: none !important
    }
}

.hidden-before::before {
    display: none !important
}

.hidden-after::after {
    display: none !important
}

.visible-print {
    display: none !important
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

.u-img-fit {
    display: inherit;
    width: 100%;
    height: auto
}

.u-img {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.u-pt-section {
    padding-top: 50px;
    padding-top: 5rem
}

.u-pt-section2 {
    padding-top: 100px;
    padding-top: 10rem
}

@media screen and (max-width: 767px) {
    .u-pt-section2 {
        padding-top: 50px;
        padding-top: 5rem
    }
}

.u-pt-txt {
    padding-top: 20px;
    padding-top: 2rem
}

.u-pt-txt2 {
    padding-top: 25px;
    padding-top: 2.5rem
}

@media screen and (max-width: 767px) {
    .u-pt-txt2 {
        padding-top: 20px;
        padding-top: 2rem
    }
}

.u-pt-txt3 {
    padding-top: 50px;
    padding-top: 5rem
}

@media screen and (max-width: 767px) {
    .u-pt-txt3 {
        padding-top: 30px;
        padding-top: 3rem
    }
}

.u-pt-list {
    padding-top: 20px;
    padding-top: 2rem
}

.u-pt-list2 {
    padding-top: 30px;
    padding-top: 3rem
}

@media screen and (max-width: 767px) {
    .u-pt-list2 {
        padding-top: 15px;
        padding-top: 1.5rem
    }
}

.u-pt-list3 {
    padding-top: 20px;
    padding-top: 2rem
}

@media screen and (max-width: 767px) {
    .u-pt-list3 {
        padding-top: 15px;
        padding-top: 1.5rem
    }
}

.u-pt-button {
    padding-top: 75px;
    padding-top: 7.5rem
}

@media screen and (max-width: 767px) {
    .u-pt-button {
        padding-top: 50px;
        padding-top: 5rem
    }
}

.u-pb-heading {
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.u-pb-txt {
    padding-bottom: 50px;
    padding-bottom: 5rem
}

.u-space-section {
    padding-top: 10rem !important
}

@media screen and (max-width: 767px) {
    .u-space-section {
        padding-top: 5rem !important
    }
}

.u-space-contact {
    margin-top: 10rem !important
}

@media screen and (max-width: 767px) {
    .u-space-contact {
        margin-top: 7.5rem !important
    }
}

.u-space-list {
    padding-top: 2.5rem !important
}

@media screen and (max-width: 767px) {
    .u-space-list {
        padding-top: 1.5rem !important
    }
}

.u-space-l {
    padding-top: 10rem
}

.u-space-l-m {
    margin-top: 10rem !important
}

@media screen and (max-width: 767px) {
    .u-space-l {
        padding-top: 5rem
    }

    .u-space-l-m {
        margin-top: 5rem !important
    }
}

.u-space-l2 {
    padding-top: 9.5rem !important
}

.u-space-l2-m {
    margin-top: 9.5rem !important
}

@media screen and (max-width: 767px) {
    .u-space-l2 {
        padding-top: 5rem !important
    }

    .u-space-l2-m {
        margin-top: 5rem !important
    }
}

.u-space-xm {
    padding-top: 6.6rem !important
}

.u-space-xm-m {
    margin-top: 6.6rem !important
}

@media screen and (max-width: 767px) {
    .u-space-xm {
        padding-top: 3.3rem !important
    }

    .u-space-xm-m {
        margin-top: 3.3rem !important
    }
}

.u-space-m {
    padding-top: 5rem !important
}

.u-space-m-m {
    margin-top: 5rem !important
}

@media screen and (max-width: 767px) {
    .u-space-m {
        padding-top: 2.5rem !important
    }

    .u-space-m-m {
        margin-top: 2.5rem !important
    }
}

.u-space-s {
    padding-top: 4rem !important
}

.u-space-s-m {
    margin-top: 4rem !important
}

@media screen and (max-width: 767px) {
    .u-space-s {
        padding-top: 2rem !important
    }

    .u-space-s-m {
        margin-top: 2rem !important
    }
}

.u-space-s2 {
    padding-top: 3.5rem !important
}

.u-space-s2-m {
    margin-top: 3.5rem !important
}

@media screen and (max-width: 767px) {
    .u-space-s2 {
        padding-top: 1.75rem !important
    }

    .u-space-s2-m {
        margin-top: 1.75rem !important
    }
}

.u-space-xs {
    padding-top: 3rem !important
}

.u-space-xs-m {
    margin-top: 3rem !important
}

@media screen and (max-width: 767px) {
    .u-space-xs {
        padding-top: 1.875rem !important
    }

    .u-space-xs-m {
        margin-top: 1.875rem !important
    }
}

.u-space-clear {
    padding-top: 0 !important
}

.u-space-clear-m {
    margin-top: 0 !important
}

@media screen and (max-width: 767px) {
    .u-space-clear-small {
        padding-top: 0 !important
    }

    .u-space-clear-small-m {
        margin-top: 0 !important
    }
}

.u-space-pagenation {
    margin-top: 5rem
}

@media screen and (max-width: 767px) {
    .u-space-pagenation {
        margin-top: 2rem
    }
}

.u-space-form {
    margin-top: 8rem
}

@media screen and (max-width: 767px) {
    .u-space-form {
        margin-top: 4rem
    }
}

.u-space-form__submit {
    margin-top: 3.5rem
}

@media screen and (max-width: 767px) {
    .u-space-form__submit {
        margin-top: 3rem
    }
}

.u-space-form__bottom {
    margin-top: 4.5rem
}

@media screen and (max-width: 767px) {
    .u-space-form__bottom {
        margin-top: 2.5rem
    }
}

.u-font-normal {
    font-weight: normal
}

.u-font-bold {
    font-weight: bold
}

.u-font-center {
    text-align: center !important
}

.u-font-left {
    text-align: left
}

.u-font-right {
    text-align: right
}

@media screen and (max-width: 767px) {
    .u-font-center-small {
        text-align: center !important
    }

    .u-font-left-small {
        text-align: left !important
    }

    .u-font-left-small .u-inline-block {
        display: inline
    }

    .u-font-right-small {
        text-align: right !important
    }

    .u-font-justify-small {
        text-align: justify !important
    }

    .u-font-justify-small .u-inline-block {
        display: inline
    }
}

.u-font-red {
    color: #d80000
}

.u-font-blue {
    color: #416D85
}

.u-bg-pink {
    background: pink
}

.u-bg-red {
    background: red
}

.u-bg-green {
    background: green
}

.u-bg-blue {
    background: blue
}

.u-fixed {
    position: fixed !important;
    overflow-y: scroll;
    top: 0px
}

.u-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}

.u-color-green {
    color: #F8B831
}

.u-color-blue {
    color: #416D85
}

.u-color-gray {
    color: #777
}

.u-color-gray2 {
    color: #666666
}

.slick-slider {
    max-width: 100%;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider * {
    outline: none;
    border: none
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 767px) {
    .slick-list {
        overflow: visible
    }
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    width: 100%;
    height: auto;
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    width: .6rem;
    height: .6rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    position: absolute;
    top: 50%;
    background: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0.25
}

.slick-next:hover,
.slick-prev:hover {
    opacity: 1
}

.slick-next::after,
.slick-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/arrow-white.png) no-repeat left top/cover;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.slick-prev {
    left: -1.1rem
}

.slick-prev::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-next {
    right: -1.1rem
}

.slick-dot .slick-dots {
    margin: 0;
    position: absolute;
    bottom: 12px;
    right: 12px;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 767px) {
    .slick-dot .slick-dots {
        bottom: 0;
        right: 0;
        display: none !important
    }
}

.slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 24px auto 0 auto;
    text-align: left;
    display: inline-block !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 767px) {
    .slick-dots {
        bottom: 5px
    }
}

.slick-dots li {
    width: 14px;
    height: 14px;
    background: none;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-right: 9px;
    margin-right: .9rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer
}

.slick-dots li.slick-active {
    background: #1a462a;
    border-color: #1a462a
}

.slick-dots li:hover {
    background: #1a462a;
    border-color: #1a462a
}

@media screen and (max-width: 767px) {
    .slick-dots li {
        width: 8px;
        height: 8px;
        margin-right: 8px;
        margin-right: .8rem
    }
}

@media screen and (max-width: 767px) {
    .js-toggle {
        position: relative;
        overflow: hidden
    }

    .js-toggle .c-heading-dir {
        position: relative;
        z-index: 20
    }

    .js-toggle .js-toggle__content {
        position: relative
    }

    .js-toggle .js-toggle__body {
        display: block;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 0%;
        max-height: 0;
        overflow: hidden;
        height: auto;
        position: relative;
        z-index: 1;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease
    }

    .js-toggle.is-open .js-toggle__body {
        visibility: visible;
        height: 100%;
        opacity: 1;
        margin-top: 0%;
        position: relative;
        max-height: 200vh;
        -webkit-transition: all 1000ms ease;
        transition: all 1000ms ease
    }

    .js-toggle__switch {
        position: relative;
        width: 4.2rem;
        height: 4.2rem;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 200
    }

    .c-sitemap .js-toggle__switch+.c-heading-dir {
        width: calc(100% - 4.2rem);
        padding-right: 4.2rem
    }

    .l-sitemap .c-sitemap .js-toggle__switch+.c-heading-dir a {
        border-right: 1px solid #e5e5e5
    }

    .l-footer .c-sitemap .js-toggle__switch+.c-heading-dir a {
        border-right: 1px solid #202529
    }

    .js-toggle__icon {
        width: 4.2rem;
        height: 4.2rem;
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

    .js-toggle__icon::after,
    .js-toggle__icon::before {
        content: "";
        display: block;
        position: absolute;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: none;
        transition: none
    }

    .l-sitemap .js-toggle__icon::after,
    .l-sitemap .js-toggle__icon::before {
        background: #333
    }

    .l-footer .js-toggle__icon::after,
    .l-footer .js-toggle__icon::before {
        background: #fff
    }

    .js-toggle__icon::after {
        width: 1.2rem;
        height: .2rem;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .js-toggle.is-open .js-toggle__icon::after {
        opacity: .25
    }

    .js-toggle__icon::before {
        width: .2rem;
        height: 1.2rem;
        background: #fff;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .js-toggle.is-open .js-toggle__icon::before {
        height: 0
    }
}

/*menu start*/
.menu-aside.js-toggle {
    position: relative;
    overflow: hidden
}

.menu-aside.js-toggle .c-heading-dir {
    position: relative;
    z-index: 20
}

.menu-aside.js-toggle .js-toggle__content {
    position: relative
}

.menu-aside.js-toggle .js-toggle__body {
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 0;
    padding-top: 0;
    max-height: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.menu-aside.js-toggle.is-open .js-toggle__body {
    visibility: visible;
    height: 100%;
    opacity: 1;
    margin-top: 0%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    max-height: 200vh;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.menu-aside.js-toggle.is-open {
    opacity: 1;
}

.menu-aside .switch {
    position: relative;
    position: absolute;
    font-size: 2rem;
    line-height: 2rem;
    top: 0;
    right: 0;
    z-index: 200;
    cursor: pointer;
}

.menu-aside .c-sitemap .js-toggle__switch+.c-heading-dir {
    width: calc(100% - 4.2rem);
    padding-right: 4.2rem
}

.menu-aside .l-sitemap .c-sitemap .js-toggle__switch+.c-heading-dir a {
    border-right: 1px solid #e5e5e5
}

.l-footer .c-sitemap .js-toggle__switch+.c-heading-dir a {
    border-right: 1px solid #202529
}

.menu-aside .js-toggle__icon {
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.menu-aside .js-toggle__icon::after,
.menu-aside .js-toggle__icon::before {
    content: "";
    display: block;
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: none;
    transition: none
}

.l-sitemap .menu-aside .js-toggle__icon::after,
.l-sitemap .menu-aside .js-toggle__icon::before {
    background: #333
}

.l-footer .js-toggle__icon::after,
.l-footer .js-toggle__icon::before {
    background: #fff
}

.menu-aside .js-toggle__icon::after {
    width: 1.2rem;
    height: .2rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menu-aside.js-toggle.is-open .js-toggle__icon::after {
    opacity: .25
}

.menu-aside.js-toggle.is-open .switch {
    opacity: 0
}

.menu-aside .js-toggle__icon::before {
    width: .2rem;
    height: 1.2rem;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menu-aside.js-toggle.is-open .js-toggle__icon::before {
    height: 0
}
/*menu end*/

.js-objectfit {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.js-objectfit.-size-fit {
    width: 100%;
    height: 100%
}

.ua-ie video.js-objectfit,
.ua-edge video.js-objectfit {
    display: block;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    margin: auto;
    width: auto;
    height: auto;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    position: absolute
}

.js-loopSlider>* {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-ransform-style: preserve-3d;
    -moz-ransform-style: preserve-3d;
    -ms-ransform-style: preserve-3d;
    ransform-style: preserve-3d
}

.js-loopSlider.is-loaded>* {
    visibility: visible !important;
    opacity: 1 !important
}

.js-loopSlider.is-drag,
.js-loopSlider.is-drag * {
    cursor: -webkit-grab;
    cursor: -ms-grab;
    cursor: grab
}

.js-loopSlider.is-drag.is-dragging,
.js-loopSlider.is-drag.is-dragging * {
    cursor: -webkit-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.js-loopSlider.is-drag * {
    pointer-events: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -khtml-user-drag: none
}

.l-content {
    position: relative
}

@media screen and (max-width: 767px) {
    .l-content {
        min-width: inherit;
        min-width: auto
    }
}

.l-content-large {
    width: calc(100vw - 3.625%)
}

@media screen and (max-width: 767px) {
    .l-content-large {
        width: calc(100vw - 4.6875%)
    }
}

.l-content-medium {
    display: block;
    margin-left: 7.25%;
    margin-right: 7.25%
}

@media screen and (max-width: 767px) {
    .l-content-medium {
        margin-left: 9.375%;
        margin-right: 9.375%
    }
}

.l-content-small {
    display: block;
    margin-left: 18%;
    margin-right: 18%
}

@media screen and (max-width: 767px) {
    .l-content-small {
        margin-left: 9.375%;
        margin-right: 9.375%
    }
}

.l-content-main {
    width: 100%;
    position: relative;
    z-index: 100
}

.l-content-main__inner {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: calc(100% / 8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1023px) {
    .l-content-main__inner {
        padding-left: calc(100% / 6)
    }
}

@media screen and (max-width: 767px) {
    .l-content-main__inner {
        padding-left: 0
    }
}

.l-content-main__body {
    width: calc((100% / 7) * 5);
    margin-left: auto;
    min-height: 480px
}

@media screen and (max-width: 1023px) {
    .l-content-main__body {
        width: calc((100% / 5) * 4)
    }
}

@media screen and (max-width: 767px) {
    .l-content-main__body {
        width: 100%;
        min-height: initial
    }
}

.l-content-main__body.-large {
    width: calc((100% / 7) * 6)
}

.l-content-inner {
    margin: 0 auto;
    position: relative
}

.l-content-medium .l-content-inner {
    max-width: 1600px;
    max-width: 160rem
}

.l-content-small .l-content-inner {
    max-width: 1200px
}

.l-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}

.l-header:hover {
    background: #ffffff !important;
}

.l-header__inner {
    /*position: absolute;*/
    top: 1.7rem;
    height: calc(6rem + .85vw);
    left: 0;
    right: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 1200px) {
    .l-header__inner {
        height: calc(5rem + .85vw)
    }
}

@media screen and (max-width: 1023px) {
    .l-header__inner {
        height: 5.5rem
    }
}

@media screen and (max-width: 767px) {
    .l-header__inner {
        height: 4.5rem;
        top: 1.9
    }
}

.l-header .l-header__inner .c-logo {
    width: 21.5%;
    max-width: 24.2rem;
    height: auto
}

.l-header .l-header__inner .c-logo img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .l-header .l-header__inner .c-logo {
        width: 14.5rem;
        /*position: absolute;*/
        top: 0;
        left: 0
    }
}

.l-footer {
    background: #14191d;
    color: #fff;
    margin-top: -24rem;
    padding-top: 24rem;
    padding-bottom: 10rem
}

@media screen and (max-width: 1023px) {
    .l-footer {
        padding-bottom: 7.8rem
    }
}

@media screen and (max-width: 767px) {
    .l-footer {
        margin-top: -15rem;
        padding-top: 15rem
    }
}

.l-footer__inner {
    padding-top: 9rem
}

@media screen and (max-width: 767px) {
    .l-footer__inner {
        padding-top: 4.8rem
    }
}

.l-footer .c-company-logo+.c-sns {
    margin-top: 3rem
}

@media screen and (max-width: 1023px) {
    .l-footer .c-company-logo+.c-sns {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .l-footer__bottom .c-sns {
        margin-top: 3rem
    }
}

.l-footer .c-company-logo a {
    display: inline-block;
    text-decoration: none
}

.l-footer .c-company-logo a:hover {
    opacity: 0.5
}

.l-footer__bottom {
    padding-top: 10rem;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

@media screen and (max-width: 1023px) {
    .l-footer__bottom {
        display: block;
        text-align: center;
        margin-top: 5rem;
        padding-top: 5rem;
        border-top: 1px solid rgba(255, 255, 255, 0.1)
    }
}

@media screen and (max-width: 767px) {
    .l-footer__bottom {
        padding-top: 3rem;
        margin-top: 0;
        border-top: none
    }
}

.l-footer__copyright {
    font-size: 1.1rem;
    padding-right: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100vw - 15.1vw) / 8 * 3);
    letter-spacing: .075em;
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width: 1900px) {
    .l-footer__copyright {
        width: calc((100vw - (calc((100vw - 1600px) / 2) * 2)) / 8 * 3)
    }
}

@media screen and (max-width: 1023px) {
    .l-footer__copyright {
        width: calc((100vw - 15.1vw) / 6 * 3)
    }
}

@media screen and (max-width: 767px) {
    .l-footer__copyright {
        width: calc((100vw - 15.1vw) / 4 * 3)
    }
}

@media screen and (max-width: 1023px) {
    .l-footer__copyright {
        margin: 5rem auto 0;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .l-footer__copyright {
        width: 100%;
        padding-top: 7.5rem;
        margin: 0 auto;
        display: block;
        text-align: center
    }
}

.l-footer .c-sitemap-link {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width: 1023px) {
    .l-footer .c-sitemap-link {
        margin: 0 auto
    }
}

.l-footer .c-sitemap-link a {
    opacity: 0.25
}

.l-footer .c-sitemap-link a:hover {
    opacity: 1
}

.l-footer__partner {
    width: calc((100vw - 15.1vw) / 8 * 3);
    margin-left: auto;
    -webkit-box-ordinal-group: 4;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media screen and (min-width: 1900px) {
    .l-footer__partner {
        width: calc((100vw - (calc((100vw - 1600px) / 2) * 2)) / 8 * 3)
    }
}

@media screen and (max-width: 1023px) {
    .l-footer__partner {
        width: calc((100vw - 15.1vw) / 6 * 3)
    }
}

@media screen and (max-width: 767px) {
    .l-footer__partner {
        width: calc((100vw - 15.1vw) / 4 * 3)
    }
}

@media screen and (max-width: 1023px) {
    .l-footer__partner {
        margin: 6rem auto 0
    }
}

@media screen and (max-width: 767px) {
    .l-footer__partner {
        width: 100%;
        margin: 0 auto;
        padding-top: 5rem
    }
}

.l-footer__partner dt {
    font-size: 1.1rem;
    opacity: 0.25
}

.l-footer-slider {
    margin-top: 1.5rem
}

.l-footer-slider__cell {
    text-align: center
}

.l-footer-slider__cell__block {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

a.l-footer-slider__cell__block {
    background: #fff
}

a.l-footer-slider__cell__block:hover {
    opacity: .5
}

@media screen and (max-width: 767px) {
    .slick-list {
        overflow: hidden !important
    }
}

.js-slider-partner .js-slider__block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2rem
}

@media screen and (max-width: 767px) {
    .js-slider-partner .js-slider__block {
        padding-right: .5rem
    }
}

@media screen and (max-width: 767px) {
    .l-contact .l-content-medium {
        margin-top: -7.5%;
        margin-left: 4.6875%;
        margin-right: 4.6875%
    }
}

.l-contact__inner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    height: 48rem;
    position: relative;
    overflow: hidden;
    z-index: 500
}

@media screen and (max-width: 767px) {
    .l-contact__inner {
        height: 30rem
    }
}

.l-contact__inner .c-heading-main {
    color: #fff
}

.l-contact__inner .c-heading-main ::before {
    background: #fff
}

.l-contact__inner2 {
    display: block;
    width: 100%
}

.l-contact__link {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ff0000;
    position: absolute;
    left: 0;
    top: 0
}

.l-contact__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .l-contact__body {
        display: block;
        width: auto;
        margin-left: 13.8%
    }
}

@media screen and (max-width: 1023px) {
    .l-contact__body__block:last-child {
        width: 40%;
        margin-top: 1.3rem
    }
}

@media screen and (max-width: 767px) {
    .l-contact__body__block:last-child {
        width: auto;
        margin-top: 1.3rem
    }
}

.l-contact__title {
    position: relative;
    left: 4.34%
}

@media screen and (max-width: 1023px) {
    .l-contact__title {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .l-contact__title {
        left: 0
    }
}

.l-contact__txt {
    color: #fff;
    padding-top: 2.6rem;
    font-weight: bold;
    line-height: 1.8 !important;
    opacity: 0.75
}

@media screen and (max-width: 767px) {
    .l-contact__txt {
        padding-top: 1rem;
        font-weight: normal
    }
}

.l-contact__bg {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 50em 0 0 50em !important;
    background: -webkit-gradient(linear, left top, right top, from(#F8B831), to(#416D85));
    background: linear-gradient(to right, #F8B831 0%, #416D85 100%);
    background: -webkit-linear-gradient(left, #F8B831 0%, #416D85 50%, #416D85 51%, #F8B831 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_green', endColorstr='$color_blue', GradientType=1);
    background-size: 200% 200%;
    background-position: 0% 50%;
    -webkit-transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

/*.ua-ms .l-contact__bg {
    opacity: 1;
    background: url(http://cdn.terramed.cn/contact_bg.jpg) no-repeat center center/cover;
}*/

.l-contact__bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    background: url(http://cdn.terramed.cn/contact_bg.jpg) no-repeat center center/cover;
    opacity: .25;
    border-radius: 50em 0 0 50em !important
}

/*.ua-ms .l-contact__bg:after {
    background: #000000;
    opacity: 0;
    -webkit-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1)
}*/

a.l-contact__bg {
    cursor: pointer
}

a.l-contact__bg+.l-content-medium {
    pointer-events: none
}

a.l-contact__bg:hover {
    background-position: 100% 50%
}

a.l-contact__bg:hover:after {
    opacity: 0.25
}

a.l-contact__bg:hover+.l-content-medium .c-button:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

a.l-contact__bg:hover+.l-content-medium .c-icon-arrow:after {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

a.l-contact__bg:hover+.l-content-medium .c-icon-arrow:before {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.l-contact .c-heading-main__title {
    color: #ffffff !important
}

@media screen and (max-width: 1023px) {
    .l-contact .c-heading-main__title {
        letter-spacing: 0em
    }
}

@media screen and (max-width: 767px) {
    .l-contact .c-heading-main__title {
        letter-spacing: 0em
    }
}

.l-contact .c-heading-main__en {
    color: #ffffff !important
}

.l-contact__body__block:last-child .c-button {
    margin-top: 2rem
}

@media screen and (max-width: 1023px) {
    .l-contact__body__block:last-child .c-button {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .l-contact__body__block:last-child .c-button {
        width: 100%
    }
    .l-contact__body__block:last-child .c-button {
        margin-top: 0rem !important
    }
}

@media screen and (max-width: 329px) {
    .l-contact__body__block:last-child .c-button {
        font-size: 1.1rem
    }
    .l-contact__body__block:last-child .c-button {
        margin-top: 0rem !important
    }
}

.l-menu {
    width: calc(100% - 21.5%);
    text-align: right;
    padding-right: 2.2%
}

.l-menu__inner {
    list-style: none;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap*/
}

.l-menu li+li {
    padding-left: 3rem
}

@media screen and (max-width: 1200px) {
    .l-menu .c-heading-dir {
        font-size: 1.3rem
    }

    .l-menu li+li {
        padding-left: 2vw
    }
}

@media screen and (max-width: 840px) {
    .l-menu .c-heading-dir {
        font-size: 1.2rem
    }

    .l-menu li+li {
        padding-left: 1.8vw
    }
}

@media screen and (max-width: 767px) {
    .l-menu {
        display: none
    }
}

.l-menu .l-menu__inner {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.l-sitemap-switch {
    width: 7.5%;
    max-width: 10.2rem;
    height: calc(6rem + .85vw);
    max-height: 7rem;
    position: fixed;
    top: 1.7rem;
    right: 0;
    display: block;
    border-radius: 100px 0 0 100px;
    border: none;
    background: #F8B831;
    z-index: 2147483647;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .l-sitemap-switch {
        height: calc(5rem + .85vw)
    }
}

@media screen and (max-width: 1023px) {
    .l-sitemap-switch {
        height: 5.5rem
    }
}

@media screen and (max-width: 767px) {
    .l-sitemap-switch {
        width: 7rem;
        height: 4.5rem;
        top: 1rem
    }
}

.l-sitemap-switch::after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5%;
    background: -webkit-gradient(linear, left top, right top, from(#F8B831), to(#F8B831));
    background: linear-gradient(to right, #F8B831 0%, #F8B831 100%);
    -webkit-transform: scale(1.4) translateX(0%);
    transform: scale(1.4) translateX(0%);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.l-sitemap-switch:focus {
    outline: 0
}

.l-sitemap-switch:hover {
    background-position: 100% 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2)
}

.l-sitemap-switch:hover::after {
    -webkit-transform: scale(1.4) translateX(-50%);
    transform: scale(1.4) translateX(-50%)
}

.is-open-menu .l-sitemap-switch {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 112, 186, 0)), to(rgba(0, 166, 141, 0)));
    background: linear-gradient(to right, rgba(0, 112, 186, 0) 0%, rgba(0, 166, 141, 0) 100%);
    background: #333
}

.is-open-menu .l-sitemap-switch::after {
    opacity: 0
}

.is-open-menu .l-sitemap-switch:hover {
    background: #454545
}

.l-sitemap-switch__line {
    width: 29.41%;
    height: 28.57%;
    position: relative;
    margin: 0 auto;
    left: -1.96%;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .l-sitemap-switch__line {
        width: 2.5rem;
        height: 1.6rem
    }
}

.l-sitemap-switch__line div {
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform-origin: center 0;
    transform-origin: center 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.l-sitemap-switch__line div:nth-child(1) {
    top: 0
}

.is-open-menu .l-sitemap-switch__line div:nth-child(1) {
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%)
}

.l-sitemap-switch__line div:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-open-menu .l-sitemap-switch__line div:nth-child(2) {
    opacity: 0
}

.l-sitemap-switch__line div:nth-child(3) {
    bottom: 0
}

.is-open-menu .l-sitemap-switch__line div:nth-child(3) {
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.l-sitemap {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 10000000;
    padding: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .l-sitemap {
        padding: 1.5rem
    }
}

.is-open-menu .l-sitemap {
    opacity: 1;
    visibility: visible
}

.l-sitemap__content {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10rem;
    z-index: 100000000;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

@media screen and (max-height: 600px) {
    .l-sitemap__content {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .l-sitemap__content {
        overflow: scroll;
        padding: 5rem 3rem 4rem 3rem;
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow: scroll
    }
}

.l-sitemap__body {
    width: 100%;
    max-width: 1100px
}

.l-sitemap__bottom {
    margin-top: 4rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 2.3rem 0;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    will-change: opacity, transform
}

.is-open-menu .l-sitemap__bottom {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 575ms;
    transition-delay: 575ms
}

@media screen and (max-width: 767px) {
    .l-sitemap__bottom {
        display: block;
        border: none;
        padding: 0;
        margin-top: 3rem
    }
}

.c-sitemap-link {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    font-size: 1.2rem
}

.c-sitemap-link__block {
    padding-right: 3.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .c-sitemap-link {
        width: 100%;
        font-size: 1.1rem;
        margin: 0 auto 3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center
    }

    .c-sitemap-link__block {
        width: auto
    }

    .c-sitemap-link__block:first-child {
        margin: 0 1rem 0 0
    }

    .c-sitemap-link__block:last-child {
        margin: 0 0 0 1rem
    }
}

@media screen and (max-width: 767px) {
    .c-sitemap-link .c-sitemap-link__block:last-child {
        padding-right: 0
    }
}

.l-sitemap .c-company-logo a {
    display: block;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: none;
    transition: none;
    will-change: opacity, transform
}

.l-sitemap .c-company-logo a:hover {
    opacity: 0.75
}

.is-open-menu .l-sitemap .c-company-logo a {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.l-sitemap .c-flex.-sitemap .c-column__block {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    will-change: opacity, transform
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1)
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(1) {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(2) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(3) {
    -webkit-transition-delay: 225ms;
    transition-delay: 225ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(4) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(5) {
    -webkit-transition-delay: 375ms;
    transition-delay: 375ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(6) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(7) {
    -webkit-transition-delay: 525ms;
    transition-delay: 525ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(8) {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(9) {
    -webkit-transition-delay: 675ms;
    transition-delay: 675ms
}

.is-open-menu .l-sitemap .c-flex.-sitemap .c-column__block:nth-child(10) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.l-aside-dir {
    width: 16.9%;
    height: 100%;
    margin-top: -3rem;
    position: absolute;
    top: 0;
    z-index: 200;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media screen and (max-width: 1023px) {
    .l-aside-dir {
        width: calc(7.25% + 19.062%)
    }
}

@media screen and (max-width: 767px) {
    .l-aside-dir {
        /*display: none*/
        width: 100%;
        position: relative;
    }
    .l-aside-dir__contents {
        padding: 3rem 3rem 3rem 0 !important;
    }
}

.l-aside-dir__inner {
    width: 100%;
    color: #fff;
    z-index: 200;
    position: -webkit-sticky;
    position: sticky;
    top: 2rem
}

.l-aside-dir__contents {
    display: block;
    width: 100%;
    padding: 10rem 3rem 9.6rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.l-aside-dir__contents:before {
    content: "";
    display: block;
    width: 100%;
    width: calc(100% + 7.25vw);
    height: 100%;
    border-radius: 0 50px 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, right top, from(#F8B831), to(#F8B831));
    background: linear-gradient(90deg, #F8B831, #F8B831);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width: 1860px) {
    .l-aside-dir__contents:before {
        width: calc(100% + ((100vw - 1600px) / 2))
    }
}

.c-list-aside {
    padding-top: 3.2rem
}

.l-aside-page {
    width: calc(((100% / 7) * 1) - .6rem);
    margin-left: 8.8%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: auto
}

@media screen and (max-width: 767px) {
    .l-aside-page {
        display: none
    }
}

.l-aside-page nav {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem
}

.l-aside-page nav::after {
    content: "";
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#F8B831), to(#416D85));
    background: linear-gradient(90deg, #F8B831, #416D85);
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

@media screen and (max-width: 1023px) {
    .l-aside-page {
        display: none
    }
}

.l-aside-flow {
    width: 29.5%;
    height: 100%;
    margin-top: -3rem;
    position: absolute;
    top: 0;
    z-index: 200;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media screen and (max-width: 1023px) {
    .l-aside-flow {
        width: calc(7.25% + 19.062%)
    }
}

@media screen and (max-width: 767px) {
    .l-aside-flow {
        width: 100%;
        height: auto;
        display: block;
        margin-top: -2.25rem
    }
}

.l-aside-flow__inner {
    width: 100%;
    color: #fff;
    z-index: 200;
    position: -webkit-sticky;
    position: sticky;
    top: 2rem
}

@media screen and (max-width: 767px) {
    .l-aside-flow__inner {
        border-radius: 14px 14px 14px 14px
    }
}

.l-aside-flow__contents {
    display: block;
    width: 100%;
    padding: 0rem 0rem 0rem 0rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.l-aside-flow__contents:before {
    content: "";
    display: block;
    width: 100%;
    width: calc(100% + 7.25vw);
    height: 100%;
    border-radius: 0 50px 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #202930;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width: 1860px) {
    .l-aside-flow__contents:before {
        width: calc(100% + ((100vw - 1600px) / 2))
    }
}

@media screen and (max-width: 767px) {
    .l-aside-flow__contents:before {
        display: none
    }
}

.l-aside-flow__list {
    display: block;
    list-style: none;
    text-align: center;
    position: relative
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list {
        display: table;
        width: 100%
    }
}

.l-aside-flow__list li {
    display: block;
    padding: 6.4rem 0;
    text-align: left;
    position: relative
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li {
        display: table-cell;
        padding: 0.9rem 0;
        border-bottom: 0px;
        border-top: 0;
        text-align: center
    }
}

.l-aside-flow__list li:before {
    content: "";
    display: block;
    width: 100%;
    width: calc(100% + 7.25vw);
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #202930;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width: 1860px) {
    .l-aside-flow__list li:before {
        width: calc(100% + ((100vw - 1600px) / 2))
    }
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li:before {
        width: iniitial;
        width: 100%
    }
}

.l-aside-flow__list li:after {
    content: "";
    display: block;
    width: 100%;
    width: calc(100% + 7.25vw);
    height: 1px;
    background-color: #30393f;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 1860px) {
    .l-aside-flow__list li:after {
        width: calc(100% + ((100vw - 1600px) / 2))
    }
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: #30393f;
        position: absolute;
        left: 0;
        top: 0
    }
}

.l-aside-flow__list li .c-heading-aside-flow {
    opacity: .5;
    position: relative;
    left: 5rem
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .l-aside-flow__list li .c-heading-aside-flow {
        position: relative;
        left: 1rem
    }
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li .c-heading-aside-flow {
        display: block;
        position: static
    }
}

.l-aside-flow__list li.is-current .c-heading-aside-flow {
    opacity: 1
}

.l-aside-flow__list li.is-current:before {
    content: "";
    background-color: #192229
}

.l-aside-flow__list li:first-child:before {
    border-radius: 0 50px 0 0
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li:first-child:before {
        border-radius: 14px 0 0 14px
    }
}

.l-aside-flow__list li:first-child:after {
    display: none
}

.l-aside-flow__list li:last-child:before {
    border-radius: 0 0px 50px 0
}

@media screen and (max-width: 767px) {
    .l-aside-flow__list li:last-child:before {
        border-radius: 0 14px 14px 0
    }
}

.t-color-blue .c-heading-main__num {
    color: #416D85
}

.t-color-blue .c-heading-main__en {
    color: #416D85
}

.t-color-green .c-heading-main__num {
    color: #F8B831
}

.t-color-green .c-heading-main__en {
    color: #F8B831
}

.t-color-yellow .c-heading-main__num {
    color: #F8B831
}

.t-color-yellow .c-heading-main__en {
    color: #F8B831
}

.t-color-white .c-heading-main-lower {
    color: #ffffff
}

.t-color-white .c-heading-main__en:before {
    background-color: rgba(255, 255, 255, 0.75)
}

.t-color-white .c-heading-main__title {
    color: #ffffff
}

.t-color-white .c-hero-grid {
    display: none
}

.t-color-white .c-hero-obj {
    display: none
}

.t-color-white .c-hero-bg {
    background: #333333
}

.t-color-white .l-menu a,
.t-color-white .l-menu a i {
    color: #ffffff
}

.t-color-white .c-logo__mark img:first-child {
    display: none
}

.t-color-white .c-logo__mark img:last-child {
    display: block
}

.t-color-white .c-logo__type img:first-child {
    display: none
}

.t-color-white .c-logo__type img:last-child {
    display: block
}

.t-top__scroll {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 111
}

.t-top__scroll__content {
    display: block;
    width: 100%;
    position: relative
}

.t-top__scroll__block {
    position: absolute;
    right: -28px;
    right: -28/10rem;
    bottom: 28px;
    bottom: 28/10rem;
    z-index: 200
}

@media screen and (max-width: 767px) {
    .t-top__scroll__block {
        right: -12px;
        right: -12/10rem;
        bottom: 50px;
        bottom: 5rem
    }
}

.t-top__scroll__link {
    text-decoration: none;
    position: relative
}

.t-top__scroll__txt {
    display: block;
    font-family: webdin, serif;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .1em;
    padding-bottom: 10px;
    padding-bottom: 1rem
}

@media screen and (max-width: 767px) {
    .t-top__scroll__txt {
        font-size: 11px;
        font-size: 1.1rem;
        padding-bottom: 5px;
        padding-bottom: .5rem
    }
}

.t-top__scroll__txt span {
    display: inline-block;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -webkit-font-feature-settings: "normal";
    font-feature-settings: "normal";
    position: relative
}

.t-top__scroll__icon {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 56px;
    width: 5.6rem;
    height: 56px;
    height: 5.6rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__scroll__icon {
        width: 24px;
        width: 2.4rem;
        height: 24px;
        height: 2.4rem
    }
}

.t-top__scroll__icon:before {
    content: "";
    width: 56px;
    width: 5.6rem;
    height: 56px;
    height: 5.6rem;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media screen and (max-width: 767px) {
    .t-top__scroll__icon:before {
        width: 24px;
        width: 2.4rem;
        height: 24px;
        height: 2.4rem;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)
    }
}

a:hover .t-top__scroll__icon:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25)
}

.t-top__section__heading {
    padding-bottom: 40px;
    padding-bottom: 4rem
}

@media screen and (max-width: 767px) {
    .t-top__section__heading {
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-top__section__heading .c-column__block {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.t-top__section__heading__title {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: relative
}

.t-top__section__heading__title__jp {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-top__section__heading__title__jp,
.ua-safari-9 .t-top__section__heading__title__jp,
.ua-safari-8 .t-top__section__heading__title__jp,
.ua-safari-7 .t-top__section__heading__title__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

@media screen and (max-width: 767px) {
    .t-top__section__heading__title__jp {
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: .025em
    }
}

.t-top__section__heading__title__jp:after {
    content: "";
    display: block;
    width: 40px;
    width: 4rem;
    height: 1px;
    margin-left: 15px;
    margin-left: 1.5rem;
    margin-right: 15px;
    margin-right: 1.5rem;
    background-color: #000000;
    opacity: 0.25
}

@media screen and (max-width: 767px) {
    .t-top__section__heading__title__jp:after {
        width: 25px;
        width: 2.5rem;
        margin-left: 10px;
        margin-left: 1rem;
        margin-right: 10px;
        margin-right: 1rem
    }
}

.t-top__section__heading__title__en {
    font-family: webdin, serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: .075em;
    color: #416D85;
    padding-top: 0.25em
}

@media screen and (max-width: 767px) {
    .t-top__section__heading__title__en {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: .05em
    }
}

.t-top__section__heading__txt {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: bold;
    color: #555555
}

.t-top__section__heading__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
}

.t-top__section__heading__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 1.4) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__section__heading__txt {
        font-size: 11px;
        font-size: 1.1rem;
        text-align: left;
        font-weight: normal;
        padding-top: 1.25em
    }

    .t-top__section__heading__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-bottom: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }

    .t-top__section__heading__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-top: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }
}

.t-top__section__main {
    position: relative
}

.t-top__section__bg {
    display: block;
    height: 100%;
    background-image: url(http://cdn.terramed.cn/bg_gray.gif);
    background-repeat: repeat;
    background-size: 48px 48px;
    position: absolute;
    left: 0;
    top: 0
}

.t-top__section.-left .t-top__section__bg {
    left: auto;
    right: 0;
    border-radius: 4px 0 0 4px
}

.t-top__section.-right .t-top__section__bg {
    left: 0;
    right: auto;
    border-radius: 0 4px 4px 0
}

#about.t-top__section.-right .t-top__section__bg {
    border-radius: 0 0 4px 0
}

.t-top__section__main .l-content-medium .l-content-inner .c-glidLine-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    right: auto;
    z-index: 0
}

.t-top__section__main .l-content-medium .l-content-inner .c-glidLine-wrap .c-glidLine__block:before,
.t-top__section__main .l-content-medium .l-content-inner .c-glidLine-wrap .c-glidLine__block:after {
    background-color: #e4e4e4
}

.t-top__section__main .l-content-medium .l-content-inner .c-glidLine-wrap .c-glidLine:before,
.t-top__section__main .l-content-medium .l-content-inner .c-glidLine-wrap .c-glidLine:after {
    background-color: #e4e4e4
}

.t-top__section__body {
    padding-top: 60px;
    padding-top: 6rem;
    padding-bottom: 60px;
    padding-bottom: 6rem;
    position: relative;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .t-top__section__body {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 767px) {
    .t-top__section__body .c-column.-col1-s0p-small {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.t-top__section__body .c-column__block {
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__section__body .c-column.-col1-s0p-small .c-column__block:nth-child(2) {
        display: block;
        padding-top: 1px;
        padding-top: .1rem
    }
}

.t-top__service__box {
    margin: 0 5%
}

@media screen and (max-width: 767px) {
    .t-top__service__box {
        margin: 0 4%
    }
}

.t-top__service__link {
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.t-top__service__link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15)
}

.t-top__service__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative
}

.t-top__service__title {
    display: block;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 12.5%
}

@media screen and (max-width: 767px) {
    .t-top__service__title {
        padding-bottom: 10%
    }
}

.t-top__service__title__jp {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.4;
    letter-spacing: 0em;
    color: #333333;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    position: relative
}

.ua-safari-10 .t-top__service__title__jp,
.ua-safari-9 .t-top__service__title__jp,
.ua-safari-8 .t-top__service__title__jp,
.ua-safari-7 .t-top__service__title__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-top__service__title__jp:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-17px * 1.4) + 17px) / 2 + 0px);
    margin-bottom: calc(((-1.7rem * 1.4) + 1.7rem) / 2 + 0rem)
}

.t-top__service__title__jp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-17px * 1.4) + 17px) / 2 + 0px);
    margin-top: calc(((-1.7rem * 1.4) + 1.7rem) / 2 + 0rem)
}

@media screen and (max-width: 1279px) {
    .t-top__service__title__jp {
        font-size: 16px;
        font-size: 1.6rem
    }

    .t-top__service__title__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-16px * 1.4) + 16px) / 2 + 0px);
        margin-bottom: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
    }

    .t-top__service__title__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-16px * 1.4) + 16px) / 2 + 0px);
        margin-top: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 1151px) {
    .t-top__service__title__jp {
        font-size: 14px;
        font-size: 1.4rem
    }

    .t-top__service__title__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }

    .t-top__service__title__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-top: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 767px) {
    .t-top__service__title__jp {
        font-size: 12px;
        font-size: 1.2rem
    }

    .t-top__service__title__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.4) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.4) + 1.2rem) / 2 + 0rem)
    }

    .t-top__service__title__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.4) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.4) + 1.2rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 329px) {
    .t-top__service__title__jp {
        font-size: 11px;
        font-size: 1.1rem
    }

    .t-top__service__title__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-bottom: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }

    .t-top__service__title__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-top: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }
}

.t-top__service__title__en {
    font-family: webdin, serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing: .075em;
    color: #00a88e;
    padding-top: 0.8em
}

.t-top__service__title__en:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 1.25) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 1.25) + 1.4rem) / 2 + 0rem)
}

.t-top__service__title__en:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 1.25) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 1.25) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__service__title__en {
        font-size: 10px;
        font-size: 1rem;
        letter-spacing: .025em;
        padding-top: 0.6em
    }

    .t-top__service__title__en:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-10px * 1.25) + 10px) / 2 + 0px);
        margin-bottom: calc(((-1rem * 1.25) + 1rem) / 2 + 0rem)
    }

    .t-top__service__title__en:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-10px * 1.25) + 10px) / 2 + 0px);
        margin-top: calc(((-1rem * 1.25) + 1rem) / 2 + 0rem)
    }
}

.t-top__service__icon {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-top__service__icon img {
    display: block;
    height: auto;
    position: relative
}

.t-top__service__icon.-web-assessment img {
    width: 28.29457%
}

.t-top__service__icon.-platform-assessment img {
    width: 31.00775%
}

.t-top__service__icon.-api-assessment img {
    width: 29.06977%
}

.t-top__service__icon.-smartphone-assessment img {
    width: 29.45736%
}

.t-top__service__icon.-security-consulting img {
    width: 27.90698%
}

.t-top__service__icon.-system-development img {
    width: 29.45736%
}

.t-top__service__icon.-research-development img {
    width: 28.29457%
}

.t-top__service__icon.-training-seminar img {
    width: 28.29457%
}

.t-top__service__button {
    width: 50%;
    width: calc(50% - ((5% / 4) * 2));
    margin-left: 50%;
    margin-left: calc(50% + (5% / 4));
    padding-top: 40px;
    padding-top: 4rem
}

@media screen and (max-width: 767px) {
    .t-top__service__button {
        width: auto;
        margin-left: calc(5% / 2);
        margin-right: calc(5% / 2);
        padding-top: 20px;
        padding-top: 2rem
    }
}

.t-top__slogan__header {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.t-top__slogan__jp {
    font-size: 70px;
    font-size: 7rem;
    line-height: 1.3;
    letter-spacing: 0em;
    color: #333333;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    position: relative;
    /*left: -0.075em*/
}

.ua-safari-10 .t-top__slogan__jp,
.ua-safari-9 .t-top__slogan__jp,
.ua-safari-8 .t-top__slogan__jp,
.ua-safari-7 .t-top__slogan__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-top__slogan__jp:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-70px * 1.3) + 70px) / 2 + 0px);
    margin-bottom: calc(((-7rem * 1.3) + 7rem) / 2 + 0rem)
}

.t-top__slogan__jp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-70px * 1.3) + 70px) / 2 + 0px);
    margin-top: calc(((-7rem * 1.3) + 7rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__slogan__jp {
        font-size: 16px;
        font-size: 1.6rem
    }

    .t-top__slogan__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-16px * 1.3) + 16px) / 2 + 0px);
        margin-bottom: calc(((-1.6rem * 1.3) + 1.6rem) / 2 + 0rem)
    }

    .t-top__slogan__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-16px * 1.3) + 16px) / 2 + 0px);
        margin-top: calc(((-1.6rem * 1.3) + 1.6rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 374px) {
    .t-top__slogan__jp {
        font-size: 15px;
        font-size: 1.5rem
    }

    .t-top__slogan__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-15px * 1.3) + 15px) / 2 + 0px);
        margin-bottom: calc(((-1.5rem * 1.3) + 1.5rem) / 2 + 0rem)
    }

    .t-top__slogan__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-15px * 1.3) + 15px) / 2 + 0px);
        margin-top: calc(((-1.5rem * 1.3) + 1.5rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 767px) {

    .ua-safari-10 .t-top__slogan__jp,
    .ua-safari-9 .t-top__slogan__jp,
    .ua-safari-8 .t-top__slogan__jp,
    .ua-safari-7 .t-top__slogan__jp {
        font-size: 14px;
        font-size: 1.4rem
    }

    .ua-safari-10 .t-top__slogan__jp:before,
    .ua-safari-9 .t-top__slogan__jp:before,
    .ua-safari-8 .t-top__slogan__jp:before,
    .ua-safari-7 .t-top__slogan__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.3) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.3) + 1.4rem) / 2 + 0rem)
    }

    .ua-safari-10 .t-top__slogan__jp:after,
    .ua-safari-9 .t-top__slogan__jp:after,
    .ua-safari-8 .t-top__slogan__jp:after,
    .ua-safari-7 .t-top__slogan__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-14px * 1.3) + 14px) / 2 + 0px);
        margin-top: calc(((-1.4rem * 1.3) + 1.4rem) / 2 + 0rem)
    }
}

.t-top__slogan__jp__inner {
    width: 90vw
}

@media screen and (max-width: 767px) {

    .t-top__slogan__jp .u-color-green,
    .t-top__slogan__jp .u-color-blue {
        font-size: 28px;
        font-size: 2.8rem
    }
}

@media screen and (max-width: 374px) {

    .t-top__slogan__jp .u-color-green,
    .t-top__slogan__jp .u-color-blue {
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media screen and (max-width: 374px) {

    .ua-safari-10 .t-top__slogan__jp .u-color-green,
    .ua-safari-9 .t-top__slogan__jp .u-color-green,
    .ua-safari-8 .t-top__slogan__jp .u-color-green,
    .ua-safari-7 .t-top__slogan__jp .u-color-green,
    .ua-safari-10 .t-top__slogan__jp .u-color-blue,
    .ua-safari-9 .t-top__slogan__jp .u-color-blue,
    .ua-safari-8 .t-top__slogan__jp .u-color-blue,
    .ua-safari-7 .t-top__slogan__jp .u-color-blue {
        font-size: 21px;
        font-size: 2.1rem
    }
}

.t-top__slogan__en {
    font-family: webdin, serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: .075em;
    color: #333333;
    padding-top: 30px;
    padding-top: 3rem
}

.t-top__slogan__en:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-24px * 1.25) + 24px) / 2 + 0px);
    margin-bottom: calc(((-2.4rem * 1.25) + 2.4rem) / 2 + 0rem)
}

.t-top__slogan__en:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-24px * 1.25) + 24px) / 2 + 0px);
    margin-top: calc(((-2.4rem * 1.25) + 2.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__slogan__en {
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: .05em;
        padding-top: 15px;
        padding-top: 1.5rem
    }

    .t-top__slogan__en:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.25) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.25) + 1.2rem) / 2 + 0rem)
    }

    .t-top__slogan__en:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.25) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.25) + 1.2rem) / 2 + 0rem)
    }
}

.t-top__slogan__en__inner {
    width: 90vw
}

.t-top__slogan__txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: .075em;
    color: #333333;
    padding-top: 40px;
    padding-top: 4rem
}

.t-top__slogan__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.t-top__slogan__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__slogan__txt {
        display: none
    }
}

.t-top__slogan__button {
    padding-top: 35px;
    padding-top: 3.5rem
}

@media screen and (max-width: 767px) {
    .t-top__slogan__button {
        padding-top: 15px;
        padding-top: 1.5rem
    }
}

.t-top__info {
    margin-top: -60px;
    margin-top: -6rem;
    position: relative;
    z-index: 200
}

@media screen and (max-width: 767px) {
    .t-top__info {
        margin-top: -40px;
        margin-top: -4rem
    }
}

.t-top__info>.l-content-inner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    height: calc(100% - 6rem);
    position: absolute;
    left: 0;
    top: 0;
    top: 60px;
    top: 6rem;
    z-index: 99;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 0 4px
}

@media screen and (max-width: 767px) {
    .t-top__info>.l-content-inner:after {
        display: none
    }
}

.t-top__info__inner {
    margin: 0 8.7%
}

@media screen and (max-width: 767px) {
    .t-top__info__inner {
        margin: 0 6%
    }
}

.t-top__info__block {
    position: relative;
    z-index: 201
}

@media screen and (max-width: 767px) {
    .t-top__info__block.-event {
        margin-top: 20px;
        margin-top: 2rem
    }
}

.t-top__info__title {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    height: 60px;
    height: 6rem;
    color: #ffffff;
    background-color: #cccccc;
    position: relative;
    z-index: 201
}

@media screen and (max-width: 767px) {
    .t-top__info__title {
        height: 40px;
        height: 4rem
    }
}

.t-top__info__block.-news .t-top__info__title {
    background-color: #F8B831;
    border-radius: 4px 0 0 0
}

@media screen and (max-width: 767px) {
    .t-top__info__block.-news .t-top__info__title {
        border-radius: 4px 4px 0 0
    }
}

.t-top__info__block.-event .t-top__info__title {
    background-color: #416D85;
    border-radius: 0 4px 0 0
}

@media screen and (max-width: 767px) {
    .t-top__info__block.-event .t-top__info__title {
        border-radius: 4px 4px 0 0
    }
}

.t-top__info__title .t-top__info__inner {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.t-top__info__title__jp {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: .025em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-top__info__title__jp,
.ua-safari-9 .t-top__info__title__jp,
.ua-safari-8 .t-top__info__title__jp,
.ua-safari-7 .t-top__info__title__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

@media screen and (max-width: 767px) {
    .t-top__info__title__jp {
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: .01em
    }
}

.t-top__info__title__jp:after {
    content: "";
    display: block;
    width: 40px;
    width: 4rem;
    height: 1px;
    margin-left: 15px;
    margin-left: 1.5rem;
    margin-right: 15px;
    margin-right: 1.5rem;
    background-color: #ffffff;
    opacity: 0.25
}

@media screen and (max-width: 767px) {
    .t-top__info__title__jp:after {
        width: 25px;
        width: 2.5rem;
        margin-left: 10px;
        margin-left: 1rem;
        margin-right: 10px;
        margin-right: 1rem
    }
}

.t-top__info__title__en {
    font-family: webdin, serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: .075em;
    padding-top: 0.25em
}

@media screen and (max-width: 767px) {
    .t-top__info__title__en {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: .05em
    }
}

@media screen and (max-width: 767px) {
    .t-top__info__body {
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .t-top__info__body:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0 0 4px 4px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05)
    }
}

.t-top__info__body .t-top__info__body__frame {
    padding: 6.5% 0 8.7% 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__info__body .t-top__info__body__frame {
        padding: 0 0 7.5% 0;
        width: 100% !important;
    }
}

.t-top__info__body .t-top__info__inner {
    margin: 0;
    padding: 0 8.7%;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__info__body .t-top__info__inner {
        padding: 0 6%
    }
}

.t-top__info__block.-news .t-top__info__body .t-top__info__inner:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #f2f2f2;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 767px) {
    .t-top__info__block.-news .t-top__info__body .t-top__info__inner:after {
        display: none
    }
}

.t-top__info__article {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    border-spacing: 0;
    word-wrap: break-word;
    word-break: break-all
}

@media screen and (max-width: 767px) {
    .t-top__info__article {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.t-top__info__article a {
    display: block;
    text-decoration: none;
    position: relative
}

.t-top__info__article a:before {
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background-color: #f9f9f9;
    position: absolute;
    right: 0;
    top: 0
}

.t-top__info__article a:hover:before {
    width: 100%;
    left: 0;
    right: auto
}

.t-top__info__article dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    text-align: left;
    padding: 0.7em 0;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .t-top__info__article dl {
        display: block;
        padding: 1em 0
    }
}

.t-top__info__article dt {
    font-family: webdin, serif;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .t-top__info__article dt {
        font-size: 13px;
        font-size: 1.3rem
    }
}

.t-top__info__article dd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-top__info__button {
    padding-top: 35px;
    padding-top: 3.5rem
}

@media screen and (max-width: 767px) {
    .t-top__info__button {
        padding-top: 15px;
        padding-top: 1.5rem
    }
}

.t-top__about__visual {
    height: 430px;
    height: 43rem;
    height: calc(10rem + 25vw);
    position: relative;
    border-radius: 0 4px 0 0
}

@media screen and (max-width: 767px) {
    .t-top__about__visual {
        height: calc(7.5rem + 20vw)
    }
}

.t-top__about__visual img {
    border-radius: 0 4px 0 0
}

@media screen and (max-width: 767px) {
    .t-top__about__visual img {
        -o-object-position: 50% 50% !important;
        object-position: 50% 50% !important
    }
}

.t-top__about__box {
    margin: 0 2.5%
}

@media screen and (max-width: 767px) {
    .t-top__about__box {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.t-top__about__button+.t-top__about__button {
    margin-top: 10px;
    margin-top: 1rem
}

.t-top__about__button__link {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -moz-justify-content: stretch;
    justify-content: stretch;
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 250ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 250ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.t-top__about__button__link:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15)
}

.t-top__about__button__block {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 80px;
    min-height: 8rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__about__button__block {
        min-height: 60px;
        min-height: 6rem
    }
}

.t-top__about__button__block:first-child {
    width: 23%
}

@media screen and (max-width: 767px) {
    .t-top__about__button__block:first-child {
        width: 60px;
        width: 6rem
    }
}

.t-top__about__button__block:last-child {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #ffffff;
    border-radius: 0 4px 4px 0
}

.t-top__about__button__pict {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.t-top__about__button__pict img {
    border-radius: 4px 0 0 4px
}

.t-top__about__button__title {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
    line-height: 1;
    letter-spacing: .05em;
    margin: 0 1.25em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-top__about__button__title,
.ua-safari-9 .t-top__about__button__title,
.ua-safari-8 .t-top__about__button__title,
.ua-safari-7 .t-top__about__button__title {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

@media screen and (max-width: 767px) {
    .t-top__about__button__title {
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: .025em
    }
}

.t-top__about__button__block .c-icon-arrow {
    margin-right: 5%
}

.t-top__about__obj {
    position: absolute
}

.t-top__about__obj.-type-pc {
    width: 116%;
    left: 0%;
    bottom: 50%
}

@media screen and (max-width: 767px) {
    .t-top__about__obj.-type-pc {
        width: 75%;
        left: -2.5%;
        margin-top: -37.5%;
        position: relative;
        bottom: auto;
        top: auto
    }
}

.t-top__about__obj.-type-sp {
    width: 65%;
    right: -15%;
    bottom: -30%
}

@media screen and (max-width: 767px) {
    .t-top__about__obj.-type-sp {
        width: 40%;
        right: 0%;
        bottom: 5%
    }
}

@media screen and (max-width: 767px) {
    .t-top__access.c-column .c-column__block:nth-child(2) {
        margin-top: 25px;
        margin-top: 2.5rem
    }
}

.t-top__access__heading {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #333333;
    line-height: 1;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-top__access__heading,
.ua-safari-9 .t-top__access__heading,
.ua-safari-8 .t-top__access__heading,
.ua-safari-7 .t-top__access__heading {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-top__access__heading:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

.t-top__access__heading:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__access__heading {
        font-size: 14px;
        font-size: 1.4rem
    }

    .t-top__access__heading:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }

    .t-top__access__heading:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-top: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }
}

.t-top__access__address {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #555555;
    line-height: 1.6;
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 25px;
    padding-bottom: 2.5rem
}

.t-top__access__address:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 1.6) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

.t-top__access__address:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 1.6) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-top__access__address {
        font-size: 12px;
        font-size: 1.2rem;
        padding-top: 12px;
        padding-top: 1.2rem;
        padding-bottom: 10px;
        padding-bottom: 1rem
    }

    .t-top__access__address:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .t-top__access__address:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.t-top__access__map {
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    position: relative
}

.t-top__access .c-column__block:nth-child(2) .t-top__access__map {
    left: -1px
}

.t-top__access__map__inner {
    margin-left: 9px;
    margin-left: .9rem;
    margin-right: 9px;
    margin-right: .9rem;
    padding-top: 9px;
    padding-top: .9rem;
    padding-bottom: 9px;
    padding-bottom: .9rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-top__access__map__inner {
        margin-left: 5px;
        margin-left: .5rem;
        margin-right: 5px;
        margin-right: .5rem;
        padding-top: 5px;
        padding-top: .5rem;
        padding-bottom: 5px;
        padding-bottom: .5rem
    }
}

.t-top__access__map iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.t-top .u-space-contact {
    margin-top: 5rem !important
}

@media screen and (max-width: 767px) {
    .t-top .u-space-contact {
        margin-top: 5rem !important
    }
}

body:not(.ua-smartphone) .t-top__slogan__jp__block {
    display: inline-block;
    position: relative
}

body:not(.ua-smartphone) .t-top__slogan__jp__block:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform
}

body:not(.ua-smartphone) .t-top__slogan__jp__block.-green:after {
    background: #F8B831
}

body:not(.ua-smartphone) .t-top__slogan__jp__block.-blue:after {
    background: #416D85
}

body:not(.ua-smartphone) .t-top__slogan__jp__txt {
    visibility: hidden
}

body:not(.ua-smartphone) .t-top__slogan__en__block {
    display: inline-block;
    position: relative
}

body:not(.ua-smartphone) .t-top__slogan__en__block:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform
}

body:not(.ua-smartphone) .t-top__slogan__en__txt {
    visibility: hidden
}

body:not(.ua-smartphone) .t-top__slogan__txt,
body:not(.ua-smartphone) .t-top__slogan__button {
    opacity: 0;
    -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.ua-ie-11-lte body:not(.ua-smartphone) .c-hero-bg-top {
    opacity: 0;
    filter: alpha(opacity=0)
}

/*body:not(.ua-smartphone) .c-hero-bg-top__obj {
    opacity: 0;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transform: translate3d(5%, 0%, 0px) rotateX(240deg);
    transform: translate3d(5%, 0%, 0px) rotateX(240deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: opacity, transform
}*/

body:not(.ua-smartphone) #bg-particle {
    opacity: 0;
    -webkit-transition: opacity 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: opacity
}

body:not(.ua-smartphone).is-top-op1 .t-top__slogan__jp__block:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

body:not(.ua-smartphone).is-top-op1 .t-top__slogan__en__block:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

/*body:not(.ua-smartphone).is-top-op1 .c-hero-bg-top__obj {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0px);
    transform: translate3d(0%, 0%, 0px)
}*/

body:not(.ua-smartphone) .ua-ie-11-lte.is-top-op1 .c-hero-bg-top {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

body:not(.ua-smartphone).is-top-op2 .t-top__slogan__jp__block:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

body:not(.ua-smartphone).is-top-op2 .t-top__slogan__jp__txt {
    visibility: visible
}

body:not(.ua-smartphone).is-top-op2 .t-top__slogan__en__block:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

body:not(.ua-smartphone).is-top-op2 .t-top__slogan__en__txt {
    visibility: visible
}

body:not(.ua-smartphone).is-top-op3 .t-top__slogan__txt {
    opacity: 1
}

body:not(.ua-smartphone).is-top-op3 .t-top__slogan__button {
    opacity: 1
}

body:not(.ua-smartphone).is-top-op4 #bg-particle {
    opacity: 1
}

.t-service__mission__pict {
    width: 60.8%;
    max-width: 720px;
    max-width: 72rem;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-service__mission__pict {
        width: 100%
    }
}

.t-service__mission__pict__inner {
    display: block
}

.ua-ie-11-lte .t-service__mission__pict__inner {
    position: relative;
    width: 100%;
    padding-top: 35.13%
}

.t-service__mission__pict svg {
    display: block;
    width: 100%
}

.ua-ie-11-lte .t-service__mission__pict svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.t-service__mission__pict svg g#pc_service1,
.t-service__mission__pict svg g#pc_service2,
.t-service__mission__pict svg g#pc_service3 {
    visibility: visible
}

@media screen and (max-width: 767px) {

    .t-service__mission__pict svg g#pc_service1,
    .t-service__mission__pict svg g#pc_service2,
    .t-service__mission__pict svg g#pc_service3 {
        visibility: hidden
    }
}

.t-service__mission__pict svg g#sp_service1,
.t-service__mission__pict svg g#sp_service2,
.t-service__mission__pict svg g#sp_service3 {
    visibility: hidden
}

@media screen and (max-width: 767px) {

    .t-service__mission__pict svg g#sp_service1,
    .t-service__mission__pict svg g#sp_service2,
    .t-service__mission__pict svg g#sp_service3 {
        visibility: visible
    }
}

.t-service__mission__slogan {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
    text-align: center;
    letter-spacing: .075em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    padding-top: 40px;
    padding-top: 4rem;
    padding-bottom: 0.25em
}

.ua-safari-10 .t-service__mission__slogan,
.ua-safari-9 .t-service__mission__slogan,
.ua-safari-8 .t-service__mission__slogan,
.ua-safari-7 .t-service__mission__slogan {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-service__mission__slogan:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-30px * 1.6) + 30px) / 2 + 0px);
    margin-bottom: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
}

.t-service__mission__slogan:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-30px * 1.6) + 30px) / 2 + 0px);
    margin-top: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service__mission__slogan {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        letter-spacing: .025em;
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 0
    }

    .t-service__mission__slogan:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-16px * 1.6) + 16px) / 2 + 0px);
        margin-bottom: calc(((-1.6rem * 1.6) + 1.6rem) / 2 + 0rem)
    }

    .t-service__mission__slogan:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-16px * 1.6) + 16px) / 2 + 0px);
        margin-top: calc(((-1.6rem * 1.6) + 1.6rem) / 2 + 0rem)
    }
}

.t-service__mission__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
    text-align: center;
    color: #333333;
    padding-top: 30px;
    padding-top: 3rem;
    padding-bottom: 100px;
    padding-bottom: 10rem
}

.t-service__mission__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

.t-service__mission__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service__mission__txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }

    .t-service__mission__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.8) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
    }

    .t-service__mission__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.8) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
    }
}

.t-service__section {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    height: calc(30rem + 12.5vw);
    position: relative;
    overflow: hidden
}

.t-service__section {
    margin-top: calc(100vw - (100vw - 3.625%))
}

@media screen and (max-width: 767px) {
    .t-service__section {
        margin-top: 20px;
        margin-top: 2rem
    }
}

@media screen and (max-width: 767px) {
    .t-service__section {
        display: block;
        width: auto !important;
        height: auto;
        margin-left: 9.375%;
        margin-right: 9.375%
    }
}

.t-service__section .c-heading-main {
    color: #fff
}

.t-service__section .c-heading-main ::before {
    background: #fff
}

.t-service__section__frame {
    display: block;
    width: 100%
}

.t-service__section__bg {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #000000;
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media screen and (max-width: 767px) {
    .t-service__section__bg {
        width: 100%
    }
}

.t-service__section__bg__inner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0
}

.t-service__section__bg__inner img,
.t-service__section__bg__inner .js-objectfit {
    opacity: 0.6;
    pointer-events: none
}

a:hover .t-service__section__bg__inner img,
a:hover .t-service__section__bg__inner .js-objectfit {
    opacity: 0.35
}

.t-service__section.-left .t-service__section__bg {
    right: 0;
    border-radius: 4px 0 0 4px
}

@media screen and (max-width: 767px) {
    .t-service__section.-left .t-service__section__bg {
        border-radius: 4px
    }
}

.t-service__section.-left .t-service__section__bg__inner img {
    border-radius: 4px 0 0 4px
}

@media screen and (max-width: 767px) {
    .t-service__section.-left .t-service__section__bg__inner img {
        border-radius: 4px
    }
}

.t-service__section.-right .t-service__section__bg {
    left: 0;
    right: auto;
    border-radius: 0 4px 4px 0
}

@media screen and (max-width: 767px) {
    .t-service__section.-right .t-service__section__bg {
        border-radius: 4px
    }
}

.t-service__section.-right .t-service__section__bg__inner img {
    border-radius: 0 4px 4px 0
}

@media screen and (max-width: 767px) {
    .t-service__section.-right .t-service__section__bg__inner img {
        border-radius: 4px
    }
}

.t-service__section__title {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    color: #ffffff
}

@media screen and (max-width: 767px) {
    .t-service__section__title {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon img {
        display: block;
        margin: 0 auto
    }
}

.t-service__section__title__icon.-web-assessment img {
    width: 73px;
    width: 7.3rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-web-assessment img {
        width: 44px;
        width: 4.4rem
    }
}

.t-service__section__title__icon.-platform-assessment img {
    width: 66px;
    width: 6.6rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-platform-assessment img {
        width: 40px;
        width: 4rem
    }
}

.t-service__section__title__icon.-api-assessment img {
    width: 72px;
    width: 7.2rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-api-assessment img {
        width: 43px;
        width: 4.3rem
    }
}

.t-service__section__title__icon.-smartphone-assessment img {
    width: 46px;
    width: 4.6rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-smartphone-assessment img {
        width: 28px;
        width: 2.8rem
    }
}

.t-service__section__title__icon.-security-consulting img {
    width: 69px;
    width: 6.9rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-security-consulting img {
        width: 41px;
        width: 4.1rem
    }
}

.t-service__section__title__icon.-system-development img {
    width: 74px;
    width: 7.4rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-system-development img {
        width: 44px;
        width: 4.4rem
    }
}

.t-service__section__title__icon.-research-development img {
    width: 70px;
    width: 7rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-research-development img {
        width: 42px;
        width: 4.2rem
    }
}

.t-service__section__title__icon.-training-seminar img {
    width: 73px;
    width: 7.3rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__icon.-training-seminar img {
        width: 44px;
        width: 4.4rem
    }
}

.t-service__section__title__txt {
    display: block;
    padding-left: 20px;
    padding-left: 2rem
}

@media screen and (max-width: 767px) {
    .t-service__section__title__txt {
        text-align: center;
        padding-left: 0
    }
}

.t-service__section__title__txt__jp {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    letter-spacing: .05em;
    padding-bottom: 0.5em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-service__section__title__txt__jp,
.ua-safari-9 .t-service__section__title__txt__jp,
.ua-safari-8 .t-service__section__title__txt__jp,
.ua-safari-7 .t-service__section__title__txt__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-service__section__title__txt__jp:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-bottom: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

.t-service__section__title__txt__jp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-top: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service__section__title__txt__jp {
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: .025em;
        padding-top: 1.25em
    }

    .t-service__section__title__txt__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-16px * 1.4) + 16px) / 2 + 0px);
        margin-bottom: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
    }

    .t-service__section__title__txt__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-16px * 1.4) + 16px) / 2 + 0px);
        margin-top: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
    }
}

.t-service__section__title__txt__en {
    font-family: webdin, serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: .075em
}

.t-service__section__title__txt__en:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 1.4) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
}

.t-service__section__title__txt__en:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 1.4) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service__section__title__txt__en {
        font-size: 11px;
        font-size: 1.1rem
    }

    .t-service__section__title__txt__en:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-bottom: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }

    .t-service__section__title__txt__en:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-11px * 1.4) + 11px) / 2 + 0px);
        margin-top: calc(((-1.1rem * 1.4) + 1.1rem) / 2 + 0rem)
    }
}

.t-service__section__txt {
    width: 75%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    color: #ffffff;
    padding-top: 40px;
    padding-top: 4rem
}

.t-service__section__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 1.8) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 1.8) + 1.6rem) / 2 + 0rem)
}

.t-service__section__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 1.8) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 1.8) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service__section__txt {
        width: auto;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6;
        color: #ffffff;
        padding-top: 30px;
        padding-top: 3rem
    }

    .t-service__section__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .t-service__section__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

a.t-service__section__bg {
    cursor: pointer
}

a.t-service__section__bg+.l-content-medium {
    pointer-events: none
}

a.t-service__section__bg:hover+.l-content-medium .c-button:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

a.t-service__section__bg:hover+.l-content-medium .c-icon-arrow:after {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

a.t-service__section__bg:hover+.l-content-medium .c-icon-arrow:before {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.t-service__section__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .t-service__section__body {
        display: block;
        width: auto;
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

@media screen and (max-width: 1023px) {
    .t-service__section__body__block:last-child {
        width: 40%;
        padding-top: 20px;
        padding-top: 2rem
    }
}

@media screen and (max-width: 767px) {
    .t-service__section__body__block:last-child {
        width: auto;
        padding-top: 20px;
        padding-top: 2rem
    }
}

.t-service__section__body__main {
    padding-left: 30px;
    padding-left: 3rem
}

@media screen and (max-width: 767px) {
    .t-service__section__body__main {
        padding-left: 0
    }
}

.t-service-common__lead__title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    color: #333333;
    letter-spacing: .05em;
    padding-bottom: 1.25em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-service-common__lead__title,
.ua-safari-9 .t-service-common__lead__title,
.ua-safari-8 .t-service-common__lead__title,
.ua-safari-7 .t-service-common__lead__title {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-service-common__lead__title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-bottom: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

.t-service-common__lead__title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-top: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-service-common__lead__title {
        font-size: 18px;
        font-size: 1.8rem;
        padding-bottom: 1.1em
    }

    .t-service-common__lead__title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }

    .t-service-common__lead__title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }
}

.t-service-common__flow-block {
    position: relative
}

.t-service-common__flow-block:before,
.t-service-common__flow-block:last-child:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    z-index: 10
}

.t-service-common__flow-block:before {
    top: 0
}

@media screen and (max-width: 767px) {
    .t-service-common__flow-block:before {
        display: none
    }
}

.t-service-common__flow-block:last-child:after {
    bottom: 0
}

.t-service-common__flow {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    position: relative
}

.t-service-common__flow__title {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    background-color: #333333;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__title {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.t-service-common__flow.-step1 .t-service-common__flow__title {
    background-color: #00b7a2
}

.t-service-common__flow.-step2 .t-service-common__flow__title {
    background-color: #0098b1
}

.t-service-common__flow.-step3 .t-service-common__flow__title {
    background-color: #007ac1
}

.t-service-common__flow__title:before {
    content: "";
    display: block;
    width: 15px;
    width: 1.5rem;
    height: 15px;
    height: 1.5rem;
    background-color: #333333;
    border: #e5e5e5 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    left: calc(50% - .75rem);
    height: 18px;
    height: 1.8rem;
    top: -10.5px;
    top: -1.05rem;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__title:before {
        background-color: #ffffff !important
    }
}

.t-service-common__flow.-step1 .t-service-common__flow__title:before {
    display: none
}

.t-service-common__flow.-step2 .t-service-common__flow__title:before {
    background-color: #00b7a2
}

.t-service-common__flow.-step3 .t-service-common__flow__title:before {
    background-color: #0098b1
}

.t-service-common__flow__title__inner {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__title__inner {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-service-common__flow__title__en {
    display: inline-block;
    font-family: webdin, serif;
    font-style: normal;
    font-size: 120%
}

.t-service-common__flow__title__jp {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__title__jp {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.t-service-common__flow__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__body {
        background-color: #ffffff;
        border-left: #e5e5e5 solid 1px;
        border-right: #e5e5e5 solid 1px
    }
}

.t-service-common__flow__body__inner {
    padding-top: 50px;
    padding-top: 5rem;
    padding-bottom: 50px;
    padding-bottom: 5rem
}

@media screen and (max-width: 767px) {
    .t-service-common__flow__body__inner {
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 30px;
        padding-bottom: 3rem;
        padding-left: 20px;
        padding-left: 2rem;
        padding-right: 20px;
        padding-right: 2rem
    }
}

.t-company__section a {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    height: calc(21.4rem + 12.5vw);
    position: relative;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .t-company__section a {
        display: block;
        width: auto !important;
        height: auto;
        overflow: hidden;
        background-color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
        margin-left: 9.375%;
        margin-right: 9.375%
    }
}

.t-company__section+.t-company__section {
    margin-top: calc(100vw - (100vw - 3.625%))
}

@media screen and (max-width: 767px) {
    .t-company__section+.t-company__section {
        margin-top: 15px;
        margin-top: 1.5rem
    }
}

.t-company__section .c-button-color {
    display: block;
    width: auto
}

.t-company__section__frame {
    display: block;
    width: 100%
}

.t-company__section__bg {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #fff;
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 767px) {
    .t-company__section__bg {
        width: 100%;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.t-company__section__bg__inner {
    display: block;
    width: 48.15%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0
}

@media screen and (max-width: 767px) {
    .t-company__section__bg__inner {
        width: 100%
    }
}

.ua-win .t-company__section__bg__inner {
    width: 48.6%
}

@media screen and (max-width: 767px) {
    .ua-win .t-company__section__bg__inner {
        width: 100%
    }
}

.t-company__section__bg__inner img {
    pointer-events: none
}

.t-company__section.-left .l-content-inner {
    padding-left: 50%
}

@media screen and (max-width: 767px) {
    .t-company__section.-left .l-content-inner {
        padding-left: 0
    }
}

.t-company__section.-left .t-company__section__bg {
    right: 0;
    border-radius: 4px 0 0 4px
}

@media screen and (max-width: 767px) {
    .t-company__section.-left .t-company__section__bg {
        border-radius: 4px 4px 0 0
    }
}

.t-company__section.-left .t-company__section__bg__inner {
    display: block;
    position: relative;
    left: 0;
    top: 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-left .t-company__section__bg__inner {
        position: static
    }
}

.t-company__section.-left .t-company__section__bg__inner img {
    border-radius: 4px 0 0 4px
}

@media screen and (max-width: 767px) {
    .t-company__section.-left .t-company__section__bg__inner img {
        border-radius: 4px 4px 0 0
    }
}

.t-company__section.-left .t-company__section__body__block__inner {
    padding-left: 13.5%;
    padding-right: 5%
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .t-company__section.-left .t-company__section__body__block__inner {
        padding-left: 7%;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .t-company__section.-left .t-company__section__body__block__inner {
        padding-left: 0px;
        padding-left: 0rem;
        padding-right: 0px;
        padding-right: 0rem
    }
}

.t-company__section.-right .l-content-inner {
    padding-right: 50%
}

@media screen and (max-width: 767px) {
    .t-company__section.-right .l-content-inner {
        padding-right: 0
    }
}

.t-company__section.-right .t-company__section__bg {
    left: 0;
    right: auto;
    border-radius: 0 4px 4px 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-right .t-company__section__bg {
        border-radius: 4px 4px 0 0
    }
}

.t-company__section.-right .t-company__section__bg__inner {
    display: block;
    position: relative;
    left: 51.85%;
    top: 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-right .t-company__section__bg__inner {
        position: static
    }
}

.ua-win .t-company__section.-right .t-company__section__bg__inner {
    position: relative;
    left: 51.4%
}

@media screen and (max-width: 767px) {
    .ua-win .t-company__section.-right .t-company__section__bg__inner {
        position: static
    }
}

.t-company__section.-right .t-company__section__bg__inner img {
    border-radius: 0 4px 4px 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-right .t-company__section__bg__inner img {
        border-radius: 4px 4px 0 0
    }
}

.t-company__section.-right .t-company__section__body__block__inner {
    padding-right: 13.5%;
    padding-left: 5%
}

@media screen and (max-width: 1023px) {
    .t-company__section.-right .t-company__section__body__block__inner {
        padding-right: 7%;
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .t-company__section.-right .t-company__section__body__block__inner {
        padding-left: 0px;
        padding-left: 0rem;
        padding-right: 0px;
        padding-right: 0rem
    }
}

.t-company__section__title {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-company__section__title,
.ua-safari-9 .t-company__section__title,
.ua-safari-8 .t-company__section__title,
.ua-safari-7 .t-company__section__title {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-company__section__title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-bottom: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

.t-company__section__title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-30px * 1.4) + 30px) / 2 + 0px);
    margin-top: calc(((-3rem * 1.4) + 3rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-company__section__title {
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        letter-spacing: .025em
    }

    .t-company__section__title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }

    .t-company__section__title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }
}

.t-company__section__txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    color: #333;
    padding-top: 40px;
    padding-top: 4rem;
    padding-bottom: 45px;
    padding-bottom: 4.5rem
}

.t-company__section__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.t-company__section__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-company__section__txt {
        width: auto;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66;
        padding-top: 28px;
        padding-top: 2.8rem;
        padding-bottom: 10px;
        padding-bottom: 1rem
    }

    .t-company__section__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .t-company__section__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.t-company__section.-left a .t-company__section__bg__inner:after {
    content: "";
    border-radius: 4px 0 0 4px;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-left a .t-company__section__bg__inner:after {
        border-radius: 4px 4px 0 0px
    }
}

.t-company__section.-left a:hover .t-company__section__bg__inner:after {
    opacity: 0.2
}

.t-company__section.-right a .t-company__section__bg__inner:after {
    content: "";
    border-radius: 0 4px 4px 0;
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .t-company__section.-right a .t-company__section__bg__inner:after {
        border-radius: 4px 4px 0 0px
    }
}

.t-company__section.-right a:hover .t-company__section__bg__inner:after {
    opacity: 0.2
}

.t-company__section__bg a {
    cursor: pointer
}

a.t-company__section__bg:hover+.l-content-medium .c-button {
    background-size: 0 2px;
    background-position: right bottom
}

a.t-company__section__bg:hover+.l-content-medium .c-button:before {
    opacity: 1;
    -webkit-animation-name: line-out;
    animation-name: line-out;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

a.t-company__section__bg:hover+.l-content-medium .c-icon-arrow:after {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

a.t-company__section__bg:hover+.l-content-medium .c-icon-arrow:before {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.t-company__section__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .t-company__section__body {
        display: block;
        width: auto;
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 30px;
        padding-bottom: 3rem
    }
}

.t-philosophy__greeting {
    padding-bottom: 50px;
    padding-bottom: 5rem
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting {
        padding-bottom: 30px;
        padding-bottom: 3rem
    }
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting.c-column-unique {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting__pict {
        width: 80%;
        margin: 0 auto;
        padding-top: 30px;
        padding-top: 3rem
    }
}

.t-philosophy__greeting__profile {
    display: block;
    vertical-align: bottom;
    text-align: center;
    padding-top: 10px;
    padding-top: 1rem
}

.t-philosophy__greeting__profile__position {
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px 3px 0 3px;
    position: relative;
    left: 0
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting__profile__position {
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        padding-top: 10px
    }
}

.t-philosophy__greeting__profile__name {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    min-width: 100px;
    min-width: 10rem;
    max-width: 120px;
    max-width: 12rem;
    padding: 5px 3px 0 3px;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting__profile__name {
        display: block;
        margin: 0 auto;
        max-width: 100px;
        max-width: 10rem
    }
}

.t-philosophy__greeting__profile__name img {
    display: block;
    vertical-align: bottom;
    -webkit-transform: translateY(5%);
    transform: translateY(5%)
}

.t-philosophy__greeting__slogan {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
    padding-bottom: 0.25em
}

.ua-safari-10 .t-philosophy__greeting__slogan,
.ua-safari-9 .t-philosophy__greeting__slogan,
.ua-safari-8 .t-philosophy__greeting__slogan,
.ua-safari-7 .t-philosophy__greeting__slogan {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-philosophy__greeting__slogan:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-24px * 1.6) + 24px) / 2 + 0px);
    margin-bottom: calc(((-2.4rem * 1.6) + 2.4rem) / 2 + 0rem)
}

.t-philosophy__greeting__slogan:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-24px * 1.6) + 24px) / 2 + 0px);
    margin-top: calc(((-2.4rem * 1.6) + 2.4rem) / 2 + 0rem)
}

@media screen and (min-width: 1440px) {
    .t-philosophy__greeting__slogan {
        font-size: 30px;
        font-size: 3rem
    }

    .t-philosophy__greeting__slogan:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-30px * 1.6) + 30px) / 2 + 0px);
        margin-bottom: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
    }

    .t-philosophy__greeting__slogan:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-30px * 1.6) + 30px) / 2 + 0px);
        margin-top: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting__slogan {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.4;
        letter-spacing: .025em;
        padding-bottom: 0
    }

    .t-philosophy__greeting__slogan:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }

    .t-philosophy__greeting__slogan:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
        margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
    }
}

.t-philosophy__greeting__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.85;
    color: #333333;
    padding-top: 30px;
    padding-top: 3rem
}

.t-philosophy__greeting__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 1.85) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 1.85) + 1.6rem) / 2 + 0rem)
}

.t-philosophy__greeting__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 1.85) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 1.85) + 1.6rem) / 2 + 0rem)
}

@media screen and (min-width: 1280px) and (max-width: 1023px) {
    .t-philosophy__greeting__txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.8;
        padding-top: 30px;
        padding-top: 3rem
    }

    .t-philosophy__greeting__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.8) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.8) + 1.4rem) / 2 + 0rem)
    }

    .t-philosophy__greeting__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-14px * 1.8) + 14px) / 2 + 0px);
        margin-top: calc(((-1.4rem * 1.8) + 1.4rem) / 2 + 0rem)
    }
}

@media screen and (max-width: 767px) {
    .t-philosophy__greeting__txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6;
        padding-top: 25px;
        padding-top: 2.5rem
    }

    .t-philosophy__greeting__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .t-philosophy__greeting__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.t-philosophy__profile {
    padding-top: 30px;
    padding-top: 3rem;
    padding-bottom: 30px;
    padding-bottom: 3rem;
    border-top: #e5e5e5 solid 1px
}

.t-philosophy__profile+.t-philosophy__profile {
    border-bottom: #e5e5e5 solid 1px
}

@media screen and (max-width: 767px) {
    .t-philosophy__profile {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-philosophy__profile__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #333333
}

.t-philosophy__profile__title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

.t-philosophy__profile__title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-philosophy__profile__title {
        font-size: 14px;
        font-size: 1.4rem
    }

    .t-philosophy__profile__title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }

    .t-philosophy__profile__title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-top: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }
}

.t-philosophy__logo {
    padding-top: 30px;
    padding-top: 3rem;
    padding-bottom: 30px;
    padding-bottom: 3rem;
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px
}

@media screen and (max-width: 767px) {
    .t-philosophy__logo {
        padding: 0;
        border: none
    }
}

.t-philosophy__logo__pict {
    border: #e5e5e5 solid 1px;
    position: relative
}

.t-philosophy__logo__pict .c-ratioobj__target {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff
}

.t-philosophy__logo__pict .c-ratioobj__target img {
    display: block;
    width: 80%
}

@media screen and (max-width: 767px) {
    .t-philosophy__logo__pict .c-ratioobj__target img {
        width: 75%
    }
}

.ua-ie-11-lte .t-philosophy__logo__pict .c-ratioobj__target img {
    height: 100%
}

.t-philosophy__logo__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #333333;
    letter-spacing: .1em;
    padding-top: 0.35em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-philosophy__logo__title,
.ua-safari-9 .t-philosophy__logo__title,
.ua-safari-8 .t-philosophy__logo__title,
.ua-safari-7 .t-philosophy__logo__title {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-philosophy__logo__title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-bottom: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

.t-philosophy__logo__title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-18px * 1.4) + 18px) / 2 + 0px);
    margin-top: calc(((-1.8rem * 1.4) + 1.8rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-philosophy__logo__title {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: .05em;
        padding-top: 1.25em
    }

    .t-philosophy__logo__title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-15px * 1.4) + 15px) / 2 + 0px);
        margin-bottom: calc(((-1.5rem * 1.4) + 1.5rem) / 2 + 0rem)
    }

    .t-philosophy__logo__title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-15px * 1.4) + 15px) / 2 + 0px);
        margin-top: calc(((-1.5rem * 1.4) + 1.5rem) / 2 + 0rem)
    }
}

.t-about-partnerList {
    border-top: 1px solid #e5e5e5
}

.t-about-partnerList:last-child {
    border-bottom: 1px solid #e5e5e5
}

.t-about-partnerList__inner {
    padding: 2rem 0;
    text-decoration: none
}

.t-about-partnerList__inner:hover {
    background: rgba(0, 0, 0, 0.02)
}

.t-about-partnerList__pict {
    height: 9rem;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .t-about-partnerList__pict {
        height: auto
    }
}

a:hover .t-about-partnerList__pict {
    border-color: #d1d1d1
}

.t-about-partnerList__pict img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width: 767px) {
    .t-about-partnerList__pict img {
        width: 70%
    }
}

.t-about-partnerList__txt {
    padding-left: 3rem;
    font-size: 1.4rem;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .t-about-partnerList__txt {
        text-align: center;
        font-weight: normal;
        font-size: 1.2rem;
        padding-top: 1.5rem;
        padding-left: 0
    }
}

.t-team__member {
    position: relative;
    overflow-x: hidden
}

@media screen and (max-width: 767px) {
    .t-team__member__pict {
        margin-top: 20px;
        margin-top: 2rem
    }
}

.t-team__member__position {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #555555
}

@media screen and (max-width: 767px) {
    .t-team__member__position {
        font-size: 11px;
        font-size: 1.1rem;
        padding-top: 20px;
        padding-top: 2rem
    }
}

.t-team__member__pict+.t-team__member__position {
    padding-top: 20px;
    padding-top: 2rem
}

.t-team__member__position[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-12px * 1.2) + 12px) / 2 + 0px);
    margin-bottom: calc(((-1.2rem * 1.2) + 1.2rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__member__position[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-11px * 1.2) + 11px) / 2 + 0px);
        margin-bottom: calc(((-1.1rem * 1.2) + 1.1rem) / 2 + 0rem)
    }
}

.t-team__member__name {
    display: -webkit-inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -moz-align-items: baseline;
    align-items: baseline;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #333333;
    vertical-align: bottom;
    padding-top: 0.35em
}

@media screen and (max-width: 767px) {
    .t-team__member__name {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.t-team__member__name[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 1.4) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 1.4) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__member__name[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
        margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
    }
}

.t-team__member__name__jp {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333333
}

@media screen and (max-width: 767px) {
    .t-team__member__name__jp {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.t-team__member__name__en {
    font-family: webdin, serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #999999;
    letter-spacing: .075em;
    padding-left: 1em
}

@media screen and (max-width: 767px) {
    .t-team__member__name__en {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: .05em
    }
}

.t-team__member__txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #333333;
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 30px;
    padding-bottom: 3rem
}

@media screen and (max-width: 767px) {
    .t-team__member__txt {
        padding-top: 12px;
        padding-top: 1.2rem;
        line-height: 1.6;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-team__member__txt[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-12px * 1.8) + 12px) / 2 + 0px);
    margin-bottom: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
}

.t-team__member__txt[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-12px * 1.8) + 12px) / 2 + 0px);
    margin-top: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__member__txt[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }

    .t-team__member__txt[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.6) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.6) + 1.2rem) / 2 + 0rem)
    }
}

.t-team__member article.c-column__block {
    position: relative
}

.t-team__member article.c-column__block:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5
}

.t-team__member-etc {
    padding-top: 50px;
    padding-top: 5rem
}

@media screen and (max-width: 767px) {
    .t-team__member-etc {
        padding-top: 30px;
        padding-top: 3rem
    }
}

.t-team__member-etc__inner {
    background-color: rgba(192, 192, 192, 0.1);
    border: 1px solid #e5e5e5;
    border-radius: 10em
}

.t-team__member-etc__txt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    color: #777777;
    margin: 0 1.25em;
    padding: 1.25em 0
}

@media screen and (max-width: 767px) {
    .t-team__member-etc__txt {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.t-team__mission {
    position: relative
}

.t-team__mission__bg {
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px
}

.t-team__mission__bg__inner {
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.t-team__mission__bg__inner img,
.t-team__mission__bg__inner .js-objectfit {
    opacity: 0.5;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

a:hover .t-team__mission__bg__inner img,
a:hover .t-team__mission__bg__inner .js-objectfit {
    opacity: 0.25
}

.t-team__mission__bg__pict {
    display: block;
    width: 100%;
    height: 100%
}

.t-team__mission__link {
    display: block;
    text-decoration: none
}

.t-team__mission__body {
    color: #ffffff;
    padding: 6.94%;
    position: relative
}

@media screen and (max-width: 1023px) {
    .t-team__mission__body {
        padding: 11.5% 7.69%
    }
}

.t-team__mission__heading__en {
    font-family: webdin, serif;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .075em;
    line-height: 1.4
}

.t-team__mission__heading__en:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 1.4) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
}

.t-team__mission__heading__en:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 1.4) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 1.4) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__mission__heading__en {
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: .05em
    }

    .t-team__mission__heading__en:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.4) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.4) + 1.2rem) / 2 + 0rem)
    }

    .t-team__mission__heading__en:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.4) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.4) + 1.2rem) / 2 + 0rem)
    }
}

.t-team__mission__heading__jp {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: .05em;
    line-height: 1.4;
    padding-top: 15px;
    padding-top: 1.5rem;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-team__mission__heading__jp,
.ua-safari-9 .t-team__mission__heading__jp,
.ua-safari-8 .t-team__mission__heading__jp,
.ua-safari-7 .t-team__mission__heading__jp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-team__mission__heading__jp:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-24px * 1.4) + 24px) / 2 + 0px);
    margin-bottom: calc(((-2.4rem * 1.4) + 2.4rem) / 2 + 0rem)
}

.t-team__mission__heading__jp:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-24px * 1.4) + 24px) / 2 + 0px);
    margin-top: calc(((-2.4rem * 1.4) + 2.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__mission__heading__jp {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: .05em
    }

    .t-team__mission__heading__jp:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-15px * 1.4) + 15px) / 2 + 0px);
        margin-bottom: calc(((-1.5rem * 1.4) + 1.5rem) / 2 + 0rem)
    }

    .t-team__mission__heading__jp:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-15px * 1.4) + 15px) / 2 + 0px);
        margin-top: calc(((-1.5rem * 1.4) + 1.5rem) / 2 + 0rem)
    }
}

.t-team__mission__heading__jp>.t-team__mission__heading__jp__block {
    display: inline-block
}

.t-team__mission__txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    padding-top: 30px;
    padding-top: 3rem;
    opacity: 0.8
}

.t-team__mission__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.t-team__mission__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-team__mission__txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.8;
        padding-top: 20px;
        padding-top: 2rem
    }

    .t-team__mission__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.8) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
    }

    .t-team__mission__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.8) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.8) + 1.2rem) / 2 + 0rem)
    }
}

.t-team__mission__button {
    padding-top: 60px;
    padding-top: 6rem
}

@media screen and (max-width: 767px) {
    .t-team__mission__button {
        padding-top: 25px;
        padding-top: 2.5rem
    }
}

.t-team__mission__button .c-button {
    width: 50%
}

@media screen and (max-width: 1023px) {
    .t-team__mission__button .c-button {
        width: 100%
    }
}

.t-recruit__message__slogan {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: .075em;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1
}

.ua-safari-10 .t-recruit__message__slogan,
.ua-safari-9 .t-recruit__message__slogan,
.ua-safari-8 .t-recruit__message__slogan,
.ua-safari-7 .t-recruit__message__slogan {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.t-recruit__message__slogan:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-30px * 1.6) + 30px) / 2 + 0px);
    margin-bottom: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
}

.t-recruit__message__slogan:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-30px * 1.6) + 30px) / 2 + 0px);
    margin-top: calc(((-3rem * 1.6) + 3rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-recruit__message__slogan {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.6;
        letter-spacing: .025em
    }

    .t-recruit__message__slogan:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-16px * 1.6) + 16px) / 2 + 0px);
        margin-bottom: calc(((-1.6rem * 1.6) + 1.6rem) / 2 + 0rem)
    }

    .t-recruit__message__slogan:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-16px * 1.6) + 16px) / 2 + 0px);
        margin-top: calc(((-1.6rem * 1.6) + 1.6rem) / 2 + 0rem)
    }
}

.t-recruit__message__txt-block {
    padding-bottom: 110px;
    padding-bottom: 11rem
}

@media screen and (max-width: 767px) {
    .t-recruit__message__txt-block {
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

.t-recruit__message__txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
    text-align: center;
    color: #555;
    padding-top: 50px;
    padding-top: 5rem
}

.t-recruit__message__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-bottom: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

.t-recruit__message__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-16px * 2) + 16px) / 2 + 0px);
    margin-top: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-recruit__message__txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66;
        text-align: left;
        padding-top: 20px;
        padding-top: 2rem
    }

    .t-recruit__message__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .t-recruit__message__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.t-recruit__message__txt+.t-recruit__message__txt {
    padding-top: 40px;
    padding-top: 4rem
}

@media screen and (max-width: 767px) {
    .t-recruit__message__txt+.t-recruit__message__txt {
        padding-top: 20px;
        padding-top: 2rem
    }
}

.t-recruit__slider {
    width: 100%
}

.t-recruit__block__header {
    margin-bottom: 3rem
}

@media screen and (max-width: 767px) {
    .t-recruit__block__header {
        margin-bottom: 2rem
    }
}

.t-recruit__heading {
    text-align: center
}

.t-recruit__heading__jp {
    font-size: 3.2rem;
    position: relative;
    letter-spacing: .05em
}

@media screen and (max-width: 767px) {
    .t-recruit__heading__jp {
        font-size: 1.8rem
    }
}

.t-recruit__heading__jp:after {
    content: "";
    display: block;
    width: 4.0rem;
    height: 1px;
    background-color: #bfbfbf;
    margin: 2rem auto 2rem auto
}

@media screen and (max-width: 767px) {
    .t-recruit__heading__jp:after {
        margin: 1.4rem auto 1.4rem auto;
        width: 3.0rem
    }
}

.t-recruit__heading__en {
    font-size: 1.6rem;
    font-family: webdin, serif;
    color: #F8B831;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .t-recruit__heading__en {
        font-size: 1.2rem
    }
}

.t-recruit__sec__lead {
    padding-top: 3.5rem;
    padding-bottom: 5rem
}

@media screen and (max-width: 767px) {
    .t-recruit__sec__lead {
        padding-top: 1.8rem;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width: 767px) {
    .t-recruit__sec__lead .--type2 {
        padding-top: 2.5rem;
        padding-bottom: 2rem
    }
}

.t-recruit__guide .t-recruit__block+.t-recruit__block {
    margin-top: 4.5rem
}

@media screen and (max-width: 767px) {
    .t-recruit__guide .t-recruit__block+.t-recruit__block {
        margin-top: 3rem
    }
}

.t-recruit__block {
    position: relative;
    padding: 4rem;
    padding: 3.4%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background-color: #f3f3f3
}

.t-recruit__block__heading {
    background-color: #ffffff;
    position: relative
}

.t-recruit__block__heading__visual:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 2
}

.t-recruit__block__heading__title {
    display: block;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 10
}

.t-recruit__block__heading__name {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    letter-spacing: .05em;
    padding-bottom: 0.5em
}

@media screen and (max-width: 767px) {
    .t-recruit__block__heading__name {
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 0.25em
    }
}

.t-recruit__block__heading__lead {
    font-family: webdin, serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .t-recruit__block__heading__lead {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.t-recruit__table.c-table th {
    width: 24.5%
}

@media screen and (max-width: 767px) {
    .t-recruit__table.c-table th {
        width: 100%
    }
}

.t-recruit__table.c-txt-m {
    color: #333
}

@media screen and (max-width: 767px) {
    .t-recruit__table.c-table tr:last-child td {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .t-recruit__table.c-table td {
        padding: 0.6rem 0 1.5rem 0
    }
}

.t-recruit__table.c-table td dl {
    padding-top: 2rem
}

@media screen and (max-width: 767px) {
    .t-recruit__table.c-table td dl {
        padding-top: 1rem
    }
}

.t-recruit__table.c-table td dl.is-s0 {
    padding-top: 0rem
}

.t-recruit__table.c-table td dl dt {
    font-weight: bold;
    padding-bottom: 0
}

.t-recruit__button {
    padding-top: 4rem
}

@media screen and (max-width: 767px) {
    .t-recruit__button {
        padding-top: 2rem
    }
}

.t-recruit__button a {
    width: 64%;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .t-recruit__button a {
        width: 100%
    }
}

.t-sub-data {
    color: #666666
}

@media screen and (max-width: 767px) {
    .t-sub-data {
        padding-top: 4rem
    }
}

.t-sub-data dt {
    float: left;
    clear: left
}

.t-sub-data dd {
    float: left
}

.t-sub-data dt::after {
    content: "：";
    margin: 0 .5em
}

.t-sub-contact {
    line-height: 2;
    padding-top: 2.5rem
}

@media screen and (max-width: 767px) {
    .t-sub-contact {
        line-height: 1.66;
        padding-top: 2.2rem
    }
}

.t-news {
    border-top: 1px solid #e5e5e5
}

.t-news-box {
    display: block;
    border-bottom: 1px solid #e5e5e5
}

.t-news-box .link {
    display: block;
    text-decoration: none;
    padding-top: 50px;
    padding-top: 5rem;
    padding-bottom: 50px;
    padding-bottom: 5rem
}

@media screen and (max-width: 767px) {
    .t-news-box .link {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-news-box .no-link {
    display: block;
    padding-top: 50px;
    padding-top: 5rem;
    padding-bottom: 50px;
    padding-bottom: 5rem
}

@media screen and (max-width: 767px) {
    .t-news-box .no-link {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.t-news-box>a {
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.t-news-box>a:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #f9f9f9;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1)
}

.t-news-box>a:hover::before,
a:hover .t-news-box>a:before {
    opacity: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1)
}

.t-news-box__body {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .t-news-box__body {
        display: block;
        width: 100%
    }
}

.t-news-box__header {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

@media screen and (max-width: 767px) {
    .t-news-box__header {
        width: 100%
    }
}

.t-news-box__header__inner {
    padding-left: 30px;
    padding-left: 3rem
}

@media screen and (max-width: 767px) {
    .t-news-box__header__inner {
        padding-left: 0
    }
}

.t-news-box__date {
    color: #F8B831;
    font-size: 2.4rem;
    font-family: webdin, serif
}

@media screen and (max-width: 767px) {
    .t-news-box__date {
        font-size: 1.3rem
    }
}

.t-news-box__block {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

@media screen and (max-width: 767px) {
    .t-news-box__block {
        width: 100%
    }
}

.t-news-box__block__inner {
    padding-right: 16.5%
}

@media screen and (max-width: 767px) {
    .t-news-box__block__inner {
        padding-right: 5%
    }
}

.t-news-box__heading {
    font-size: 2.1rem;
    line-height: 1.714;
    font-weight: bold;
    color: #333;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .t-news-box__heading {
        font-size: 1.2rem;
        line-height: 1.5;
        padding-top: 0.2rem
    }
}

.t-news-box__txt {
    padding-top: 0.8rem
}

.t-news-event .l-content-inner {
    padding: 0 3rem
}

@media screen and (max-width: 767px) {
    .t-news-event .l-content-inner {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .t-news-event .c-icon.-arrow-box-r--blue:after {
        display: none
    }
}

.t-news-event .t-news-box__block__inner {
    padding-right: 16.5%
}

@media screen and (max-width: 767px) {
    .t-news-event .t-news-box__block__inner {
        padding: 0
    }
}

.t-news-event .t-news-box__heading {
    font-size: 2.1rem;
    line-height: 1.714;
    font-weight: bold;
    color: #333;
    letter-spacing: .075em
}

@media screen and (max-width: 767px) {
    .t-news-event .t-news-box__heading {
        padding-top: 1.5rem;
        font-size: 1.6rem;
        line-height: 1.375
    }
}

.t-news-box__pict {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .t-news-box__pict {
        display: block;
        width: auto;
        height: auto
    }
}

.t-news-box__block.t-news-box__block--type2 {
    display: block;
    padding-left: 4.5%
}

@media screen and (max-width: 767px) {
    .t-news-box__block.t-news-box__block--type2 {
        display: block;
        padding-left: 0
    }
}

.t-news-event__caption {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    color: #333;
    margin-top: 1rem
}

@media screen and (max-width: 767px) {
    .t-news-event__caption {
        font-size: 1.2rem;
        line-height: 1.66
    }

    .t-news-event__caption[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .t-news-event__caption[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.t-news-event__caption dt,
.t-news-event__caption dd {
    display: inline
}

.t-news-event__caption dt {
    color: #416D85
}

.t-news-event__caption dt::after {
    content: "：";
    margin: 0 .5rem
}

.t-entry-header {
    border-bottom: 1px solid #e5e5e5
}

.t-entry-header.--type2 {
    border-bottom: 0
}

.t-entry-header a {
    color: #416D85
}

@media screen and (max-width: 767px) {
    .t-entry-header .c-table th {
        padding: 1.2rem 0 0 0
    }
}

@media screen and (max-width: 767px) {
    .t-entry-header .c-table td {
        padding: 0 0 1.2rem 0
    }
}

.t-entry-header__time {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #F8B831;
    font-family: webdin, serif;
    letter-spacing: .05em;
    padding-bottom: 0.7rem
}

@media screen and (max-width: 767px) {
    .t-entry-header__time {
        font-size: 1.3rem;
        font-family: webdin, serif;
        padding-bottom: 0rem
    }
}

.t-entry-header__heading {
    font-size: 3.0rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: 4rem
}

@media screen and (max-width: 767px) {
    .t-entry-header__heading {
        font-size: 1.6rem;
        line-height: 1.375;
        padding-bottom: 1.5rem
    }
}

.t-entry-body {
    padding-top: 4.5rem
}

@media screen and (max-width: 767px) {
    .t-entry-body {
        padding-top: 1.7rem
    }
}

.t-entry-body * {
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.t-entry-body html,
.t-entry-body body {
    font-size: 62.5%;
    height: 100%
}

@media screen and (max-width: 1023px) {

    .t-entry-body html,
    .t-entry-body body {
        font-size: 54.69%
    }
}

@media screen and (max-width: 767px) {

    .t-entry-body html,
    .t-entry-body body {
        font-size: 62.5%
    }
}

@media screen and (min-width: 1780px) {

    .t-entry-body html,
    .t-entry-body body {
        font-size: 70%
    }
}

.t-entry-body body {
    display: block;
    line-height: 1;
    color: #333;
    text-align: left;
    width: 100% !important;
    background: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-font-feature-settings: "pwid";
    font-feature-settings: "pwid";
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .t-entry-body body {
        max-width: 767px !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 100%;
        overflow-x: hidden !important;
        padding-top: 0
    }
}

.t-entry-body _:-ms-input-placeholder,
.t-entry-body :root body {
}

.t-entry-body ::-moz-selection {
    background: #1484ce;
    color: #fff
}

.t-entry-body ::selection {
    background: #1484ce;
    color: #fff
}

.t-entry-body ::-moz-selection {
    background: #1484ce;
    color: #fff
}

.t-entry-body article,
.t-entry-body aside,
.t-entry-body dialog,
.t-entry-body figure,
.t-entry-body footer,
.t-entry-body header,
.t-entry-body hgroup,
.t-entry-body menu,
.t-entry-body nav,
.t-entry-body section,
.t-entry-body main {
    display: block
}

.t-entry-body audio,
.t-entry-body canvas,
.t-entry-body progress,
.t-entry-body video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}

.t-entry-body audio:not([controls]) {
    display: none;
    height: 0
}

.t-entry-body [hidden] {
    display: none
}

.t-entry-body template {
    display: none
}

.t-entry-body address {
    font-style: normal
}

.t-entry-body h1,
.t-entry-body h2,
.t-entry-body h3,
.t-entry-body h4,
.t-entry-body h5,
.t-entry-body h6 {
    font-weight: normal;
    line-height: 100%;
    margin: 0px;
    padding: 0px
}

.t-entry-body strong,
.t-entry-body b {
    font-weight: bold
}

.t-entry-body object {
    pointer-events: none
}

.t-entry-body img {
    border: none;
    vertical-align: bottom
}

.t-entry-body audio:not([controls]) {
    display: none;
    height: 0
}

.t-entry-body svg {
    fill: currentColor;
    vertical-align: bottom
}

.t-entry-body svg:not(:root) {
    overflow: hidden
}

.t-entry-body a {
    color: inherit;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.t-entry-body a:hover {
    text-decoration: none
}

.t-entry-body a:focus {
    outline: none
}

.t-entry-body a * {
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.t-entry-body a,
.t-entry-body input,
.t-entry-body select,
.t-entry-body textarea,
.t-entry-body button,
.t-entry-body a object,
.t-entry-body a>span,
.t-entry-body a img,
.t-entry-body *:before,
.t-entry-body *:after,
.t-entry-body button span,
.t-entry-body a .c-button {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.t-entry-body .lte-Android4 * {
    -webkit-transition: none !important;
    transition: none !important
}

.t-entry-body input[type="text"],
.t-entry-body input[type="tel"],
.t-entry-body input[type="email"],
.t-entry-body input[type="number"],
.t-entry-body input[type="datetime-local"],
.t-entry-body input[type="date"],
.t-entry-body textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-entry-body input[type="text"]:focus,
.t-entry-body input[type="tel"]:focus,
.t-entry-body input[type="email"]:focus,
.t-entry-body input[type="number"]:focus,
.t-entry-body input[type="checkbox"]:focus,
.t-entry-body input[type="datetime-local"]:focus,
.t-entry-body input[type="date"]:focus,
.t-entry-body textarea:focus,
.t-entry-body label:focus,
.t-entry-body select {
    outline: 0
}

.t-entry-body select::-ms-expand {
    display: none
}

.t-entry-body :placeholder-shown {
    color: #a9a9a9;
}

.t-entry-body ::-webkit-input-placeholder {
    color: #a9a9a9;
}

.t-entry-body :-ms-input-placeholder {
    color: #a9a9a9;
}

.t-entry-body ::-ms-input-placeholder {
    color: #a9a9a9;
}

.t-entry-body ::placeholder {
    color: #a9a9a9;
}

.t-entry-body :-ms-input-placeholder {
    color: #a9a9a9;
}

.t-entry-body :-moz-placeholder {
    color: #a9a9a9;
}

.t-entry-body ::-moz-placeholder {
    color: #a9a9a9;
}

.t-entry-body ::-webkit-input-placeholder {
    color: #a9a9a9;
}

.t-entry-body iframe {
    width: 100%;
    border: none;
    outline: none
}

.t-entry-body ruby {
    display: inline-table;
    border: none;
    white-space: nowrap;
    vertical-align: text-bottom;
    text-align: center;
    line-height: 100%
}

.t-entry-body ruby rt {
    display: table-header-group;
    font-size: 50%;
    text-align: center;
    line-height: 100%
}

.t-entry-body ruby ruby rt {
    display: table-footer-group;
    font-size: 50%;
    line-height: 100%
}

.t-entry-body ruby rp {
    display: none
}

.t-entry-body body>span {
    position: fixed;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0
}

.t-entry-body p,
.t-entry-body div,
.t-entry-body ol,
.t-entry-body ul,
.t-entry-body h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    color: #333;
    /*padding-bottom: 2.5em*/
}

@media screen and (max-width: 767px) {

    .t-entry-body p,
    .t-entry-body div,
    .t-entry-body ol,
    .t-entry-body ul,
    .t-entry-body h3 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.666;
        /*padding-bottom: 1em*/
    }
}

.t-entry-body h2 {
    padding: .8em 1em;
    background: #666;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.33em;
    margin-top: 1em;
    border-radius: 3px;
    font-size: 28px;
    font-size: 2.8rem
}

@media screen and (max-width: 767px) {
    .t-entry-body h2 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.t-entry-body h3 {
    border-bottom: 2px solid #666;
    padding-bottom: .53em !important;
    margin-bottom: 1.11em;
    margin-top: 1.2em
}

.t-entry-body h3,
.t-entry-body strong,
.t-entry-body b {
    font-weight: bold
}

.t-entry-body img {
    max-width: 100%;
    height: auto;
    padding: 8px 0 8px 0
}

@media screen and (max-width: 767px) {
    .t-entry-body img {
        padding: 4px 0 4px 0
    }
}

.t-entry-body hr {
    width: 100%;
    height: 1px;
    border: none;
    background: #eaeaea;
    display: block;
    margin: 24px 0 48px 0
}

@media screen and (max-width: 767px) {
    .t-entry-body hr {
        margin: 14px 0 34px 0
    }
}

.t-entry-body ul,
.t-entry-body ol {
    padding-left: 1.5em
}

.t-entry-body a {
    color: #416D85 !important
}

.t-entry-body a:hover {
    text-decoration: none
}

.t-entry-footer {
    margin-top: 4rem
}

@media screen and (max-width: 767px) {
    .t-entry-footer {
        margin-top: 2.5rem
    }
}

.t-entry-footer__link {
    padding-bottom: 7.5rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .t-entry-footer__link {
        padding-bottom: 2.5rem
    }
}

.t-entry-footer__link .c-button-round {
    width: 69%
}

@media screen and (max-width: 767px) {
    .t-entry-footer__link .c-button-round {
        width: 100%
    }
}

.t-entry-footer__share {
    padding-bottom: 5rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .t-entry-footer__share {
        padding-bottom: 2.5rem
    }
}

.t-entry-footer__share.--type2 {
    padding: 5rem 0
}

@media screen and (max-width: 767px) {
    .t-entry-footer__share.--type2 {
        padding: 2.5rem 0
    }
}

.t-error__button {
    width: 37.5%;
    padding-bottom: 25px;
    padding-bottom: 2.5rem
}

@media screen and (max-width: 767px) {
    .t-error__button {
        width: 75%;
        padding-bottom: 0px;
        padding-bottom: 0rem
    }
}

.t-form input[type="text"],
.t-form input[type="tel"],
.t-form input[type="email"],
.t-form input[type="number"],
.t-form input[type="datetime-local"],
.t-form input[type="date"],
.t-form textarea {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000000;
    font-family: webdin !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    text-indent: 0;
    line-height: 2;
    padding: 0.75em 0.9em;
    border-radius: 4px
}

@media screen and (max-width: 767px) {

    .t-form input[type="text"],
    .t-form input[type="tel"],
    .t-form input[type="email"],
    .t-form input[type="number"],
    .t-form input[type="datetime-local"],
    .t-form input[type="date"],
    .t-form textarea {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media screen and (max-width: 767px) {
    
}

.t-form input:focus,
.t-form textarea:focus,
.t-form select:focus {
    border: 1px solid #333
}

:placeholder-shown {
    color: #cccccc
}

::-webkit-input-placeholder {
    color: #cccccc
}

:-ms-input-placeholder {
    color: #cccccc
}

::-ms-input-placeholder {
    color: #cccccc
}

::placeholder {
    color: #cccccc
}

:-ms-input-placeholder {
    color: #cccccc
}

:-moz-placeholder {
    color: #cccccc
}

::-moz-placeholder {
    color: #cccccc
}

::-webkit-input-placeholder {
    color: #cccccc
}

.form_layout1 {
    width: 40%;
    float: left
}

.form_size1 {
    width: 100%
}

.form_size2 {
    width: 100%
}

.form_size3 {
    width: 100%
}

.form_size4 {
    width: 15% !important
}

.form_vTop {
    vertical-align: top !important
}

.form_vTop label {
    padding-top: 0
}

.t-form__table {
    width: 100%;
    border-spacing: 0;
    border-top: 1px solid #e5e5e5;
    word-wrap: break-word;
    border-collapse: collapse;
    word-break: break-all
}

@media screen and (max-width: 767px) {
    .t-form__table {
        display: block
    }
}

@media screen and (max-width: 767px) {

    .t-form__table tbody,
    .t-form__table tr,
    .t-form__table tr th,
    .t-form__table tr td {
        display: block;
        font-size: 12px;
        font-size: 1.2rem
    }
}

.t-form__table th,
.t-form__table td {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    line-height: 1.71;
    padding: 3rem 0
}

.t-form__table th {
    width: calc((100vw - 15.1vw) / 8 * 1.5);
    text-align: left;
    position: relative;
    font-weight: bold;
    padding: 2.6rem 0 2.3rem;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .t-form__table th {
        width: 100%;
        display: block;
        border-bottom: none;
        padding: 1.2rem 0 0
    }
}

.t-form__table td {
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 767px) {
    .t-form__table td {
        display: block;
        padding: 0.7rem 0 2rem 0
    }
}

.t-form__table td.is-large p {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .t-form__table td.is-large p {
        font-size: 1.8rem
    }
}

.t-form__table tr th .is-required {
    position: relative;
    display: block
}

.t-form__table tr th .is-required::after {
    content: "必填";
    font-weight: normal;
    color: #ffffff;
    background: #c70000;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    padding: 0.55em 1.45em 0.65em 1.45em;
    border-radius: 1.1rem;
    position: absolute;
    right: 25px;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .t-form__table tr th .is-required::after {
        font-size: 10px;
        font-size: 1rem;
        padding: 0.35em 0.9em;
        margin-left: 0.9em;
        position: relative;
        right: 0;
        top: -0.1rem;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

body[data-lang="en"] .t-form__table tr th .is-required::after {
    content: "Required"
}

.t-form__table tr td {
    padding-left: 0;
    text-align: left
}

@media screen and (max-width: 767px) {
    .t-form__table tr td {
        border-top: 0
    }
}

.t-form__table tr td ul {
    display: block
}

.t-form__table__list li,
.t-form__table__list img,
.t-form__table__list label {
    vertical-align: middle
}

.t-form select {
    font-weight: normal;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 1em 0.25em;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 10px;
    text-overflow: "";
    position: relative
}

@media screen and (max-width: 767px) {
    .t-form select {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.t-form__select {
    display: block;
    position: relative
}

.t-form__select:after {
    pointer-events: none
}

.t-form input[type="radio"] {
    display: none
}

.label--radio {
    display: inline-block;
    cursor: pointer;
    margin-right: 1em;
    padding-left: 2.5em;
    position: relative;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .label--radio {
        padding-left: 2.1em
    }
}

.label--radio:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: transparent;
    border: 2px solid #e5e5e5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50 "%";
    transform-origin: 50% 50 "%";
    position: absolute;
    left: 0;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .label--radio:before {
        content: "";
        width: 20px;
        height: 20px
    }
}

.t-form input[type="radio"]+.label--radio:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #555;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50 "%";
    transform-origin: 50% 50 "%";
    position: absolute;
    left: 5px;
    border-radius: 50%;
    opacity: 0
}

@media screen and (max-width: 767px) {
    .t-form input[type="radio"]+.label--radio:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px
    }
}

.t-form input[type="radio"]:checked+.label--radio:after {
    opacity: 1
}

.t-form textarea {
    height: 160px;
    display: block
}

@media (max-width: 767px) {
    .t-form textarea {
        height: 150px
    }

    .t-form input[type="checkbox"]+.label--checkbox:after {
        bottom: 2px !important;
    }
}

.t-form input[type="checkbox"] {
    display: none
}

.label--checkbox {
    display: inline-block;
    cursor: pointer;
    margin-right: 1em;
    padding-left: 1.875em;
    position: relative
}

.label--checkbox:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    border: 2px solid #e5e5e5
}

.t-form input[type="checkbox"]+.label--checkbox:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/check.png);
    background-size: 16px 16px;
    position: absolute;
    left: 2px;
    bottom: 8px;
    opacity: 0;
    -webkit-transform: scale(0, 0)
}

.t-form input[type="checkbox"]:checked+.label--checkbox:after {
    opacity: 1;
    -webkit-transform: scale(1, 1)
}

.t-form__policy {
    text-align: center;
    margin-top: 15px;
    padding-top: 25px;
    padding-top: 2.5rem
}

@media screen and (max-width: 767px) {
    .t-form__policy {
        margin-top: 0;
        padding-top: 10px
    }
}

.t-form-submit {
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    padding: 5rem 5rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-form-submit {
        padding: 2rem 1.5rem 1.5rem
    }
}

.t-form-submit__privacy {
    padding-top: 3rem;
    font-size: 1.6rem;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .t-form-submit__privacy {
        font-size: 1.2rem;
        padding-top: 2rem
    }
}

.t-form-submit__button {
    padding-top: 4.2rem
}

@media screen and (max-width: 767px) {
    .t-form-submit__button {
        padding-top: 2rem
    }
}

.t-form-submit__button>#formButton {
    pointer-events: none;
    background: #c0c0c0;
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    border: none;
    outline: none;
    padding: 2.6rem 0;
    font-size: 1.6rem;
    border-radius: 3.4rem;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    letter-spacing: .025em;
    text-decoration: none
}

.t-form-submit__button>.codeButton {
    padding: 2.1rem 0 !important;
}

@media screen and (max-width: 767px) {
    .t-form-submit__button>#formButton {
        font-size: 1.2rem;
        padding: 1.6rem 0
    }
    .t-form-submit__button>.codeButton {
        font-size: 1.2rem !important;
        padding: 1.6rem 0 !important
    }
}

.is-submit .t-form-submit__button>#formButton {
    color: #fff !important
}

.t-form-submit__bg {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://cdn.terramed.cn/bg_gray.gif);
    background-size: 48px 48px;
    width: 100%;
    height: 100%;
    z-index: -2
}

.t-form-submit .c-glidLine-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.t-form-submit__lead__copy {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #666;
    padding-right: 1.5em
}

.t-form-submit__lead__copy:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

.t-form-submit__lead__copy:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-form-submit__lead__copy {
        display: block;
        font-size: 1.2rem;
        line-height: 1.66;
        padding-right: 0
    }

    .t-form-submit__lead__copy:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .t-form-submit__lead__copy:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.t-form-submit__lead__copy span {
    color: #d80000
}

@media screen and (max-width: 767px) {
    .t-form-submit__lead__copy span {
        display: inline-block
    }
}

.t-form-submit__lead__link {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333
}

.t-form-submit__lead__link:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

.t-form-submit__lead__link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.4rem * 1.6) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-form-submit__lead__link {
        display: block;
        font-size: 1.2rem;
        line-height: 1.6;
        margin-top: 1em
    }
}

.t-form-submit__lead__link span {
    text-decoration: underline
}

.t-form-submit__lead__link:hover span {
    text-decoration: none
}

.is-submit.t-form-submit .t-form-submit__button>#formButton {
    pointer-events: auto;
    background: #333
}

.is-submit.t-form-submit .t-form-submit__button>#formButton:hover {
    background-color: #416D85
}

.is-submit.t-form-submit .t-form-submit__lead__copy {
    color: #333
}

.is-submit.t-form-submit .t-form-submit__lead__link {
    color: #093974
}

.is-submit.t-form-submit .c-icon.-blank--l::after {
    background-image: url("/images/icon-blank.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 10px 9px;
    background-size: 1rem 0.9rem
}

.t-form-list {
    list-style: none;
    width: 75%
}

@media screen and (max-width: 767px) {
    .t-form-list {
        width: 90%
    }
}

.t-form-list li {
    margin-bottom: 0.8rem
}

@media screen and (max-width: 767px) {
    .t-form-list li {
        display: block !important;
        vertical-align: middle;
        margin-top: 0.2em
    }
}

@media screen and (max-width: 767px) {
    .t-form-list li:first-child {
        margin-top: 0
    }
}

.t-form-list li:last-child {
    margin-bottom: 0
}

.t-form--check .t-form-submit {
    overflow: auto;
    border-radius: 0;
    text-align: center;
    padding: 5rem 0 0 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-form--check .t-form-submit {
        padding: 3rem 0 0 0
    }
}

@media screen and (max-width: 767px) {

    .t-form--check .c-column .c-column__block+.c-column__block,
    .t-form--result .c-column .c-column__block+.c-column__block {
        margin-top: 1.0rem
    }
}

.t-form--result p,
.t-form--error p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 2rem;
    line-height: 2
}

@media screen and (max-width: 767px) {

    .t-form--result p,
    .t-form--error p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66;
        margin-top: 1.5rem
    }
}

.t-form--result p[data-txtcrop="true"]:before,
.t-form--error p[data-txtcrop="true"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-bottom: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

.t-form--result p[data-txtcrop="true"]:after,
.t-form--error p[data-txtcrop="true"]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-14px * 2) + 14px) / 2 + 0px);
    margin-top: calc(((-1.4rem * 2) + 1.4rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {

    .t-form--result p[data-txtcrop="true"]:before,
    .t-form--error p[data-txtcrop="true"]:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-bottom: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }

    .t-form--result p[data-txtcrop="true"]:after,
    .t-form--error p[data-txtcrop="true"]:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc(((-12px * 1.66) + 12px) / 2 + 0px);
        margin-top: calc(((-1.2rem * 1.66) + 1.2rem) / 2 + 0rem)
    }
}

.t-form--result p+p,
.t-form--error p+p {
    margin-top: 1.5rem
}

@media screen and (max-width: 767px) {

    .t-form--result p+p,
    .t-form--error p+p {
        margin-top: 1.0rem
    }
}

.t-form__heading {
    font-size: 2.4rem;
    line-height: 1;
    text-align: left;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .t-form__heading {
        font-size: 1.6rem;
        text-align: center
    }
}

@media print {

    .l-sidenav,
    .c-toggle,
    .c-scroll,
    .l-contact {
        display: none !important
    }

    .l-sitemap__bg,
    .c-hero {
        width: 100%
    }

    .u-sticky {
        position: static
    }

    .l-header__logo {
        position: static
    }

    .l-header__logo a::after {
        content: none
    }

    .is-sticky .l-header__logo img {
        opacity: 1
    }
}

.jd-count-box {
    height: 16vh;
    display: flex;
    justify-content: space-around;
    padding: 6.5vh 15vw;
    align-items: center;
    font-family: webdin, serif;
}

.jd-count-box .jd-count {
    width: 15vw;
    background: red;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
    border-radius: 5px;
    min-width: 200px;
}

.jd-count-box .jd-count img {
    width: 100px;
}

.jd-count-box .jd-count:nth-child(1) {
    background: #F8B831;
}

.jd-count-box .jd-count:nth-child(2) {
    background: #FF7171;
}

.jd-count-box .jd-count:nth-child(3) {
    background: #56A5C1;
}

.jd-count-box .jd-count:nth-child(4) {
    background: #1FD8E3;
}

.jd-count-box .jd-count .jd-item {
    width: 100%;
    text-align: center;
}

.jd-count-box .jd-count .jd-num {
    font-size: 6rem;
}

.jd-count-box .jd-count .jd-num span {
    font-size: 3rem;
    position: relative;
    top: -2rem;
}

.jd-count-box .jd-count .jd-label {
    margin-top: 5%;
}

@media screen and (max-width: 767px) {
    .jd-count-box {
        padding: 20px;
    }
    .jd-count-box .jd-count {
        width: 10vw;
        min-width: 23%;
    }
    .jd-count-box .jd-count img {
        width: 30px;
    }
    .jd-count-box .jd-count .jd-num {
        font-size: 1.8rem;
    }
    .jd-count-box .jd-count .jd-num span {
        font-size: 2rem;
        position: relative;
        top: -0.4rem;
    }
    .jd-count-box .jd-count .jd-label {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 0 2px;
        margin-top: 10px;
    }
}

.hvr-bounce-to-right:before {
    background: #F8B831;
}