*{
margin:0px;
padding:0px;
}
  #whole{
      width:100%;
      /*height:100vw%*/
      position: relative;
  }
  #wholes{
      width:100%;
      overflow:hidden;
  }

  #whole .sd{
      text-align: center;
        margin: 0 auto;
        max-width: 206px;
        width: 50%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999999;
    }
    #whole .sd img{
          width: 100%;

      }

  .timeimg{
      width:100%;
      margin: 0;
    padding: 0;
  }
.slick-slide img {
    width: 120%;
    margin-top: -10%;
    }
    @media (max-width: 767px) {
    .slick-slide img
    {
        margin-top: 0;
    }
    }


    .slick-track {
        height: 100vh;
        }
    .slick-list{
    width:120%;
    height: 100vh;
    }



    @font-face {
        font-family: "Gilroy";
        font-weight: 500;
        src: url("../fonts/39CD81_0_0.eot");
        src: url("../fonts/39CD81_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/39CD81_0_0.woff2") format("woff2"), url("../fonts/39CD81_0_0.woff") format("woff"), url("../fonts/39CD81_0_0.ttf") format("truetype")
    }
    @font-face {
        font-family: "Gilroy";
        font-weight: 700;
        src: url("../fonts/39CD81_1_0.eot");
        src: url("../fonts/39CD81_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/39CD81_1_0.woff2") format("woff2"), url("../fonts/39CD81_1_0.woff") format("woff"), url("../fonts/39CD81_1_0.ttf") format("truetype")
    }
    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }
    body {
        margin: 0
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }
    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }
    audio:not([controls]) {
        display: none;
        height: 0
    }
    [hidden],
    template {
        display: none
    }
    a {
        background-color: transparent
    }
    a:active,
    a:hover {
        outline: 0
    }

		a[href^="tel:"] {
	pointer-events: none !important;
}
@media (max-width: 767px) {
	a[href^="tel:"] {
	pointer-events: auto !important;
	}
}

    abbr[title] {
        border-bottom: 1px dotted
    }
    b,
    strong {
        font-weight: bold
    }
    dfn {
        font-style: italic
    }
    h1 {
        font-size: 2em;
        margin: 0.67em 0
    }
    mark {
        background: #ff0;
        color: #000
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sup {
        top: -0.5em
    }
    sub {
        bottom: -0.25em
    }
    img {
        border: 0
    }
    svg:not(:root) {
        overflow: hidden
    }
    figure {
        margin: 0
    }
    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }
    pre {
        overflow: auto
    }
    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }
    button {
        overflow: visible
    }
    button,
    select {
        text-transform: none
    }
    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }
    button[disabled],
    html input[disabled] {
        cursor: default
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    input {
        line-height: normal
    }
    input[type=checkbox],
    input[type=radio] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }
    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
    }
    legend {
        border: 0;
        padding: 0
    }
    textarea {
        overflow: auto
    }
    optgroup {
        font-weight: bold
    }
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    td,
    th {
        padding: 0
    }
    * {
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }
    footer,
    header,
    section {
        display: block
    }
    dd,
    dt,
    li,
    p,
    pre,
    td,
    th {
        line-break: strict;
        word-break: break-strict
    }
    dd,
    div,
    dl,
    dt,
    li,
    ol,
    p,
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    img {
        vertical-align: bottom
    }
    input[type=text],
    textarea {
        -webkit-appearance: none;
        border-radius: 0
    }
    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
        outline: 0
    }
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #FFF inset
    }
    figure {
        margin: 0
    }
    html {
        font-size: 62.5%
    }
    html.is-gnav-open {
        overflow: hidden
    }
    body {
        color: #111;
        font-size: 1rem;
        font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        -webkit-font-kerning: normal;
        font-kerning: normal;
        -ms-font-feature-settings: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1;
        letter-spacing: 0.05em;
        background: #FFF;
        word-wrap: break-word;
        vertical-align: baseline;
        white-space: normal;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    body.is-fixed {
        position: fixed
    }
    body.is-hidden {
        overflow: hidden
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400;
        margin: 0
    }
    a {
        color: #111;
        -webkit-tap-highlight-color: transparent;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease
    }
    a:hover {
        color: #111;
        text-decoration: none
    }
    a:focus {
        text-decoration: none
    }
    @media(max-width:1023px) {
        a {
            -webkit-transition: none;
            -o-transition: none;
            transition: none
        }
    }
    :active,:focus,:hover,:visited,
    a,
    a:active,
    a:focus,
    a:hover,
    a:visited {
        outline: none !important;
        text-decoration: none
    }
    blockquote {
        margin: 0
    }
    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }
    button[disabled],
    html input[disabled] {
        cursor: default
    }
    .l-row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: -15px;
        margin-left: -15px
    }
    .l-row.l-gutter-0 {
        margin-right: 0;
        margin-left: 0
    }
    .l-row.l-gutter-10 {
        margin-right: -5px;
        margin-left: -5px
    }
    .l-row.l-gutter-20 {
        margin-right: -10px;
        margin-left: -10px
    }
    .l-row.l-gutter-30 {
        margin-right: -15px;
        margin-left: -15px
    }
    .l-row.l-gutter-40 {
        margin-right: -20px;
        margin-left: -20px
    }
    .l-row.l-gutter-50 {
        margin-right: -25px;
        margin-left: -25px
    }
    .l-row.l-gutter-60 {
        margin-right: -30px;
        margin-left: -30px
    }
    .l-row.l-gutter-70 {
        margin-right: -35px;
        margin-left: -35px
    }
    .l-row.l-gutter-80 {
        margin-right: -40px;
        margin-left: -40px
    }
    .l-row.l-gutter-90 {
        margin-right: -45px;
        margin-left: -45px
    }
    .l-row.l-gutter-100 {
        margin-right: -50px;
        margin-left: -50px
    }
    .l-gutter-0 > [class*=l-col-],
    .l-gutter-0 > [class^=l-col-] {
        padding-right: 0;
        padding-left: 0
    }
    .l-gutter-10 > [class*=l-col-],
    .l-gutter-10 > [class^=l-col-] {
        padding-right: 5px;
        padding-left: 5px
    }
    .l-gutter-20 > [class*=l-col-],
    .l-gutter-20 > [class^=l-col-] {
        padding-right: 10px;
        padding-left: 10px
    }
    .l-gutter-30 > [class*=l-col-],
    .l-gutter-30 > [class^=l-col-] {
        padding-right: 15px;
        padding-left: 15px
    }
    .l-gutter-40 > [class*=l-col-],
    .l-gutter-40 > [class^=l-col-] {
        padding-right: 20px;
        padding-left: 20px
    }
    .l-gutter-50 > [class*=l-col-],
    .l-gutter-50 > [class^=l-col-] {
        padding-right: 25px;
        padding-left: 25px
    }
    .l-gutter-60 > [class*=l-col-],
    .l-gutter-60 > [class^=l-col-] {
        padding-right: 30px;
        padding-left: 30px
    }
    .l-gutter-70 > [class*=l-col-],
    .l-gutter-70 > [class^=l-col-] {
        padding-right: 35px;
        padding-left: 35px
    }
    .l-gutter-80 > [class*=l-col-],
    .l-gutter-80 > [class^=l-col-] {
        padding-right: 40px;
        padding-left: 40px
    }
    .l-gutter-90 > [class*=l-col-],
    .l-gutter-90 > [class^=l-col-] {
        padding-right: 45px;
        padding-left: 45px
    }
    .l-gutter-100 > [class*=l-col-],
    .l-gutter-100 > [class^=l-col-] {
        padding-right: 50px;
        padding-left: 50px
    }
    .l-row.is-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .l-col.is-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .l-col-xs,
    .l-col-xs-1,
    .l-col-xs-2,
    .l-col-xs-2_5,
    .l-col-xs-3,
    .l-col-xs-4,
    .l-col-xs-5,
    .l-col-xs-6,
    .l-col-xs-7,
    .l-col-xs-8,
    .l-col-xs-9,
    .l-col-xs-10,
    .l-col-xs-11,
    .l-col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 15px;
        padding-left: 15px
    }
    .l-col-xs {
        -webkit-box-flex: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .l-col-xs-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }
    .l-col-xs-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }
    .l-col-xs-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    .l-col-xs-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .l-col-xs-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }
    .l-col-xs-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }
    .l-col-xs-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .l-col-xs-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }
    .l-col-xs-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }
    .l-col-xs-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .l-col-xs-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }
    .l-col-xs-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }
    .l-col-xs-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .l-col-xs-offset-1 {
        margin-left: 8.333%
    }
    .l-col-xs-offset-2 {
        margin-left: 16.667%
    }
    .l-col-xs-offset-2_5 {
        margin-left: 20%
    }
    .l-col-xs-offset-3 {
        margin-left: 25%
    }
    .l-col-xs-offset-4 {
        margin-left: 33.333%
    }
    .l-col-xs-offset-5 {
        margin-left: 41.667%
    }
    .l-col-xs-offset-6 {
        margin-left: 50%
    }
    .l-col-xs-offset-7 {
        margin-left: 58.333%
    }
    .l-col-xs-offset-8 {
        margin-left: 66.667%
    }
    .l-col-xs-offset-9 {
        margin-left: 75%
    }
    .l-col-xs-offset-10 {
        margin-left: 83.333%
    }
    .l-col-xs-offset-11 {
        margin-left: 91.667%
    }
    .l-start-xs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .l-center-xs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .l-end-xs {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .l-top-xs {
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start
    }
    .l-middle-xs {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center
    }
    .l-bottom-xs {
        -webkit-box-align: end;
        align-items: flex-end;
        -ms-flex-align: end
    }
    .l-around-xs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .l-between-xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .l-first-xs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .l-last-xs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    @media(min-width:768px) {
        .l-col-sm,
        .l-col-sm-1,
        .l-col-sm-2,
        .l-col-sm-2_5,
        .l-col-sm-3,
        .l-col-sm-4,
        .l-col-sm-5,
        .l-col-sm-6,
        .l-col-sm-7,
        .l-col-sm-8,
        .l-col-sm-9,
        .l-col-sm-10,
        .l-col-sm-11,
        .l-col-sm-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 15px;
            padding-left: 15px
        }
        .l-col-sm {
            -webkit-box-flex: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }
        .l-col-sm-1 {
            -ms-flex-preferred-size: 8.333%;
            flex-basis: 8.333%;
            max-width: 8.333%
        }
        .l-col-sm-2 {
            -ms-flex-preferred-size: 16.667%;
            flex-basis: 16.667%;
            max-width: 16.667%
        }
        .l-col-sm-2_5 {
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            max-width: 20%
        }
        .l-col-sm-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .l-col-sm-4 {
            -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
            max-width: 33.333%
        }
        .l-col-sm-5 {
            -ms-flex-preferred-size: 41.667%;
            flex-basis: 41.667%;
            max-width: 41.667%
        }
        .l-col-sm-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .l-col-sm-7 {
            -ms-flex-preferred-size: 58.333%;
            flex-basis: 58.333%;
            max-width: 58.333%
        }
        .l-col-sm-8 {
            -ms-flex-preferred-size: 66.667%;
            flex-basis: 66.667%;
            max-width: 66.667%
        }
        .l-col-sm-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .l-col-sm-10 {
            -ms-flex-preferred-size: 83.333%;
            flex-basis: 83.333%;
            max-width: 83.333%
        }
        .l-col-sm-11 {
            -ms-flex-preferred-size: 91.667%;
            flex-basis: 91.667%;
            max-width: 91.667%
        }
        .l-col-sm-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .l-col-sm-offset-1 {
            margin-left: 8.333%
        }
        .l-col-sm-offset-2 {
            margin-left: 16.667%
        }
        .l-col-sm-offset-2_5 {
            margin-left: 20%
        }
        .l-col-sm-offset-3 {
            margin-left: 25%
        }
        .l-col-sm-offset-4 {
            margin-left: 33.333%
        }
        .l-col-sm-offset-5 {
            margin-left: 41.667%
        }
        .l-col-sm-offset-6 {
            margin-left: 50%
        }
        .l-col-sm-offset-7 {
            margin-left: 58.333%
        }
        .l-col-sm-offset-8 {
            margin-left: 66.667%
        }
        .l-col-sm-offset-9 {
            margin-left: 75%
        }
        .l-col-sm-offset-10 {
            margin-left: 83.333%
        }
        .l-col-sm-offset-11 {
            margin-left: 91.667%
        }
        .l-start-sm {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: start
        }
        .l-center-sm {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }
        .l-end-sm {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: end
        }
        .l-top-sm {
            -webkit-box-align: start;
            align-items: flex-start;
            -ms-flex-align: start
        }
        .l-middle-sm {
            -webkit-box-align: center;
            align-items: center;
            -ms-flex-align: center
        }
        .l-bottom-sm {
            -webkit-box-align: end;
            align-items: flex-end;
            -ms-flex-align: end
        }
        .l-around-sm {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        .l-between-sm {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .l-first-sm {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .l-last-sm {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    @media(min-width:1024px) {
        .l-col-md,
        .l-col-md-1,
        .l-col-md-2,
        .l-col-md-2_5,
        .l-col-md-3,
        .l-col-md-4,
        .l-col-md-5,
        .l-col-md-6,
        .l-col-md-7,
        .l-col-md-8,
        .l-col-md-9,
        .l-col-md-10,
        .l-col-md-11,
        .l-col-md-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 15px;
            padding-left: 15px
        }
        .l-col-md {
            -webkit-box-flex: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }
        .l-col-md-1 {
            -ms-flex-preferred-size: 8.333%;
            flex-basis: 8.333%;
            max-width: 8.333%
        }
        .l-col-md-2 {
            -ms-flex-preferred-size: 16.667%;
            flex-basis: 16.667%;
            max-width: 16.667%
        }
        .l-col-md-2_5 {
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            max-width: 20%
        }
        .l-col-md-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .l-col-md-4 {
            -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
            max-width: 33.333%
        }
        .l-col-md-5 {
            -ms-flex-preferred-size: 41.667%;
            flex-basis: 41.667%;
            max-width: 41.667%
        }
        .l-col-md-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .l-col-md-7 {
            -ms-flex-preferred-size: 58.333%;
            flex-basis: 58.333%;
            max-width: 58.333%
        }
        .l-col-md-8 {
            -ms-flex-preferred-size: 66.667%;
            flex-basis: 66.667%;
            max-width: 66.667%
        }
        .l-col-md-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .l-col-md-10 {
            -ms-flex-preferred-size: 83.333%;
            flex-basis: 83.333%;
            max-width: 83.333%
        }
        .l-col-md-11 {
            -ms-flex-preferred-size: 91.667%;
            flex-basis: 91.667%;
            max-width: 91.667%
        }
        .l-col-md-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .l-col-md-offset-1 {
            margin-left: 8.333%
        }
        .l-col-md-offset-2 {
            margin-left: 16.667%
        }
        .l-col-md-offset-2_5 {
            margin-left: 20%
        }
        .l-col-md-offset-3 {
            margin-left: 25%
        }
        .l-col-md-offset-4 {
            margin-left: 33.333%
        }
        .l-col-md-offset-5 {
            margin-left: 41.667%
        }
        .l-col-md-offset-6 {
            margin-left: 50%
        }
        .l-col-md-offset-7 {
            margin-left: 58.333%
        }
        .l-col-md-offset-8 {
            margin-left: 66.667%
        }
        .l-col-md-offset-9 {
            margin-left: 75%
        }
        .l-col-md-offset-10 {
            margin-left: 83.333%
        }
        .l-col-md-offset-11 {
            margin-left: 91.667%
        }
        .l-start-md {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: start
        }
        .l-center-md {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }
        .l-end-md {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: end
        }
        .l-top-md {
            -webkit-box-align: start;
            align-items: flex-start;
            -ms-flex-align: start
        }
        .l-middle-md {
            -webkit-box-align: center;
            align-items: center;
            -ms-flex-align: center
        }
        .l-bottom-md {
            -webkit-box-align: end;
            align-items: flex-end;
            -ms-flex-align: end
        }
        .l-around-md {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        .l-between-md {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .l-first-md {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .l-last-md {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    @media(min-width:1281px) {
        .l-col-lg,
        .l-col-lg-1,
        .l-col-lg-2,
        .l-col-lg-2_5,
        .l-col-lg-3,
        .l-col-lg-4,
        .l-col-lg-5,
        .l-col-lg-6,
        .l-col-lg-7,
        .l-col-lg-8,
        .l-col-lg-9,
        .l-col-lg-10,
        .l-col-lg-11,
        .l-col-lg-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 15px;
            padding-left: 15px
        }
        .l-col-lg {
            -webkit-box-flex: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }
        .l-col-lg-1 {
            -ms-flex-preferred-size: 8.333%;
            flex-basis: 8.333%;
            max-width: 8.333%
        }
        .l-col-lg-2 {
            -ms-flex-preferred-size: 16.667%;
            flex-basis: 16.667%;
            max-width: 16.667%
        }
        .l-col-lg-2_5 {
            -ms-flex-preferred-size: 16.667%;
            flex-basis: 16.667%;
            max-width: 16.667%
        }
        .l-col-lg-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .l-col-lg-4 {
            -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
            max-width: 33.333%
        }
        .l-col-lg-5 {
            -ms-flex-preferred-size: 41.667%;
            flex-basis: 41.667%;
            max-width: 41.667%
        }
        .l-col-lg-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .l-col-lg-7 {
            -ms-flex-preferred-size: 58.333%;
            flex-basis: 58.333%;
            max-width: 58.333%
        }
        .l-col-lg-8 {
            -ms-flex-preferred-size: 66.667%;
            flex-basis: 66.667%;
            max-width: 66.667%
        }
        .l-col-lg-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .l-col-lg-10 {
            -ms-flex-preferred-size: 83.333%;
            flex-basis: 83.333%;
            max-width: 83.333%
        }
        .l-col-lg-11 {
            -ms-flex-preferred-size: 91.667%;
            flex-basis: 91.667%;
            max-width: 91.667%
        }
        .l-col-lg-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .l-col-lg-offset-1 {
            margin-left: 8.333%
        }
        .l-col-lg-offset-2 {
            margin-left: 16.667%
        }
        .l-col-lg-offset-2_5 {
            margin-left: 20%
        }
        .l-col-lg-offset-3 {
            margin-left: 25%
        }
        .l-col-lg-offset-4 {
            margin-left: 33.333%
        }
        .l-col-lg-offset-5 {
            margin-left: 41.667%
        }
        .l-col-lg-offset-6 {
            margin-left: 50%
        }
        .l-col-lg-offset-7 {
            margin-left: 58.333%
        }
        .l-col-lg-offset-8 {
            margin-left: 66.667%
        }
        .l-col-lg-offset-9 {
            margin-left: 75%
        }
        .l-col-lg-offset-10 {
            margin-left: 83.333%
        }
        .l-col-lg-offset-11 {
            margin-left: 91.667%
        }
        .l-start-lg {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: start
        }
        .l-center-lg {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }
        .l-end-lg {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: end
        }
        .l-top-lg {
            -webkit-box-align: start;
            align-items: flex-start;
            -ms-flex-align: start
        }
        .l-middle-lg {
            -webkit-box-align: center;
            align-items: center;
            -ms-flex-align: center
        }
        .l-bottom-lg {
            -webkit-box-align: end;
            align-items: flex-end;
            -ms-flex-align: end
        }
        .l-around-lg {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        .l-between-lg {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .l-first-lg {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .l-last-lg {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    @media(min-width:1680px) {
        .l-col-xlg,
        .l-col-xlg-1,
        .l-col-xlg-2,
        .l-col-xlg-2_5,
        .l-col-xlg-3,
        .l-col-xlg-4,
        .l-col-xlg-5,
        .l-col-xlg-6,
        .l-col-xlg-7,
        .l-col-xlg-8,
        .l-col-xlg-9,
        .l-col-xlg-10,
        .l-col-xlg-11,
        .l-col-xlg-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 15px;
            padding-left: 15px
        }
        .l-col-xlg {
            -webkit-box-flex: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }
        .l-col-xlg-1 {
            -ms-flex-preferred-size: 8.333%;
            flex-basis: 8.333%;
            max-width: 8.333%
        }
        .l-col-xlg-2 {
            -ms-flex-preferred-size: 16.667%;
            flex-basis: 16.667%;
            max-width: 16.667%
        }
        .l-col-xlg-2_5 {
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            max-width: 20%
        }
        .l-col-xlg-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .l-col-xlg-4 {
            -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
            max-width: 33.333%
        }
        .l-col-xlg-5 {
            -ms-flex-preferred-size: 41.667%;
            flex-basis: 41.667%;
            max-width: 41.667%
        }
        .l-col-xlg-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .l-col-xlg-7 {
            -ms-flex-preferred-size: 58.333%;
            flex-basis: 58.333%;
            max-width: 58.333%
        }
        .l-col-xlg-8 {
            -ms-flex-preferred-size: 66.667%;
            flex-basis: 66.667%;
            max-width: 66.667%
        }
        .l-col-xlg-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .l-col-xlg-10 {
            -ms-flex-preferred-size: 83.333%;
            flex-basis: 83.333%;
            max-width: 83.333%
        }
        .l-col-xlg-11 {
            -ms-flex-preferred-size: 91.667%;
            flex-basis: 91.667%;
            max-width: 91.667%
        }
        .l-col-xlg-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .l-col-xlg-offset-1 {
            margin-left: 8.333%
        }
        .l-col-xlg-offset-2 {
            margin-left: 16.667%
        }
        .l-col-xlg-offset-3 {
            margin-left: 25%
        }
        .l-col-xlg-offset-4 {
            margin-left: 33.333%
        }
        .l-col-xlg-offset-5 {
            margin-left: 41.667%
        }
        .l-col-xlg-offset-6 {
            margin-left: 50%
        }
        .l-col-xlg-offset-7 {
            margin-left: 58.333%
        }
        .l-col-xlg-offset-8 {
            margin-left: 66.667%
        }
        .l-col-xlg-offset-9 {
            margin-left: 75%
        }
        .l-col-xlg-offset-10 {
            margin-left: 83.333%
        }
        .l-col-xlg-offset-11 {
            margin-left: 91.667%
        }
        .l-start-xlg {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: start
        }
        .l-center-xlg {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }
        .l-end-xlg {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: end
        }
        .l-top-xlg {
            -webkit-box-align: start;
            align-items: flex-start;
            -ms-flex-align: start
        }
        .l-middle-xlg {
            -webkit-box-align: center;
            align-items: center;
            -ms-flex-align: center
        }
        .l-bottom-xlg {
            -webkit-box-align: end;
            align-items: flex-end;
            -ms-flex-align: end
        }
        .l-around-xlg {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        .l-between-xlg {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .l-first-xlg {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .l-last-xlg {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    .l-grid {
        display: -ms-grid;
        display: grid;
        -ms-flex-line-pack: var(--ac-xs, center);
        align-content: var(--ac-xs, center);
        -webkit-box-align: var(--ai-xs, stretch);
        -ms-flex-align: var(--ai-xs, stretch);
        align-items: var(--ai-xs, stretch);
        -webkit-box-pack: var(--jc-xs, space-evenly);
        -ms-flex-pack: var(--jc-xs, space-evenly);
        justify-content: var(--jc-xs, space-evenly);
        grid-gap: var(--gap-xs, 2rem);
        grid-auto-flow: var(--flow-xs, row);
        grid-auto-columns: var(--auto-cols-xs, auto);
        grid-auto-rows: var(--auto-rows-xs, auto);
        -ms-grid-columns: var(--template-cols-xs, repeat(var(--cols-xs, 1), var(--cols-size-xs, 1fr)));
        grid-template-columns: var(--template-cols-xs, repeat(var(--cols-xs, 1), var(--cols-size-xs, 1fr)));
        -ms-grid-rows: var(--template-rows-xs, none);
        grid-template-rows: var(--template-rows-xs, none);
        justify-items: var(--ji-xs, stretch)
    }
    .l-grid>:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    @media(min-width:640px) {
        .l-grid {
            -ms-flex-line-pack: var(--ac-sm, center);
            align-content: var(--ac-sm, center);
            -webkit-box-align: var(--ai-sm, stretch);
            -ms-flex-align: var(--ai-sm, stretch);
            align-items: var(--ai-sm, stretch);
            -webkit-box-pack: var(--jc-sm, space-evenly);
            -ms-flex-pack: var(--jc-sm, space-evenly);
            justify-content: var(--jc-sm, space-evenly);
            grid-gap: var(--gap-sm, 2rem);
            grid-auto-flow: var(--flow-sm, row);
            grid-auto-columns: var(--auto-cols-sm, auto);
            grid-auto-rows: var(--auto-rows-sm, auto);
            -ms-grid-columns: var(--template-cols-sm, repeat(var(--cols-sm, 2), var(--cols-size-sm, 1fr)));
            grid-template-columns: var(--template-cols-sm, repeat(var(--cols-sm, 2), var(--cols-size-sm, 1fr)));
            -ms-grid-rows: var(--template-rows-sm, none);
            grid-template-rows: var(--template-rows-sm, none);
            justify-items: var(--ji-sm, stretch)
        }
        .l-grid>:first-child {
            -ms-grid-row: 1;
            -ms-grid-column: 1
        }
    }
    @media(min-width:860px) {
        .l-grid {
            -ms-flex-line-pack: var(--ac-md, center);
            align-content: var(--ac-md, center);
            -webkit-box-align: var(--ai-md, stretch);
            -ms-flex-align: var(--ai-md, stretch);
            align-items: var(--ai-md, stretch);
            -webkit-box-pack: var(--jc-md, space-evenly);
            -ms-flex-pack: var(--jc-md, space-evenly);
            justify-content: var(--jc-md, space-evenly);
            grid-gap: var(--gap-md, 2rem);
            grid-auto-flow: var(--flow-md, row);
            grid-auto-columns: var(--auto-cols-md, auto);
            grid-auto-rows: var(--auto-rows-md, auto);
            -ms-grid-columns: var(--template-cols-md, repeat(var(--cols-md, 2), var(--cols-size-md, 1fr)));
            grid-template-columns: var(--template-cols-md, repeat(var(--cols-md, 2), var(--cols-size-md, 1fr)));
            -ms-grid-rows: var(--template-rows-md, none);
            grid-template-rows: var(--template-rows-md, none);
            justify-items: var(--ji-md, stretch)
        }
        .l-grid>:first-child {
            -ms-grid-row: 1;
            -ms-grid-column: 1
        }
    }
    @media(min-width:1080px) {
        .l-grid {
            -ms-flex-line-pack: var(--ac-lg, center);
            align-content: var(--ac-lg, center);
            -webkit-box-align: var(--ai-lg, stretch);
            -ms-flex-align: var(--ai-lg, stretch);
            align-items: var(--ai-lg, stretch);
            -webkit-box-pack: var(--jc-lg, space-evenly);
            -ms-flex-pack: var(--jc-lg, space-evenly);
            justify-content: var(--jc-lg, space-evenly);
            grid-gap: var(--gap-lg, 2rem);
            grid-auto-flow: var(--flow-lg, row);
            grid-auto-columns: var(--auto-cols-lg, auto);
            grid-auto-rows: var(--auto-rows-lg, auto);
            -ms-grid-columns: var(--template-cols-lg, repeat(var(--cols-lg, 4), var(--cols-size-lg, 1fr)));
            grid-template-columns: var(--template-cols-lg, repeat(var(--cols-lg, 4), var(--cols-size-lg, 1fr)));
            -ms-grid-rows: var(--template-rows-lg, none);
            grid-template-rows: var(--template-rows-lg, none);
            justify-items: var(--ji-lg, stretch)
        }
        .l-grid>:first-child {
            -ms-grid-row: 1;
            -ms-grid-column: 1
        }
    }
    @media(min-width:1300px) {
        .l-grid {
            -ms-flex-line-pack: var(--ac-xl, center);
            align-content: var(--ac-xl, center);
            -webkit-box-align: var(--ai-xl, stretch);
            -ms-flex-align: var(--ai-xl, stretch);
            align-items: var(--ai-xl, stretch);
            -webkit-box-pack: var(--jc-xl, space-evenly);
            -ms-flex-pack: var(--jc-xl, space-evenly);
            justify-content: var(--jc-xl, space-evenly);
            grid-gap: var(--gap-xl, 2rem);
            grid-auto-flow: var(--flow-xl, row);
            grid-auto-columns: var(--auto-cols-xl, auto);
            grid-auto-rows: var(--auto-rows-xl, auto);
            -ms-grid-columns: var(--template-cols-xl, repeat(var(--cols-xl, 4), var(--cols-size-xl, 1fr)));
            grid-template-columns: var(--template-cols-xl, repeat(var(--cols-xl, 4), var(--cols-size-xl, 1fr)));
            -ms-grid-rows: var(--template-rows-xl, none);
            grid-template-rows: var(--template-rows-xl, none);
            justify-items: var(--ji-xl, stretch)
        }
        .l-grid>:first-child {
            -ms-grid-row: 1;
            -ms-grid-column: 1
        }
    }
    .l-grid.is-inline {
        display: -ms-inline-grid;
        display: inline-grid
    }
    .l-grid > * {
        -ms-grid-row-align: var(--as-xs, auto);
        align-self: var(--as-xs, auto);
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        grid-column: var(--col-xs, auto);
        grid-row: var(--row-xs, auto);
        -ms-grid-column-align: var(--js-xs, auto);
        justify-self: var(--js-xs, auto)
    }
    @media(min-width:640px) {
        .l-grid > * {
            -ms-grid-row-align: var(--as-sm, auto);
            align-self: var(--as-sm, auto);
            grid-column: var(--col-sm, auto);
            grid-row: var(--row-sm, auto);
            -ms-grid-column-align: var(--js-sm, auto);
            justify-self: var(--js-sm, auto)
        }
    }
    @media(min-width:860px) {
        .l-grid > * {
            -ms-grid-row-align: var(--as-md, auto);
            align-self: var(--as-md, auto);
            grid-column: var(--col-md, auto);
            grid-row: var(--row-md, auto);
            -ms-grid-column-align: var(--js-md, auto);
            justify-self: var(--js-md, auto)
        }
    }
    @media(min-width:1080px) {
        .l-grid > * {
            -ms-grid-row-align: var(--as-lg, auto);
            align-self: var(--as-lg, auto);
            grid-column: var(--col-lg, auto);
            grid-row: var(--row-lg, auto);
            -ms-grid-column-align: var(--js-lg, auto);
            justify-self: var(--js-lg, auto)
        }
    }
    @media(min-width:1300px) {
        .l-grid > * {
            -ms-grid-row-align: var(--as-xl, auto);
            align-self: var(--as-xl, auto);
            grid-column: var(--col-xl, auto);
            grid-row: var(--row-xl, auto);
            -ms-grid-column-align: var(--js-xl, auto);
            justify-self: var(--js-xl, auto)
        }
    }
    .js-barba-wrapper,
    .l-wrapper {
        width: 100%;
        position: relative
    }

    .is-animation {
      transition: .5s !important;
      background: #fff;
      height: 80px;
      box-shadow: 0 0 20px 0px #ccc;


    }
    .is-animation .l-header-logo{
        display: block;
      }
    .is-animation .menu li a {
      color: #000;
    }


    .l-header {
        position: fixed;
        z-index: 30000;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    .is-page-loaded .l-header {
        opacity: 1
    }
    .l-header.is-fixed {
        position: fixed
    }
    .is-lower .l-header {
        opacity: 1
    }
    .l-header .l-header-bon_sp {
        display: none;
    }



    @media(max-width:1023px) {
        .l-header {
            height: 80px
        }
    }
    @media(max-width:767px) {
        .l-header {
            /*position: absolute;
            height: 60px*/
            background: #333333;
            animation: none !important;
        }
        .is-gnav-open .l-header {
            position: fixed
        }
    .l-header .l-header-bon_sp {
        display: block;
        position: relative;
        height: 80px;
    }
    .l-header .l-header-bon_sp ul  {
      /*overflow: hidden;*/
    }
    .l-header .l-header-bon_sp ul li {
      /*float:left;*/
      width:33.172302737%;
      max-width: 207px;
      position: absolute;
      top: 50%;
      left: 2%;
      transform: translate(0%, -50%);
    }
    .l-header .l-header-bon_sp ul li + li{
      width:45.249597423%;
      max-width: 281px;
      left: 38%;
    }
    .l-header .l-header-bon_sp ul li img{
      width:100%;
    }

    }
    .l-header-logo {
        position: absolute;
        z-index: 1;
        top: 22px;
        left: 5.5555555556vw;
        width: 140px;
        height: 21px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display:none;
    }
    .is-scrolled .l-header-logo {
        top: 24px;
        width: 116.6666666667px;
        height: 17.5px
    }
    @media(max-width:1023px) {
        .l-header-logo {
            left: 3.90625vw;
            width: 140px;
            height: 21px
        }
        .is-scrolled .l-header-logo {
            top: 29px
        }
    }
    @media(max-width:767px) {
        .l-header-logo {
            top: 22px;
            left: 5.5555555556vw;
            width: 120.6896551724px;
            height: 18.1034482759px;
            display: none;
        }
        .is-scrolled .l-header-logo {
            top: 24px;
            width: 120.6896551724px;
            height: 18.1034482759px
        }
    }
    .l-header-logo__svg-group--1 {
        fill: #fff
    }
    .is-scrolled .l-header-logo__svg-group--1 {
        fill: #000
    }
    .is-lower .l-header-logo__svg-group--1 {
        fill: #000
    }
    .is-base-black .l-header-logo__svg-group--1 {
        fill: #fff
    }
    .is-gnav-open .l-header-logo__svg-group--1 {
        fill: #000
    }
    .l-header-logo__svg-group--2 {
        fill: #626467
    }
    @media(max-width:767px) {
        .l-header-logo__svg-group {}
    }
    .l-header-gnav {
        position: absolute;
        z-index: 1;
        /*top: 3.6805555556vw;*/
        top:22px;
        right: 5.5555555556vw;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s
    }
    .is-scrolled .l-header-gnav {
        top: 28px
    }
    @media(max-width:1023px) {
        .l-header-gnav {
            right: 3.90625vw
        }
    }
    @media(max-width:767px) {
        .l-header-gnav {
            display: none
        }
    }
    .l-header-gnav__menu {
        display: -webkit-box;
        display: -ms-flexbox;
    }
    .l-header-gnav__menu-item {
        font-size: 14px;
        font-size: 1.4rem;
        /*font-family: "Gilroy", serif;*/
        font-weight: 500;
        position: relative;
        margin-right: 40px;
        letter-spacing: 0.05em
    }
    .l-header-gnav__menu-item:last-child {
        margin-right: 0
    }
    .l-header-gnav__menu-item a {
        display: block;
        /*-webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;*/
        color: #fff
    }
    .is-scrolled .l-header-gnav__menu-item a {
        color: #111
    }
    .is-lower .l-header-gnav__menu-item a {
        color: #111
    }
    .is-base-black .l-header-gnav__menu-item a {
        color: #fff
    }
    .l-header-gnav__menu-item a:hover {
        /*opacity: 0.6;*/
            color: rgb(255 255 255 / 60%);
    }
    .l-header-gnav__menu-item a.balloon:hover {
        background: url(../img/icon_arrow_t.png) no-repeat bottom center;
    }
    .is-scrolled .l-header-gnav__menu-item a:hover {
        color: #111
    }
    .is-lower .l-header-gnav__menu-item a:hover {
        color: #111
    }
    .is-base-black .l-header-gnav__menu-item a:hover {
        color: #fff
    }
    .l-header-gnav__menu-item a:hover:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }
    .l-header-gnav__menu-item.is-current a {
        pointer-events: none
    }
    @media(max-width:1023px) {
        .l-header-gnav__menu-item {
            margin-right: 30px
        }
    }
    .l-header__bg {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 70px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
        background-color: #fff
    }
    .is-scrolled .l-header__bg {
        opacity: 1
    }
    @media(max-width:767px) {
        .l-header__bg {
            height: 70px
        }
    }
    .l-gnav {
        display: none
    }
    @media(max-width:1023px) {
        .l-gnav {
            position: fixed;
            z-index: 1;
            z-index: 20000;
            top: 0;
            right: 0;
            display: block;
            visibility: hidden;
            width: 100%;
            height: 100%;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            pointer-events: none;
            opacity: 0
        }
        .is-gnav-open .l-gnav {
            visibility: visible;
            pointer-events: all;
            opacity: 1
        }
    }
    .l-gnav__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        padding: 0 10%
    }
    @media(max-width:767px) {
        .l-gnav__inner {
            overflow: auto;
            width: 100%;
            padding: 50px 12%
        }
    }
    @media(max-width:1023px) {
        .l-gnav__menu {
            max-width: 100%;
            margin-bottom: 4vw
        }
    }
    .l-gnav__menu-item {
        font-size: 30px;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1;
        font-family: "Gilroy", serif;
        padding: 10px 0;
        cursor: pointer;
        -webkit-transition: 0.45s cubic-bezier(0.39,0.575,0.565,1);
        -o-transition: 0.45s cubic-bezier(0.39,0.575,0.565,1);
        transition: 0.45s cubic-bezier(0.39,0.575,0.565,1);
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        letter-spacing: 0.02em;
        opacity: 0
    }
    .l-gnav__menu-item a {
        display: block;
        color: #000
    }
    .l-gnav__menu-item.is-current a {
        pointer-events: none
    }
    .is-gnav-open .l-gnav__menu-item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    .is-gnav-open .l-gnav__menu-item:first-child {
        -webkit-transition-delay: 0.12s;
        -o-transition-delay: 0.12s;
        transition-delay: 0.12s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(2) {
        -webkit-transition-delay: 0.14s;
        -o-transition-delay: 0.14s;
        transition-delay: 0.14s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(3) {
        -webkit-transition-delay: 0.16s;
        -o-transition-delay: 0.16s;
        transition-delay: 0.16s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(4) {
        -webkit-transition-delay: 0.18s;
        -o-transition-delay: 0.18s;
        transition-delay: 0.18s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(5) {
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(6) {
        -webkit-transition-delay: 0.22s;
        -o-transition-delay: 0.22s;
        transition-delay: 0.22s
    }
    .is-gnav-open .l-gnav__menu-item:nth-child(7) {
        -webkit-transition-delay: 0.24s;
        -o-transition-delay: 0.24s;
        transition-delay: 0.24s
    }
    .l-gnav__bg {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        background-color: #fff
    }
    .l-gnav-toggle {
        position: fixed;
        z-index: 40000;
        top: 0;
        right: 0;
        display: none;
        width: 70px;
        height: 80px;
        cursor: pointer;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    @media(max-width:1023px) {
        .l-gnav-toggle {
            height: 70px
        }
    }
    @media(max-width:767px) {
        .l-gnav-toggle {
            display: block;
            width: 60px;
            height: 60px
        }
    }
    .l-gnav-toggle__inner {
        width: 100%;
        height: 100%;
        padding: 36px 26px
    }
    @media(max-width:1023px) {
        .l-gnav-toggle__inner {
            padding: 26px 21px
        }
    }
    .l-gnav-toggle__bar {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 2px;
        -webkit-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        -o-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    .l-gnav-toggle__bar--1 {
        top: 0
    }
    .l-gnav-toggle__bar--2 {
        margin: 2px 0;
        opacity: 0
    }
    .l-gnav-toggle__bar--3 {
        top: 0
    }
    .is-gnav-open .l-gnav-toggle__bar {
        -webkit-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        -o-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
        transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1)
    }
    .is-gnav-open .l-gnav-toggle__bar--1 {
        top: 4px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .is-gnav-open .l-gnav-toggle__bar--2 {
        opacity: 0
    }
    .is-gnav-open .l-gnav-toggle__bar--3 {
        top: -4px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .l-gnav-toggle__bar-front {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff
    }
    .is-scrolled .l-gnav-toggle__bar-front {
        background: #000
    }
    .is-lower .l-gnav-toggle__bar-front {
        background: #000
    }
    .is-base-black .l-gnav-toggle__bar-front {
        background: #fff
    }
    .is-gnav-open .l-gnav-toggle__bar-front {
        background: #000
    }
    .l-gnav-toggle__bar-back {
        width: 100%;
        height: 2px;
        background: rgba(0, 0, 0, 0.1)
    }
    .l-footer {
        position: relative;
        z-index: 100;
        padding: 6.9444444444vw 5.5555555556vw;
        background-color: #111
    }
    @media(max-width:1023px) {
        .l-footer {
            padding: 10.4166666667vw 3.90625vw
        }
    }
    @media(max-width:767px) {
        .l-footer {
            padding: 18.6666666667vw 0 13.3333333333vw
        }
    }
    .l-footer__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        padding-bottom: 100px;
        border-bottom: 1px solid #333
    }
    @media(max-width:1023px) {
        .l-footer__top {
            display: block;
            margin-bottom: 40px;
            padding-bottom: 60px
        }
    }
    .l-footer__top-logo {
        -ms-flex-preferred-size: 180px;
        flex-basis: 180px;
        max-width: 180px;
        margin-right: auto
    }
    .l-footer__top-logo img {
        width: 100%
    }
    @media(max-width:1023px) {
        .l-footer__top-logo {
            margin: 0 auto 50px
        }
    }
    .l-footer__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    @media(max-width:1023px) {
        .l-footer__menu {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
    }
    .l-footer__menu-item {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1;
        font-family: "Gilroy", serif;
        margin-right: 40px;
        letter-spacing: 0.05em
    }
    .l-footer__menu-item:last-child {
        margin-right: 0
    }
    .l-footer__menu-item a {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #fff
    }
    .l-footer__menu-item a:hover {
        opacity: 0.6
    }
    @media(max-width:1023px) {
        .l-footer__menu-item {
            -webkit-transition: none;
            -o-transition: none;
            transition: none
        }
    }
    @media(max-width:767px) {
        .l-footer__menu-item {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 1;
            margin-right: 30px
        }
    }
    .l-footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    @media(max-width:1023px) {
        .l-footer__bottom {
            display: block;
            text-align: center
        }
    }
    .l-footer__bottom-logo {
        -ms-flex-preferred-size: 92px;
        flex-basis: 92px;
        max-width: 92px;
        margin-right: auto
    }
    .l-footer__bottom-logo img {
        width: 100%
    }
    @media(max-width:1023px) {
        .l-footer__bottom-logo {
            margin: 0 auto 50px
        }
    }
    .l-footer__bottom-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    @media(max-width:1023px) {
        .l-footer__bottom-right {
            display: block
        }
    }
    .l-footer__sub-menu {
        margin-left: 35px
    }
    @media(max-width:1023px) {
        .l-footer__sub-menu {
            margin: 0 0 20px
        }
    }
    .l-footer__sub-menu-item {
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1;
        font-family: "Gilroy", serif;
        letter-spacing: 0.05em
    }
    .l-footer__sub-menu-item a {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #808080
    }
    .l-footer__sub-menu-item a:hover {
        opacity: 0.6;
        color: #808080
    }
    @media(max-width:1023px) {
        .l-footer__sub-menu-item {
            font-size: 10px;
            font-size: 1rem;
            -webkit-transition: none;
            -o-transition: none;
            transition: none
        }
    }
    .l-footer__copyright {
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1;
        font-family: "Gilroy", serif;
        letter-spacing: 0.05em;
        color: #808080
    }
    @media(max-width:1023px) {
        .l-footer__copyright {
            font-size: 10px;
            font-size: 1rem
        }
    }
    .l-main {
        width: 100%;
        overflow: hidden
    }
    .l-content__header {
        padding-top: 13.8888888889vw;
        background-color: #fff
    }
    @media(max-width:1280px) {
        .l-content__header {
            padding-top: 180px
        }
    }
    @media(max-width:1023px) {
        .l-content__header {
            padding-top: 20.8333333333vw
        }
    }
    @media(max-width:767px) {
        .l-content__header {
            padding-top: 32vw
        }
    }
    .l-content__header-top {
        margin-bottom: 5.5555555556vw
    }
    @media(max-width:1023px) {
        .l-content__header-top {
            margin-bottom: 7.8125vw
        }
    }
    @media(max-width:767px) {
        .l-content__header-top {
            margin-bottom: 13.3333333333vw
        }
    }
    .l-content__heading {
        font-family: "Gilroy", serif;
        font-size: 4.1666666667vw;
        font-weight: 700;
        line-height: 1;
        position: relative;
        display: inline-block;
        letter-spacing: 0.02em
    }
    @media(max-width:1023px) {
        .l-content__heading {
            font-size: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .l-content__heading {
            font-size: 8.5333333333vw
        }
    }
    .l-content__header-bottom {
        position: relative;
        padding-bottom: 10.4166666667vw
    }
    @media(max-width:1023px) {
        .l-content__header-bottom {
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .l-content__header-bottom {
            padding-bottom: 13.3333333333vw
        }
    }
    .l-content__header-heading {
        font-size: 3.125vw;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 3.4722222222vw;
        letter-spacing: 0.02em
    }
    .l-content__header-heading--en {
        font-family: "Gilroy", serif;
        line-height: 1.2;
        font-size: 3.4722222222vw
    }
    @media(max-width:1023px) {
        .l-content__header-heading {
            font-size: 5.2083333333vw;
            margin-bottom: 5.2083333333vw
        }
        .l-content__header-heading--en {
            font-size: 5.859375vw
        }
    }
    @media(max-width:767px) {
        .l-content__header-heading {
            font-size: 8.5333333333vw;
            margin-bottom: 8vw
        }
        .l-content__header-heading--en {
            font-size: 10.6666666667vw
        }
    }
    .l-content__header-heading-sub {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1;
        display: block;
        padding-top: 0.3472222222vw;
        font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 2.7777777778vw;
        letter-spacing: 0.08em
    }
    @media(max-width:1023px) {
        .l-content__header-heading-sub {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .l-content__header-heading-sub {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 10.6666666667vw
        }
    }
    .l-content__header-text {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2;
        margin-bottom: 2.0833333333vw;
        letter-spacing: 0.05em
    }
    .l-content__header-text:last-of-type {
        margin-bottom: 0
    }
    @media(max-width:1280px) {
        .l-content__header-text {
            font-size: 15px;
            font-size: 1.5rem
        }
    }
    @media(max-width:1023px) {
        .l-content__header-text {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 25px
        }
    }
    @media(max-width:767px) {
        .l-content__header-text {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.8;
            margin-bottom: 25px
        }
    }
    .l-content__header-button {
        margin-top: 2.0833333333vw
    }
    @media(max-width:1023px) {
        .l-content__header-button {
            margin-bottom: 25px
        }
    }
    @media(max-width:767px) {
        .l-content__header-button {
            margin-bottom: 25px
        }
    }
    .l-content__header-anchor {
        position: absolute;
        top: 0;
        left: 0
    }
    @media(max-width:1023px) {
        .l-content__header-anchor {
            position: static;
            margin-top: 5.2083333333vw
        }
    }
    @media(max-width:767px) {
        .l-content__header-anchor {
            margin-top: 25px
        }
    }
    .c-preloader {
        position: fixed;
        z-index: 10000000;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        text-align: center
    }
    .is-home .c-preloader {
        display: none
    }
    .is-gnav-open .c-preloader {
        pointer-events: none
    }
    .is-page-loaded .c-preloader {
        pointer-events: none
    }
    .c-preloader__inner {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .c-preloader__logo {
        display: none;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 180px;
        height: 27.66px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .c-preloader__logo-svg {
        width: 100%;
        height: 100%
    }
    .c-preloader__logo-svg-group--1 {
        fill: #000
    }
    .c-preloader__logo-svg-group--2 {
        fill: #626467
    }
    @media(max-width:767px) {
        .c-preloader__logo-svg-group {}
    }
    .c-preloader__bg {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f1f1f1
    }
    @font-face {
        font-family: "icomoon";
        src: url("../fonts/icomoon.eot?ptazyz");
        src: url("../fonts/icomoon.eot?ptazyz#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ptazyz") format("truetype"), url("../fonts/icomoon.woff?ptazyz") format("woff"), url("../fonts/icomoon.svg?ptazyz#icomoon") format("svg");
        font-weight: normal;
        font-style: normal
    }
    [class*=c-icon-],
    [class^=c-icon-] {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .c-icon-facebook:before {
        content: ""
    }
    .c-icon-instagram:before {
        content: ""
    }
    .c-icon-twitter:before {
        content: ""
    }
    .c-icon-arrow-down:before {
        content: ""
    }
    .c-icon-arrow-left:before {
        content: ""
    }
    .c-icon-arrow-right:before {
        content: ""
    }
    .c-icon-arrow-up:before {
        content: ""
    }
    .c-icon-newwindow:before {
        content: ""
    }
    .c-button {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1;
        font-family: "Gilroy", serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .c-button span {
        font-size: 10px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1
    }
    .c-button > span {
        margin-right: 12px
    }
    .c-button--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }
    .c-button--right > span {
        margin-left: 12px
    }
    .c-button--w {
        color: #fff
    }
    .c-button--w:hover {
        color: #fff
    }
    .c-button--jp {
        font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif
    }
    @media(max-width:767px) {
        .c-button--right {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row;
            flex-flow: row
        }
        .c-button--right > span {
            margin-right: 12px;
            margin-left: 0
        }
    }
    .c-section {
        position: relative;
        background-color: #fff
    }
    .c-section__inner,
    .l-content__header-inner {
        margin: 0 auto;
        padding: 0 12vw;
        position: relative;
        z-index: 10
    }
    @media(max-width:1023px) {
        .c-section__inner,
        .l-content__header-inner {
            padding: 0 8vw
        }
        .c-section__inner--padp0 {
            padding: 0
        }
    }
    @media(max-width:767px) {
        .c-section__inner,
        .l-content__header-inner {
            padding: 0 8vw
        }
        .c-section__inner--padp0 {
            padding: 0
        }
    }
    .c-heading {
        font-size: 26px;
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 1;
        font-family: "Gilroy", serif;
        position: relative;
        display: inline-block;
        letter-spacing: 0.02em;
        color: #111
    }
    .c-heading--border:after {
        position: absolute;
        top: 50%;
        right: -5px;
        width: 36px;
        height: 1px;
        content: "";
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        background-color: #b2b2b2
    }
    .c-heading--white {
        color: #fff
    }
    .c-heading--white:after {
        background-color: #fff
    }
    @media(max-width:1023px) {
        .c-heading {
            font-size: 25px;
            font-size: 2.5rem
        }
    }
    @media(max-width:767px) {
        .c-heading {
            font-size: 18px;
            font-size: 1.8rem
        }
    }
    .slick-loading .slick-list {
        background: #fff
    }
    .slick-next,
    .slick-prev {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none
    }
    .slick-next:focus,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-prev:hover {
        outline: none;
        background: transparent;
        color: transparent
    }
    .slick-next:focus:before,
    .slick-next:hover:before,
    .slick-prev:focus:before,
    .slick-prev:hover:before {
        opacity: 1
    }
    .slick-next.slick-disabled:before,
    .slick-prev.slick-disabled:before {
        opacity: 0.25
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .slick-prev {
        left: -25px
    }
    [dir=rtl] .slick-prev {
        left: auto;
        right: -25px
    }
    .slick-prev:before {
        content: "←"
    }
    [dir=rtl] .slick-prev:before {
        content: "→"
    }
    .slick-next {
        right: -25px
    }
    [dir=rtl] .slick-next {
        left: -25px;
        right: auto
    }
    .slick-next:before {
        content: "→"
    }
    [dir=rtl] .slick-next:before {
        content: "←"
    }
    .slick-dotted.slick-slider {
        margin-bottom: 30px
    }
    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%
    }
    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }
    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }
    .slick-dots li button:focus,
    .slick-dots li button:hover {
        outline: none
    }
    .slick-dots li button:focus:before,
    .slick-dots li button:hover:before {
        opacity: 1
    }
    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .slick-dots li.slick-active button:before {
        color: black;
        opacity: 0.75
    }
    .slick-slider {
        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-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0
    }
    .slick-list:focus {
        outline: none
    }
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }
    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .slick-track:after,
    .slick-track:before {
        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 {
        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
    }
    .c-circle-cursor {
        position: fixed;
        left: 0;
        top: 0;
        pointer-events: none;
        border-radius: 50%
    }
    .c-circle-cursor--outer {
        width: 30px;
        height: 30px;
        z-index: 100000
    }
    .c-circle-cursor--inner {
        width: 7px;
        height: 7px;
        left: -3.5px;
        top: -3.5px;
        z-index: 11000;
        background: #ccc
    }
    @media(max-width:1023px) {
        .c-circle-cursor {
            display: none
        }
    }
    .c-circle {
        position: relative;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: block
    }
    .c-circle:before {
        font-size: 10px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        font-family: "icomoon" !important;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .c-circle--arrow-down:before {
        content: ""
    }
    .c-circle--arrow-left:before {
        content: ""
    }
    .c-circle--arrow-right:before {
        content: ""
    }
    .c-circle--arrow-up:before {
        content: ""
    }
    .c-circle__line {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        border: 1px solid #999;
        opacity: 0.5;
        border-radius: 50%
    }
    .c-circle__line--white {
        border-color: #fff
    }
    .c-circle__line:hover {
        width: 100%;
        height: 100%;
        opacity: 0.2
    }
    .c-news-list {
        border-top: 1px solid #d5d5d5
    }
    .c-news-list__item {
        border-bottom: 1px solid #d5d5d5;
        width: 100%
    }
    .c-news-list__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        width: 100%
    }
    .c-news-list__item a:hover {
        opacity: 0.6
    }
    @media(max-width:767px) {
        .c-news-list__item a {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }
    .c-news-list__date {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        max-width: 150px;
        letter-spacing: 0.05em;
        font-family: "Gilroy", serif;
        color: #8e8e8e
    }
    @media(max-width:1023px) {
        .c-news-list__date {
            -ms-flex-preferred-size: 110px;
            flex-basis: 110px;
            max-width: 110px;
            margin-bottom: 10px
        }
    }
    @media(max-width:767px) {
        .c-news-list__date {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 2;
            margin-bottom: 5px
        }
    }
    .c-news-list__title {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        letter-spacing: 0.05em
    }
    @media(max-width:767px) {
        .c-news-list__title {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 2;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }
    .c-text-scroll {
        position: relative;
        z-index: 100;
        height: 38.1944444444vw;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    @media(max-width:1023px) {
        .c-text-scroll {
            height: 43.6197916667vw
        }
    }
    @media(max-width:767px) {
        .c-text-scroll {
            height: 66.6666666667vw;
            padding-top: 0;
            padding-bottom: 0
        }
    }
    .c-text-scroll__inner {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-animation: marquee 8s linear infinite;
        animation: marquee 8s linear infinite;
        width: 300vw
    }
    .c-text-scroll__inner:hover .c-text-scroll__item {
        color: #2c2c2c;
        text-shadow: none
    }
    @media(max-width:1023px) {
        .c-text-scroll__inner {
            width: 375vw
        }
    }
    @media(max-width:767px) {
        .c-text-scroll__inner {
            width: 537.6vw
        }
    }
    .c-text-scroll__item {
        display: block;
        width: 150vw;
        height: 19.5833333333vw;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        white-space: nowrap;
        pointer-events: none
    }
    @media(max-width:1023px) {
        .c-text-scroll__item {
            width: 187.5vw;
            height: 24.4791666667vw
        }
    }
    @media(max-width:767px) {
        .c-text-scroll__item {
            width: 288vw;
            height: 37.6vw
        }
    }
    @-webkit-keyframes marquee {
        0% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%)
        }
        to {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }
    }
    @keyframes marquee {
        0% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%)
        }
        to {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }
    }
    .c-text-scroll__svg {
        width: 100%;
        height: 100%;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        fill: transparent;
        stroke: #2c2c2c;
        stroke-width: 0.5px
    }
    .c-text-scroll__inner:hover .c-text-scroll__svg {
        fill: #2c2c2c;
        stroke: transparent
    }
    @media(max-width:767px) {
        .c-text-scroll__svg {
            stroke-width: 0.8px
        }
    }
    .c-box,
    .l-content__header-bottom {
        padding-left: 30vw
    }
    @media(max-width:1023px) {
        .c-box,
        .l-content__header-bottom {
            padding-left: 0
        }
    }
    @media(max-width:767px) {
        .c-box,
        .l-content__header-bottom {
            padding-left: 0
        }
    }
    .c-box__heading {
        position: absolute;
        top: 0;
        left: 12vw
    }
    @media(max-width:1023px) {
        .c-box__heading {
            position: relative;
            left: 0;
            margin-bottom: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .c-box__heading {
            margin-bottom: 10.6666666667vw
        }
    }
    .c-career {
        padding-bottom: 11.1111111111vw
    }
    @media(max-width:1023px) {
        .c-career {
            padding-bottom: 0
        }
    }
    .c-career__banner {
        width: 100%;
        height: 27.7777777778vw;
        text-align: center;
        color: #fff;
        background-image: url('../images/common/career-image.jpg');
        background-position: 50% 50%;
        background-size: cover;
        position: relative
    }
    .c-career__banner a {
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .c-career__banner a:after {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        opacity: 0.4;
        background-color: #000;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .c-career__banner a:hover:after {
        opacity: 0.1
    }
    @media(max-width:1023px) {
        .c-career__banner {
            height: 39.0625vw
        }
    }
    @media(max-width:767px) {
        .c-career__banner {
            height: 69.3333333333vw
        }
    }
    .c-career__button {
        position: relative;
        z-index: 1
    }
    .c-career__heading {
        position: relative;
        z-index: 2;
        font-size: 40px;
        font-size: 4rem;
        font-weight: 700;
        line-height: 1;
        font-family: "Gilroy", serif;
        margin-bottom: 7px;
        letter-spacing: 0.02em
    }
    @media(max-width:767px) {
        .c-career__heading {
            font-size: 30px;
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 0
        }
    }
    .c-career__text {
        position: relative;
        z-index: 2;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 30px;
        letter-spacing: 0.05em
    }
    @media(max-width:767px) {
        .c-career__text {
            font-size: 12px;
            font-size: 1.2rem;
            font-weight: 400;
            line-height: 2;
            margin-bottom: 20px
        }
    }
    .c-career__icon {
        margin: 0 auto
    }
    .c-opening {
        position: fixed;
        z-index: 50000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .c-opening__outer {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .c-opening__bg {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }
    .c-opening__copy {
        position: relative
    }
    .c-opening__copy-svg path {
        fill: #000
    }
    .c-opening__copy-image {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0
    }
    .c-opening__copy-image image {}
    .c-opening__copy-rect {
        position: absolute;
        left: 0;
        background-color: #fff
    }
    .c-opening__copy-rect--1 {
        top: -2%;
        width: 40%;
        height: 45%
    }
    .c-opening__copy-rect--2 {
        top: 45%;
        width: 100%;
        height: 65%
    }
    .c-opening__text {
        opacity: 0
    }
    .c-newwindow:after {
        display: none;
        padding-left: 5px;
        font-size: 10px;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        opacity: 0.5;
        vertical-align: middle
    }
    .p-top {
        padding-top: 0
    }
    @media(max-width:1023px) {
        .p-top {
            padding-top: 0
        }
    }
    @media(max-width:767px) {
        .p-top {
            padding-top: 0
        }
    }
    .p-top-kv {
        position: relative;
        z-index: 50;
        overflow: hidden;
        width: 100%;
        height: 100vh
    }
    .p-top-kv__slider {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    .p-top-kv__slider-item {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: none;
        visibility: hidden;
        overflow: hidden;
        width: 0;
        height: 100%;
        -webkit-transition: width 0.6s cubic-bezier(0.445,0.05,0.55,0.95) 0s;
        -o-transition: width 0.6s cubic-bezier(0.445,0.05,0.55,0.95) 0s;
        transition: width 0.6s cubic-bezier(0.445,0.05,0.55,0.95) 0s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    .is-slide-ready .p-top-kv__slider-item {
        display: block
    }
    .p-top-kv__slider-item.is-now {
        z-index: 10;
        visibility: visible;
        width: 100%;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1
    }
    .p-top-kv__slider-item.is-old {
        z-index: 5;
        visibility: visible;
        width: 100%;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1
    }
    .p-top-kv__slider-item.is-start {
        z-index: 10;
        visibility: visible;
        width: 100%;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        opacity: 1
    }
    .p-top-kv__slider-heading {
        position: absolute;
        z-index: 100;
        right: 3.4722222222vw;
        bottom: 2.0833333333vw;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        text-align: right;
        opacity: 0;
        color: #fff
    }
    .is-now .p-top-kv__slider-heading {
        opacity: 1
    }
    @media(max-width:1023px) {
        .p-top-kv__slider-heading {
            top: 75%;
            right: auto;
            bottom: auto;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center
        }
    }
    .p-top-kv__slider-heading-main {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.5;
        text-align: right;
        letter-spacing: 0.2em;
        color: #fff
    }
    @media(max-width:1023px) {
        .p-top-kv__slider-heading-main {
            font-size: 12px;
            font-size: 1.2rem;
            text-align: center
        }
    }
    .p-top-kv__slider-heading-sub {
        font-size: 10px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        display: block;
        letter-spacing: 0.05em
    }
    .p-top-kv__slider-heading-sub:first-of-type {
        padding-top: 5px
    }
    .p-top-kv__slider-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        width: 100vw;
        height: 100vh;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .p-top-kv__slider-image {
        width: 105%;
        width: 105vw;
        height: 100%;
        -webkit-transition: -webkit-transform 0s linear 0.5s;
        transition: -webkit-transform 0s linear 0.5s;
        -o-transition: transform 0s linear 0.5s;
        transition: transform 0s linear 0.5s;
        transition: transform 0s linear 0.5s, -webkit-transform 0s linear 0.5s;
        -webkit-transform: translate3d(-3%, 0, 0);
        transform: translate3d(-3%, 0, 0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        background-position: center top;
        background-size: cover
    }
    .is-now .p-top-kv__slider-image {
        -webkit-transition: -webkit-transform 6s linear 0s;
        transition: -webkit-transform 6s linear 0s;
        -o-transition: transform 6s linear 0s;
        transition: transform 6s linear 0s;
        transition: transform 6s linear 0s, -webkit-transform 6s linear 0s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .is-old .p-top-kv__slider-image {
        -webkit-transition: -webkit-transform 6s linear 0s;
        transition: -webkit-transform 6s linear 0s;
        -o-transition: transform 6s linear 0s;
        transition: transform 6s linear 0s;
        transition: transform 6s linear 0s, -webkit-transform 6s linear 0s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    @media(max-width:1023px) {
        .p-top-kv__slider-image {
            width: 112vw;
            -webkit-transform: translate3d(-6%, 0, 0);
            transform: translate3d(-6%, 0, 0)
        }
    }
    @media(max-width:767px) {
        .p-top-kv__slider-image {
            width: 120vw;
            -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0)
        }
    }
    .p-top-kv__slider-image--pc {
        display: block
    }
    @media(max-width:767px) {
        .p-top-kv__slider-image--pc {
            display: none
        }
    }
    .p-top-kv__slider-image--sp {
        display: none
    }
    @media(max-width:767px) {
        .p-top-kv__slider-image--sp {
            display: block
        }
    }
    .p-top-kv__slider-nav {
        position: absolute;
        z-index: 100;
        top: 50%;
        right: 70px;
        width: 25px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    @media(max-width:1023px) {
        .p-top-kv__slider-nav {
            display: none
        }
    }
    .p-top-kv__slider-nav-item {
        position: relative;
        display: block;
        width: 25px;
        height: 25px;
        margin: 5px 0;
        cursor: pointer
    }
    .p-top-kv__slider-nav-item:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 5px;
        content: "";
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: #fff
    }
    .p-top-kv__slider-nav-item:hover:after {
        background-color: #00AF98
    }
    .p-top-kv__slider-nav-item.is-current:after {
        background-color: #00AF98
    }
    .p-top-kv__image {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        min-height: 100%
    }
    .p-top-kv__image-inner {
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        min-height: 100%
    }
    .p-top-kv__image-item {
        width: 100%;
        height: 100%;
        -webkit-transition: 5s cubic-bezier(0.39,0.575,0.565,1);
        -o-transition: 5s cubic-bezier(0.39,0.575,0.565,1);
        transition: 5s cubic-bezier(0.39,0.575,0.565,1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        opacity: 0;
        background-position: center top;
        background-size: cover
    }
    .is-page-loaded .p-top-kv__image-item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    .p-top-kv__image-item--pc {
        display: block
    }
    @media(max-width:767px) {
        .p-top-kv__image-item--pc {
            display: none
        }
    }
    .p-top-kv__image-item--sp {
        display: none
    }
    @media(max-width:767px) {
        .p-top-kv__image-item--sp {
            display: block
        }
    }
    .p-top-kv__video {
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    .p-top-kv__video video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .p-top-kv__overlay {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0.3;
        background-color: #000
    }



    .c-opening__inner,
    .p-top-kv__inner {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 30vw;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    @media(max-width:1023px) {
        .c-opening__inner,
        .p-top-kv__inner {
            left: 12vw
        }
    }
    @media(max-width:767px) {
        .c-opening__inner,
        .p-top-kv__inner {
            left: 12vw
        }
    }
    .c-opening__copy,
    .p-top-kv__copy {
        width: 34.7222222222vw;
        height: 12.7430555556vw;
        margin-bottom: 1.1805555556vw;
        vertical-align: bottom
    }
    @media(max-width:1023px) {
        .c-opening__copy,
        .p-top-kv__copy {
            width: 52.0833333333vw;
            height: 19.1145833333vw;
            margin-bottom: 2.6041666667vw
        }
    }
    @media(max-width:767px) {
        .c-opening__copy,
        .p-top-kv__copy {
            width: 71.4666666667vw;
            height: 26.2933333333vw;
            margin-bottom: 5.3333333333vw
        }
    }
    .c-opening__copy-svg,
    .p-top-kv__copy-svg {
        width: 100%;
        height: 100%
    }
    .c-opening__copy-svg path,
    .p-top-kv__copy-svg path {
        fill: #fff
    }
    .c-opening__text,
    .p-top-kv__text {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.2;
        letter-spacing: 0.05em;
        color: #fff
    }
    @media(max-width:1023px) {
        .c-opening__text,
        .p-top-kv__text {
            top: 93.75vw
        }
    }
    @media(max-width:767px) {
        .c-opening__text,
        .p-top-kv__text {
            font-size: 3.2vw
        }
    }
    .p-top-kv__scroll {
        font-size: 10px;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        font-family: "Gilroy", serif;
        position: absolute;
        z-index: 10;
        bottom: 60px;
        left: 70px;
        width: 46px;
        height: 74px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        text-align: center;
        letter-spacing: 0.05em;
        opacity: 0;
        color: #fff
    }
    .p-top-kv__scroll:hover {
        color: #fff
    }
    .is-page-loaded .p-top-kv__scroll {
        opacity: 1
    }
    @media(max-width:1023px) {
        .p-top-kv__scroll {
            bottom: 40px;
            left: 30px
        }
    }
    @media(max-width:767px) {
        .p-top-kv__scroll {
            bottom: 25px;
            left: 20px
        }
    }
    .p-top-kv__scroll-icon {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center
    }
    .p-top-services {
        padding-top: 13.8888888889vw
    }
    @media(max-width:1023px) {
        .p-top-services {
            padding-top: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-top-services {
            padding-top: 16vw
        }
    }
    @media(max-width:1023px) {
        .p-top-services__header {
            padding-bottom: 3.90625vw
        }
    }
    @media(max-width:767px) {
        .p-top-services__header {
            padding-bottom: 0
        }
    }
    @media(max-width:767px) {
        .p-top-services__header-heading {
            position: relative;
            top: 0;
            left: 0;
            margin-bottom: 40px
        }
    }
    .p-top-services__header-text {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.05em
    }
    @media(max-width:1280px) {
        .p-top-services__header-text {
            font-size: 15px;
            font-size: 1.5rem
        }
    }
    @media(max-width:1023px) {
        .p-top-services__header-text {
            font-size: 14px;
            font-size: 1.4rem;
            width: 100%
        }
    }
    @media(max-width:767px) {
        .p-top-services__header-text {
            font-size: 14px;
            font-size: 1.4rem;
            padding-left: 0
        }
    }
    .p-top-services__item {
        position: relative;
        padding-top: 13.1944444444vw;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .p-top-services__item--1 {
        padding-top: 0
    }
    .p-top-services__item--2 {
        z-index: 10
    }
    @media(max-width:1023px) {
        .p-top-services__item {
            padding-top: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-top-services__item {
            padding-top: 32vw
        }
    }
    .p-top-services-list__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .p-top-services-list__inner--1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        background-color: #0762a3
    }
    .p-top-services-list__inner--2 {
        z-index: 10;
        background-color: #b42fa0
    }
    .p-top-services-list__inner--3 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        background-color: #0762a3
    }
    @media(max-width:767px) {
        .p-top-services-list__inner {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        .p-top-services-list__inner--1 {
            -ms-flex-flow: wrap;
            flex-flow: wrap
        }
        .p-top-services-list__inner--3 {
            -ms-flex-flow: wrap;
            flex-flow: wrap
        }
    }
    .p-top-services-list__figure {
        position: relative;
        z-index: 10;
        -ms-flex-preferred-size: 19.4444444444vw;
        flex-basis: 19.4444444444vw;
        max-width: 19.4444444444vw;
        margin: -5.3472222222vw 7.6388888889vw 3.4722222222vw;
        -webkit-filter:drop-shadow(20px 20px 20px rgba(0, 0, 0, 0.3));
        filter:drop-shadow(20px 20px 20px rgba(0, 0, 0, 0.3))
    }
    .p-top-services-list__figure--3 {
        -ms-flex-preferred-size: 41.6666666667vw;
        flex-basis: 41.6666666667vw;
        max-width: 41.6666666667vw;
        margin: -5.3472222222vw 0 3.4722222222vw 4.8611111111vw
    }
    @media(max-width:1023px) {
        .p-top-services-list__figure {
            -ms-flex-preferred-size: 23.4375vw;
            flex-basis: 23.4375vw;
            max-width: 23.4375vw;
            margin: -5.2083333333vw 7.8125vw 3.90625vw;
            -webkit-filter:drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
            filter:drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3))
        }
        .p-top-services-list__figure--3 {
            -ms-flex-preferred-size: 46.875vw;
            flex-basis: 46.875vw;
            max-width: 46.875vw;
            margin: -5.2083333333vw 0 6.5104166667vw 2.6041666667vw
        }
    }
    @media(max-width:767px) {
        .p-top-services-list__figure {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
            margin: -18.6666666667vw auto 8vw;
            text-align: center
        }
        .p-top-services-list__figure img {
            max-width: 57.3333333333vw
        }
        .p-top-services-list__figure--3 img {
            max-width: 100%
        }
    }
    .p-top-services-list__figure-inner {
        position: relative
    }
    .p-top-services-list__image {
        width: 100%;
        opacity: 0
    }
    .p-top-services-list__drawing {
        position: absolute;
        top: 0;
        left: 0
    }
    .p-top-services-list__drawing path {
        fill: none;
        stroke-width: 2;
        stroke: #ddd
    }
    .p-top-services-list__box {
        position: absolute;
        z-index: 10;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .p-top-services-list__box--1 {
        left: 12vw
    }
    .p-top-services-list__box--2 {
        right: 12vw;
        text-align: right
    }
    .p-top-services-list__box--3 {
        left: 12vw
    }
    @media(max-width:1023px) {
        .p-top-services-list__box--1 {
            left: 8vw
        }
        .p-top-services-list__box--2 {
            right: 8vw
        }
        .p-top-services-list__box--3 {
            left: 8vw
        }
    }
    @media(max-width:767px) {
        .p-top-services-list__box {
            position: relative;
            top: 0;
            margin-bottom: 10.6666666667vw;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        .p-top-services-list__box--1 {
            left: 0
        }
        .p-top-services-list__box--2 {
            right: 0;
            text-align: left
        }
        .p-top-services-list__box--3 {
            left: 0
        }
    }
    .p-top-services-list__heading {
        font-family: "Gilroy", serif;
        font-size: 3.4722222222vw;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.02em;
        color: #fff
    }
    @media(max-width:1023px) {
        .p-top-services-list__heading {
            font-size: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .p-top-services-list__heading {
            font-size: 10.6666666667vw
        }
    }
    .p-top-services-list__text {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.8;
        margin-bottom: 30px;
        letter-spacing: 0.05em;
        color: #fff
    }
    @media(max-width:1023px) {
        .p-top-services-list__text {
            font-size: 14px;
            font-size: 1.4rem
        }
    }
    @media(max-width:767px) {
        .p-top-services-list__text {
            font-size: 12px;
            font-size: 1.2rem;
            margin-bottom: 20px
        }
    }
    .p-top-services-list__bg {
        position: absolute;
        z-index: 1;
        top: 3.4722222222vw;
        width: 36.1805555556vw;
        height: 36.1805555556vw
    }
    .p-top-services-list__bg--1 {
        left: 11.5972222222vw
    }
    .p-top-services-list__bg--2 {
        right: 10.625vw
    }
    .p-top-services-list__bg--3 {
        left: 11.5972222222vw
    }
    .p-top-services-list__bg img {
        width: 100%;
        height: auto
    }
    @media(max-width:767px) {
        .p-top-services-list__bg {
            top: auto;
            bottom: 40vw;
            width: 82.6666666667vw
        }
        .p-top-services-list__bg--1 {
            right: -2.6666666667vw;
            left: auto
        }
        .p-top-services-list__bg--2 {
            right: -2.6666666667vw
        }
        .p-top-services-list__bg--3 {
            right: -2.6666666667vw;
            left: auto
        }
    }
    .p-top-services-list__bg-svg {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .p-top-services-list__bg-path-1 {
        opacity: 0.1;
        fill: #fff;
        enable-background: new
    }
    .p-top-services-list__bg-path-2 {
        opacity: 0.15;
        fill: #fff;
        enable-background: new
    }
    .p-top-services-list__bg-path-3 {
        opacity: 0.1;
        fill: #fff;
        enable-background: new
    }
    .p-top-services__cover {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.6s cubic-bezier(0.86,0,0.07,1);
        -o-transition: 0.6s cubic-bezier(0.86,0,0.07,1);
        transition: 0.6s cubic-bezier(0.86,0,0.07,1);
        background-color: #fff
    }
    .is-onscreen .p-top-services__cover {
        width: 0
    }
    @media(max-width:767px) {
        .p-top-services__cover {
            display: none
        }
    }
    @media(max-width:1023px) {
        .p-top-career {
            margin-bottom: 80px
        }
    }
    @media(max-width:767px) {
        .p-top-career {
            margin-bottom: 60px
        }
    }
    .p-top-news {
        padding: 0 0 5.5555555556vw
    }
    @media(max-width:1023px) {
        .p-top-news {
            padding: 0 0 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .p-top-news {
            padding: 0 0 8vw
        }
    }
    @media(max-width:767px) {
        .p-top-news__heading {
            position: relative;
            left: 0;
            margin-bottom: 40px
        }
    }
    .p-top-blog {
        padding: 0 0 11.1111111111vw
    }
    @media(max-width:1023px) {
        .p-top-blog {
            padding: 0 0 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-top-blog {
            padding: 0 0 16vw
        }
    }
    .p-top-blog__heading {
        margin-bottom: 4.1666666667vw
    }
    @media(max-width:1023px) {
        .p-top-blog__heading {
            margin-bottom: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .p-top-blog__heading {
            margin-bottom: 8vw
        }
    }
    .p-top-blog__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .p-top-blog__list-item {
        position: relative;
        overflow: hidden;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding-top: 25%
    }
    @media(max-width:1023px) {
        .p-top-blog__list-item {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
            padding-top: 0
        }
    }
    @media(max-width:1023px) {
        .p-top-blog__list-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 5px 0
        }
    }
    .p-top-blog__list-image {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .is-coming-1 .p-top-blog__list-image {
        background-color: #ddd
    }
    .is-coming-2 .p-top-blog__list-image {
        background-color: #ccc
    }
    .p-top-blog__list-image:after {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0.6;
        background-color: #000
    }
    a:hover .p-top-blog__list-image:after {
        opacity: 0.3
    }
    .p-top-blog__list-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    @media(max-width:1023px) {
        .p-top-blog__list-image {
            position: relative;
            overflow: hidden;
            -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
            max-width: 15%;
            padding-top: 15%
        }
        .p-top-blog__list-image:after {
            display: none
        }
    }
    @media(max-width:767px) {
        .p-top-blog__list-image {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%;
            padding-top: 25%
        }
    }
    .p-top-blog__list-body {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8%;
        color: #fff
    }
    @media(max-width:1023px) {
        .p-top-blog__list-body {
            position: static;
            -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
            max-width: 85%;
            padding: 0 0 0 5%;
            color: #111
        }
    }
    @media(max-width:767px) {
        .p-top-blog__list-body {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
    }
    .p-top-blog__list-date {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.5;
        font-family: "Gilroy", serif;
        display: block;
        padding-bottom: 5px;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-top-blog__list-date {
            font-size: 13px;
            font-size: 1.3rem;
            color: #8e8e8e
        }
    }
    .p-top-blog__list-title {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
        overflow: hidden;
        width: 100%;
        height: 4.5em;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-top-blog__list-title {
            font-size: 13px;
            font-size: 1.3rem;
            height: auto
        }
    }
    .p-about-values {
        z-index: -1;
        padding-top: 10.4166666667vw;
        padding-bottom: 10.4166666667vw;
        color: #fff;
        background-color: #00a38e
    }
    @media(max-width:1023px) {
        .p-about-values {
            padding-top: 10.4166666667vw;
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-about-values {
            padding-top: 16vw;
            padding-bottom: 16vw
        }
    }
    .p-about-values__item {
        padding-top: 20.8333333333vw;
        padding-bottom: 20.8333333333vw
    }
    @media(max-width:1023px) {
        .p-about-values__item {
            padding-top: 13.0208333333vw;
            padding-bottom: 13.0208333333vw
        }
    }
    @media(max-width:767px) {
        .p-about-values__item {
            padding-top: 21.3333333333vw;
            padding-bottom: 21.3333333333vw
        }
    }
    .p-about-values__item-inner {
        width: 100%;
        text-align: center
    }
    .p-about-values__item-heading {
        font-family: "Gilroy", serif;
        font-size: 3.8194444444vw;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 20px;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-about-values__item-heading {
            font-size: 5.859375vw;
            margin-bottom: 10px
        }
    }
    @media(max-width:767px) {
        .p-about-values__item-heading {
            font-size: 10.6666666667vw;
            margin-bottom: 10px
        }
    }
    .p-about-values__item-text {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-about-values__item-text {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 2
        }
    }
    @media(max-width:767px) {
        .p-about-values__item-text {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 2;
            text-align: left
        }
        .p-about-values__item-text br {
            display: none
        }
    }
    .p-about-values__image {
        position: fixed;
        top: 50vh;
        left: 50%;
        width: 62.5vw;
        height: 36.4583333333vw;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        opacity: 0.5
    }
    @media(max-width:767px) {
        .p-about-values__image {
            width: 89.3333333333vw;
            height: 49.6293333333vw
        }
    }
    .p-about-values__image-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 62.5vw;
        height: 36.4583333333vw;
        display: none
    }
    .p-about-values__image-item.is-show {
        display: block
    }
    @media(max-width:767px) {
        .p-about-values__image-item {
            width: 89.3333333333vw;
            height: 49.6293333333vw
        }
    }
    .p-about-values__image-svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        pointer-events: none
    }
    .p-about-overview {
        padding-top: 10.4166666667vw;
        padding-bottom: 10.4166666667vw
    }
    .p-about-overview__list {
        margin-bottom: 30px
    }
    @media(max-width:767px) {
        .p-about-overview__list {
            margin-bottom: 20px;
            border-top: 1px solid #d5d5d5
        }
    }
    .p-about-overview__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
    @media(max-width:767px) {
        .p-about-overview__list-item {
            display: block;
            padding: 20px 0;
            border-bottom: 1px solid #d5d5d5
        }
    }
    .p-about-overview__list-border {
        padding: 30px 0;
        border-top: 1px solid #d5d5d5
    }
    .p-about-overview__list-border.is-last {
        border-bottom: 1px solid #d5d5d5
    }
    @media(max-width:767px) {
        .p-about-overview__list-border {
            padding: 0;
            border: none
        }
        .p-about-overview__list-border.is-last {
            border: none
        }
    }
    .p-about-overview__list-heading {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.8;
        -ms-flex-preferred-size: 160px;
        flex-basis: 160px;
        max-width: 160px;
        padding-right: 40px;
        letter-spacing: 0.05em;
        color: #8e8e8e
    }
    @media(max-width:767px) {
        .p-about-overview__list-heading {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 1.8;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
            margin-bottom: 10px;
            padding-right: 0
        }
    }
    .p-about-overview__list-detection {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.8;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        letter-spacing: 0.05em
    }
    @media(max-width:767px) {
        .p-about-overview__list-detection {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 1.8
        }
    }
    .p-about-overview__map {
        display: block
    }
    .p-careers-culture {
        color: #fff;
        background-color: #1d1d1d
    }
    .p-careers-culture__inner {
        padding-top: 10.4166666667vw;
        padding-bottom: 10.4166666667vw
    }
    @media(max-width:1023px) {
        .p-careers-culture__inner {
            padding-top: 10.4166666667vw;
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-careers-culture__inner {
            padding-top: 16vw;
            padding-bottom: 16vw
        }
    }
    .p-careers-culture__heading {
        margin-bottom: 5.5555555556vw;
        color: #fff
    }
    @media(max-width:1023px) {
        .p-careers-culture__heading {
            margin-bottom: 7.8125vw
        }
    }
    @media(max-width:767px) {
        .p-careers-culture__heading {
            margin-bottom: 10.6666666667vw
        }
    }
    .p-careers-culture__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    @media(max-width:767px) {
        .p-careers-culture__row {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }
    .p-careers-culture__item {
        width: 100%;
        margin-bottom: 80px
    }
    .p-careers-culture__item:last-child {
        margin-bottom: 0
    }
    @media(max-width:1023px) {
        .p-careers-culture__item {
            margin-bottom: 7.8125vw
        }
    }
    @media(max-width:767px) {
        .p-careers-culture__item {
            margin-bottom: 13.3333333333vw
        }
    }
    .p-careers-culture__item-image {
        -ms-flex-preferred-size: 30vw;
        flex-basis: 30vw;
        max-width: 30vw;
        padding-right: 5vw
    }
    .p-careers-culture__item-image img {
        width: 100%
    }
    @media(max-width:767px) {
        .p-careers-culture__item-image {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            width: 100%;
            max-width: 100%;
            padding-right: 0;
            padding-bottom: 4vw
        }
    }
    .p-careers-culture__item-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    @media(max-width:767px) {
        .p-careers-culture__item-body {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            width: 100%;
            max-width: 100%
        }
    }
    .p-careers-culture__item-heading {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 1.3888888889vw;
        letter-spacing: 0.02em
    }
    .p-careers-culture__item-heading--en {
        font-size: 40px;
        font-size: 4rem;
        font-family: "Gilroy", serif
    }
    @media(max-width:1680px) {
        .p-careers-culture__item-heading {
            font-size: 28px;
            font-size: 2.8rem
        }
        .p-careers-culture__item-heading--en {
            font-size: 36px;
            font-size: 3.6rem
        }
    }
    @media(max-width:1280px) {
        .p-careers-culture__item-heading {
            font-size: 24px;
            font-size: 2.4rem
        }
        .p-careers-culture__item-heading--en {
            font-size: 32px;
            font-size: 3.2rem
        }
    }
    @media(max-width:1023px) {
        .p-careers-culture__item-heading {
            font-size: 24px;
            font-size: 2.4rem;
            margin-bottom: 1.3020833333vw
        }
        .p-careers-culture__item-heading--en {
            font-size: 28px;
            font-size: 2.8rem
        }
    }
    @media(max-width:767px) {
        .p-careers-culture__item-heading {
            font-size: 24px;
            font-size: 2.4rem;
            margin-bottom: 4vw
        }
        .p-careers-culture__item-heading--en {
            font-size: 28px;
            font-size: 2.8rem;
            font-weight: bold;
            line-height: 1.5
        }
    }
    .p-careers-culture__item-text {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-careers-culture__item-text {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 2
        }
    }
    @media(max-width:767px) {
        .p-careers-culture__item-text {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 2
        }
    }
    .p-careers-environment {
        padding-top: 10.4166666667vw;
        padding-bottom: 10.4166666667vw
    }
    @media(max-width:1023px) {
        .p-careers-environment {
            padding-top: 10.4166666667vw;
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-careers-environment {
            padding-top: 16vw;
            padding-bottom: 8vw
        }
    }
    .p-careers-environment__heading {
        margin-bottom: 5.5555555556vw
    }
    @media(max-width:1023px) {
        .p-careers-environment__heading {
            margin-bottom: 6.5104166667vw
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__heading {
            margin-bottom: 8vw
        }
    }
    .p-careers-environment__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -2.5vw
    }
    @media(max-width:767px) {
        .p-careers-environment__row {
            margin: 0
        }
    }
    .p-careers-environment__col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 2.5vw
    }
    @media(max-width:767px) {
        .p-careers-environment__col {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
            padding: 0
        }
    }
    .p-careers-environment__item {
        padding: 3.0555555556vw 0;
        border-top: 1px solid #e3e3e3
    }
    @media(max-width:1023px) {
        .p-careers-environment__item {
            padding: 5.7291666667vw 0
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__item {
            padding: 5.3333333333vw 0
        }
    }
    .p-careers-environment__item-body {
        position: relative;
        padding-left: 110px
    }
    @media(max-width:1023px) {
        .p-careers-environment__item-body {
            padding-left: 70px
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__item-body {
            padding-left: 12.2666666667vw
        }
    }
    .p-careers-environment__item-imgae {
        position: absolute;
        top: 0;
        left: 20px
    }
    .p-careers-environment__item-imgae img {
        width: 63px
    }
    @media(max-width:1023px) {
        .p-careers-environment__item-imgae {
            left: 0
        }
        .p-careers-environment__item-imgae img {
            width: 50px
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__item-imgae {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0
        }
        .p-careers-environment__item-imgae img {
            width: 8.5333333333vw
        }
    }
    .p-careers-environment__item-heading {
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.5;
        position: relative;
        margin-bottom: 10px;
        letter-spacing: 0.05em;
        pointer-events: none
    }
    @media(max-width:1023px) {
        .p-careers-environment__item-heading {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: bold;
            line-height: 1.5;
            margin-bottom: 8px
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__item-heading {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: bold;
            line-height: 1.5;
            margin-bottom: 0;
            pointer-events: all
        }
        .p-careers-environment__item-heading:after {
            position: absolute;
            top: 9px;
            right: 0;
            width: 11px;
            height: 1px;
            content: "";
            background-color: #000
        }
        .p-careers-environment__item-heading:before {
            position: absolute;
            top: 4px;
            right: 5px;
            width: 1px;
            height: 11px;
            content: "";
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            background-color: #000
        }
        .p-careers-environment__item-heading.is-toggle-active:before {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }
    @media(max-width:320px) {
        .p-careers-environment__item-heading {
            font-size: 12px;
            font-size: 1.2rem
        }
    }
    .p-careers-environment__item-text {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-careers-environment__item-text {
            font-size: 13px;
            font-size: 1.3rem
        }
    }
    @media(max-width:767px) {
        .p-careers-environment__item-text {
            font-size: 13px;
            font-size: 1.3rem;
            display: none;
            padding-top: 10px;
            padding-right: 25px
        }
    }
    .p-careers-current {
        padding-top: 10.4166666667vw;
        padding-bottom: 10.4166666667vw;
        color: #fff;
        background-color: #00a38e
    }
    .p-careers-current a {
        color: #fff
    }
    @media(max-width:1023px) {
        .p-careers-current {
            padding-top: 10.4166666667vw;
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-careers-current {
            padding-top: 16vw;
            padding-bottom: 16vw
        }
    }
    .p-careers-current__heading {
        color: #fff
    }
    .p-careers-current__heading:after {
        background-color: #fff
    }
    .p-careers-current__heading-en {
        font-size: 40px;
        font-size: 4rem;
        font-weight: bold;
        line-height: 1;
        font-family: "Gilroy", serif;
        margin-bottom: 10px;
        letter-spacing: 0.05em
    }
    @media(max-width:767px) {
        .p-careers-current__heading-en {
            font-size: 32px;
            font-size: 3.2rem;
            margin-bottom: 5px
        }
    }
    .p-careers-current__heading-jp {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 2;
        margin-bottom: 3.4722222222vw;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-careers-current__heading-jp {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 4.9479166667vw
        }
    }
    @media(max-width:767px) {
        .p-careers-current__heading-jp {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 10.1333333333vw
        }
    }
    .p-careers-current__list {
        border-top: 1px solid rgba(255, 255, 255, 0.5)
    }
    .p-careers-current__list-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }
    .p-careers-current__list-item a {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1;
        position: relative;
        display: block;
        padding: 30px 0;
        letter-spacing: 0.05em
    }
    .p-careers-current__list-item a:after {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1;
        font-family: "icomoon" !important;
        position: absolute;
        top: 50%;
        right: 27px;
        display: inline-block;
        margin-left: auto;
        content: "";
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .p-careers-current__list-item a:hover {
        opacity: 0.6
    }
    @media(max-width:1023px) {
        .p-careers-current__list-item a {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: bold;
            line-height: 1;
            padding: 30px 0
        }
        .p-careers-current__list-item a:after {
            right: 20px
        }
    }
    @media(max-width:767px) {
        .p-careers-current__list-item a {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold;
            line-height: 1;
            padding: 5.3333333333vw 0
        }
        .p-careers-current__list-item a:after {
            font-size: 10px;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1;
            right: 10px
        }
    }
    @media(max-width:767px) {
        .p-careers-current__list-item a {
            font-size: 13px;
            font-size: 1.3rem
        }
    }
    .p-services-list {
        padding-bottom: 9.0277777778vw
    }
    @media(max-width:767px) {
        .p-services-list {
            padding-bottom: 0
        }
    }
    .p-services-list__item {
        margin-bottom: 10px;
        padding-top: 9.0277777778vw;
        padding-bottom: 9.0277777778vw;
        background-color: #f7f7f7
    }
    @media(max-width:1023px) {
        .p-services-list__item {
            padding-top: 10.4166666667vw;
            padding-bottom: 10.4166666667vw
        }
    }
    @media(max-width:767px) {
        .p-services-list__item {
            padding-top: 16vw;
            padding-bottom: 16vw
        }
    }
    .p-services-list__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -2.5vw
    }
    @media(max-width:1023px) {
        .p-services-list__row {
            margin: 0;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }
    .p-services-list__col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 2.5vw
    }
    @media(max-width:1023px) {
        .p-services-list__col {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
            padding: 0
        }
    }
    @media(max-width:1023px) {
        .p-services-list__body {
            margin-bottom: 50px
        }
    }
    .p-services-list__number {
        font-family: "Gilroy", serif;
        margin-bottom: 50px;
        letter-spacing: 0.05em
    }
    @media(max-width:767px) {
        .p-services-list__number {
            margin-bottom: 40px
        }
    }
    .p-services-list__heading-en {
        font-size: 3.4722222222vw;
        font-weight: 700;
        line-height: 1;
        font-family: "Gilroy", serif;
        margin-bottom: 20px;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-services-list__heading-en {
            font-size: 50px;
            font-size: 5rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 15px
        }
    }
    @media(max-width:767px) {
        .p-services-list__heading-en {
            font-size: 40px;
            font-size: 4rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 10px
        }
    }
    .p-services-list__heading-ja {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.8;
        margin-bottom: 4.1666666667vw;
        letter-spacing: 0.05em
    }
    @media(max-width:1023px) {
        .p-services-list__heading-ja {
            font-size: 14px;
            font-size: 1.4rem;
            letter-spacing: 0.05em;
            margin-bottom: 40px
        }
    }
    @media(max-width:767px) {
        .p-services-list__heading-ja {
            font-size: 12px;
            font-size: 1.2rem;
            letter-spacing: 0.05em;
            margin-bottom: 40px
        }
    }
    .p-services-list__text {
        max-width: 600px;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2;
        margin-bottom: 30px;
        letter-spacing: 0.08em
    }
    @media(max-width:767px) {
        .p-services-list__text {
            font-size: 13px;
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 2;
            margin-bottom: 30px
        }
    }
    .p-services-list__qr {
        max-width: 100px
    }
    .p-services-list__qr img {
        width: 100%;
        height: auto
    }
    .p-services-list__image img {
        width: 100%;
        height: auto
    }
    @media(max-width:1023px) {
        .p-services-list__image {
            max-width: 70%;
            margin: 0 auto
        }
    }
    @media(max-width:767px) {
        .p-services-list__image {
            max-width: 100%
        }
    }
    .p-404 {
        padding-bottom: 10.4166666667vw
    }
    .u-fz-10 {
        font-size: 10px !important
    }
    .u-fz-11 {
        font-size: 11px !important
    }
    .u-fz-12 {
        font-size: 12px !important
    }
    .u-fz-13 {
        font-size: 13px !important
    }
    .u-fz-14 {
        font-size: 14px !important
    }
    .u-fz-15 {
        font-size: 15px !important
    }
    .u-fz-16 {
        font-size: 16px !important
    }
    .u-fz-17 {
        font-size: 17px !important
    }
    .u-fz-18 {
        font-size: 18px !important
    }
    .u-fz-19 {
        font-size: 19px !important
    }
    .u-fz-20 {
        font-size: 20px !important
    }
    .u-fw-nm {
        font-weight: normal !important
    }
    .u-fw-b {
        font-weight: bold !important
    }
    .u-fw-br {
        font-weight: bolder !important
    }
    .u-fw-l {
        font-weight: 200 !important
    }
    .u-fw-lr {
        font-weight: lighter !important
    }
    .u-fw-100 {
        font-weight: 100 !important
    }
    .u-fw-200 {
        font-weight: 200 !important
    }
    .u-fw-300 {
        font-weight: 300 !important
    }
    .u-fw-400 {
        font-weight: 400 !important
    }
    .u-fw-500 {
        font-weight: 500 !important
    }
    .u-fw-600 {
        font-weight: 600 !important
    }
    .u-fw-700 {
        font-weight: 700 !important
    }
    .u-fw-800 {
        font-weight: 800 !important
    }
    .u-fw-900 {
        font-weight: 900 !important
    }
    .u-fs-nm {
        font-style: normal !important
    }
    .u-fs-i {
        font-style: italic !important
    }
    .u-fs-o {
        font-style: oblique !important
    }
    .u-m-a {
        margin: auto !important
    }
    .u-m-0 {
        margin: 0 !important
    }
    .u-m-0_a {
        margin: 0 auto !important
    }
    .u-m-xs {
        margin: 1rem !important
    }
    .u-m-sm {
        margin: 2rem !important
    }
    .u-m-md {
        margin: 3rem !important
    }
    .u-m-lg {
        margin: 4rem !important
    }
    .u-m-xl {
        margin: 5rem !important
    }
    .u-m-xxl {
        margin: 6rem !important
    }
    .u-mt-0 {
        margin-top: 0 !important
    }
    .u-mt-xs {
        margin-top: 1rem !important
    }
    .u-mt-sm {
        margin-top: 2rem !important
    }
    .u-mt-md {
        margin-top: 3rem !important
    }
    .u-mt-lg {
        margin-top: 4rem !important
    }
    .u-mt-xl {
        margin-top: 5rem !important
    }
    .u-mt-xxl {
        margin-top: 6rem !important
    }
    .u-mr-a {
        margin-right: auto !important
    }
    .u-mr-0 {
        margin-right: 0 !important
    }
    .u-mr-xs {
        margin-right: 1rem !important
    }
    .u-mr-sm {
        margin-right: 2rem !important
    }
    .u-mr-md {
        margin-right: 3rem !important
    }
    .u-mr-lg {
        margin-right: 4rem !important
    }
    .u-mr-xl {
        margin-right: 5rem !important
    }
    .u-mr-xxl {
        margin-right: 6rem !important
    }
    .u-mb-0 {
        margin-bottom: 0 !important
    }
    .u-mb-xs {
        margin-bottom: 1rem !important
    }
    .u-mb-sm {
        margin-bottom: 2rem !important
    }
    .u-mb-md {
        margin-bottom: 3rem !important
    }
    .u-mb-lg {
        margin-bottom: 4rem !important
    }
    .u-mb-xl {
        margin-bottom: 5rem !important
    }
    .u-mb-xxl {
        margin-bottom: 6rem !important
    }
    .u-ml-a {
        margin-left: auto !important
    }
    .u-ml-0 {
        margin-left: 0 !important
    }
    .u-ml-xs {
        margin-left: 1rem !important
    }
    .u-ml-sm {
        margin-left: 2rem !important
    }
    .u-ml-md {
        margin-left: 3rem !important
    }
    .u-ml-lg {
        margin-left: 4rem !important
    }
    .u-ml-xl {
        margin-left: 5rem !important
    }
    .u-ml-xxl {
        margin-left: 6rem !important
    }
    .u-p-0 {
        padding: 0 !important
    }
    .u-p-xs {
        padding: 1rem !important
    }
    .u-p-sm {
        padding: 2rem !important
    }
    .u-p-md {
        padding: 3rem !important
    }
    .u-p-lg {
        padding: 4rem !important
    }
    .u-p-xl {
        padding: 5rem !important
    }
    .u-p-xxl {
        padding: 6rem !important
    }
    .u-pt-0 {
        padding-top: 0 !important
    }
    .u-pt-xs {
        padding-top: 1rem !important
    }
    .u-pt-sm {
        padding-top: 2rem !important
    }
    .u-pt-md {
        padding-top: 3rem !important
    }
    .u-pt-lg {
        padding-top: 4rem !important
    }
    .u-pt-xl {
        padding-top: 5rem !important
    }
    .u-pt-xxl {
        padding-top: 6rem !important
    }
    .u-pr-0 {
        padding-right: 0 !important
    }
    .u-pr-xs {
        padding-right: 1rem !important
    }
    .u-pr-sm {
        padding-right: 2rem !important
    }
    .u-pr-md {
        padding-right: 3rem !important
    }
    .u-pr-lg {
        padding-right: 4rem !important
    }
    .u-pr-xl {
        padding-right: 5rem !important
    }
    .u-pr-xxl {
        padding-right: 5rem !important
    }
    .u-pb-0 {
        padding-bottom: 0 !important
    }
    .u-pb-xs {
        padding-bottom: 1rem !important
    }
    .u-pb-sm {
        padding-bottom: 2rem !important
    }
    .u-pb-md {
        padding-bottom: 3rem !important
    }
    .u-pb-lg {
        padding-bottom: 4rem !important
    }
    .u-pb-xl {
        padding-bottom: 5rem !important
    }
    .u-pb-xxl {
        padding-bottom: 6rem !important
    }
    .u-pl-0 {
        padding-left: 0 !important
    }
    .u-pl-xs {
        padding-left: 1rem !important
    }
    .u-pl-sm {
        padding-left: 2rem !important
    }
    .u-pl-md {
        padding-left: 3rem !important
    }
    .u-pl-lg {
        padding-left: 4rem !important
    }
    .u-pl-xl {
        padding-left: 5rem !important
    }
    .u-pl-xxl {
        padding-left: 6rem !important
    }
    @media(max-width:767px) {
        .u-m-xs {
            margin: 0.5rem !important
        }
        .u-m-sm {
            margin: 1rem !important
        }
        .u-m-md {
            margin: 2rem !important
        }
        .u-m-lg {
            margin: 3rem !important
        }
        .u-m-xl {
            margin: 4rem !important
        }
        .u-m-xxl {
            margin: 5rem !important
        }
        .u-mt-xs {
            margin-top: 0.5rem !important
        }
        .u-mt-sm {
            margin-top: 1rem !important
        }
        .u-mt-md {
            margin-top: 2rem !important
        }
        .u-mt-lg {
            margin-top: 3rem !important
        }
        .u-mt-xl {
            margin-top: 4rem !important
        }
        .u-mt-xxl {
            margin-top: 5rem !important
        }
        .u-mb-xs {
            margin-bottom: 0.5rem !important
        }
        .u-mb-sm {
            margin-bottom: 1rem !important
        }
        .u-mb-md {
            margin-bottom: 2rem !important
        }
        .u-mb-lg {
            margin-bottom: 3rem !important
        }
        .u-mb-xl {
            margin-bottom: 4rem !important
        }
        .u-mb-xxl {
            margin-bottom: 5rem !important
        }
        .u-p-xs {
            padding: 0.5rem !important
        }
        .u-p-sm {
            padding: 1rem !important
        }
        .u-p-md {
            padding: 2rem !important
        }
        .u-p-lg {
            padding: 3rem !important
        }
        .u-p-xl {
            padding: 4rem !important
        }
        .u-pt-xs {
            padding-top: 0.5rem !important
        }
        .u-pt-sm {
            padding-top: 1rem !important
        }
        .u-pt-md {
            padding-top: 2rem !important
        }
        .u-pt-lg {
            padding-top: 3rem !important
        }
        .u-pt-xl {
            padding-top: 4rem !important
        }
        .u-pt-xxl {
            padding-top: 5rem !important
        }
        .u-pb-xs {
            padding-bottom: 0.5rem !important
        }
        .u-pb-sm {
            padding-bottom: 1rem !important
        }
        .u-pb-md {
            padding-bottom: 2rem !important
        }
        .u-pb-lg {
            padding-bottom: 3rem !important
        }
        .u-pb-xl {
            padding-bottom: 4rem !important
        }
        .u-pb-xxl {
            padding-bottom: 4rem !important
        }
    }
    .u-lisi-n {
        list-style-image: none !important
    }
    .u-va-sup {
        vertical-align: super !important
    }
    .u-va-t {
        vertical-align: top !important
    }
    .u-va-tt {
        vertical-align: text-top !important
    }
    .u-va-m {
        vertical-align: middle !important
    }
    .u-va-bl {
        vertical-align: baseline !important
    }
    .u-va-b {
        vertical-align: bottom !important
    }
    .u-va-tb {
        vertical-align: text-bottom !important
    }
    .u-va-sub {
        vertical-align: sub !important
    }
    .u-ta-l {
        text-align: left !important
    }
    .u-ta-c {
        text-align: center !important
    }
    .u-ta-r {
        text-align: right !important
    }
    .u-ta-j {
        text-align: justify !important
    }
    .u-td-n {
        text-decoration: none !important
    }
    .u-td-u {
        text-decoration: underline !important
    }
    .u-td-o {
        text-decoration: overline !important
    }
    .u-td-l {
        text-decoration: line-through !important
    }
    .u-te-n {
        -webkit-text-emphasis: none !important;
        text-emphasis: none !important
    }
    .u-float-l {
        float: left !important
    }
    .u-float-r {
        float: right !important
    }
    .u-c-require {
        color: #d5007d !important
    }
    .u-c-white {
        color: #fff !important
    }
    .u-c-primary {
        color: #111 !important
    }
    .u-d-n {
        display: none !important
    }
    .u-d-b {
        display: block !important
    }
    .u-d-f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .u-d-if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
    .u-d-i {
        display: inline !important
    }
    .u-d-ib {
        display: inline-block !important
    }
    .u-d-li {
        display: list-item !important
    }
    .u-d-ri {
        display: run-in !important
    }
    .u-d-cp {
        display: compact !important
    }
    .u-d-tb {
        display: table !important
    }
    .u-d-itb {
        display: inline-table !important
    }
    .u-d-tbcp {
        display: table-caption !important
    }
    .u-d-tbcl {
        display: table-column !important
    }
    .u-d-tbclg {
        display: table-column-group !important
    }
    .u-d-tbhg {
        display: table-header-group !important
    }
    .u-d-tbfg {
        display: table-footer-group !important
    }
    .u-d-tbr {
        display: table-row !important
    }
    .u-d-tbrg {
        display: table-row-group !important
    }
    .u-d-tbc {
        display: table-cell !important
    }
    .u-d-rb {
        display: ruby !important
    }
    .u-d-rbb {
        display: ruby-base !important
    }
    .u-d-rbbg {
        display: ruby-base-group !important
    }
    .u-d-rbt {
        display: ruby-text !important
    }
    .u-d-rbtg {
        display: ruby-text-group !important
    }
    .u-d-xs-n {
        display: none !important
    }
    .u-d-xs-b {
        display: block !important
    }
    .u-d-xs-f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .u-d-xs-if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
    .u-d-xs-i {
        display: inline !important
    }
    .u-d-xs-ib {
        display: inline-block !important
    }
    @media(min-width:768px) {
        .u-d-sm-n {
            display: none !important
        }
        .u-d-sm-b {
            display: block !important
        }
        .u-d-sm-f {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }
        .u-d-sm-if {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
        .u-d-sm-i {
            display: inline !important
        }
        .u-d-sm-ib {
            display: inline-block !important
        }
    }
    @media(min-width:1024px) {
        .u-d-md-n {
            display: none !important
        }
        .u-d-md-b {
            display: block !important
        }
        .u-d-md-f {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }
        .u-d-md-if {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
        .u-d-md-i {
            display: inline !important
        }
        .u-d-md-ib {
            display: inline-block !important
        }
    }
    @media(min-width:1281px) {
        .u-d-lg-n {
            display: none !important
        }
        .u-d-lg-b {
            display: block !important
        }
        .u-d-lg-f {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }
        .u-d-lg-if {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
        .u-d-lg-i {
            display: inline !important
        }
        .u-d-lg-ib {
            display: inline-block !important
        }
    }
    .u-fd-rr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .u-fd-cr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .u-jc-s {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .u-jc-c {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .u-jc-e {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .u-ai-s {
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start
    }
    .u-ai-c {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center
    }
    .u-ai-e {
        -webkit-box-align: end;
        align-items: flex-end;
        -ms-flex-align: end
    }
    .clear,
    .u-clearfix:after,
    .u-clearfix:before {
        font-size: 0;
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: " "
    }
    .u-clearfix:after {
        clear: both
    }
    .u-sp-block {
        display: none
    }
    @media(max-width:767px) {
        .u-sp-block {
            display: block
        }
    }
    .u-pc-block {
        display: block
    }
    @media(max-width:767px) {
        .u-pc-block {
            display: none
        }
    }
    .u-sp-inline {
        display: none !important
    }
    @media(max-width:767px) {
        .u-sp-inline {
            display: inline !important
        }
    }
    .u-pc-inline {
        display: inline !important
    }
    @media(max-width:767px) {
        .u-pc-inline {
            display: none !important
        }
    }
    .u-sp-inlineblock {
        display: none
    }
    @media(max-width:767px) {
        .u-sp-inlineblock {
            display: inline-block
        }
    }
    .u-pc-inlineblock {
        display: inline-block
    }
    @media(max-width:767px) {
        .u-pc-inlineblock {
            display: none
        }
    }
    .u-img-responsive {
        display: inline-block;
        max-width: 100%;
        height: auto
    }
    .u-img-no-responsive {
        display: inline-block;
        max-width: auto;
        height: auto
    }
    .u-img-fit {
        display: inline-block;
        width: 100%;
        height: auto
    }
    .is-onscreen .u-delay-004 {
        -webkit-transition-delay: 0.04s !important;
        -o-transition-delay: 0.04s !important;
        transition-delay: 0.04s !important;
        -webkit-animation-delay: 0.04s !important;
        animation-delay: 0.04s !important
    }
    .is-onscreen .u-delay-005 {
        -webkit-transition-delay: 0.05s !important;
        -o-transition-delay: 0.05s !important;
        transition-delay: 0.05s !important;
        -webkit-animation-delay: 0.05s !important;
        animation-delay: 0.05s !important
    }
    .is-onscreen .u-delay-008 {
        -webkit-transition-delay: 0.08s !important;
        -o-transition-delay: 0.08s !important;
        transition-delay: 0.08s !important;
        -webkit-animation-delay: 0.08s !important;
        animation-delay: 0.08s !important
    }
    .is-onscreen .u-delay-010 {
        -webkit-transition-delay: 0.1s !important;
        -o-transition-delay: 0.1s !important;
        transition-delay: 0.1s !important;
        -webkit-animation-delay: 0.1s !important;
        animation-delay: 0.1s !important
    }
    .is-onscreen .u-delay-012 {
        -webkit-transition-delay: 0.12s !important;
        -o-transition-delay: 0.12s !important;
        transition-delay: 0.12s !important;
        -webkit-animation-delay: 0.12s !important;
        animation-delay: 0.12s !important
    }
    .is-onscreen .u-delay-015 {
        -webkit-transition-delay: 0.15s !important;
        -o-transition-delay: 0.15s !important;
        transition-delay: 0.15s !important;
        -webkit-animation-delay: 0.15s !important;
        animation-delay: 0.15s !important
    }
    .is-onscreen .u-delay-016 {
        -webkit-transition-delay: 0.16s !important;
        -o-transition-delay: 0.16s !important;
        transition-delay: 0.16s !important;
        -webkit-animation-delay: 0.16s !important;
        animation-delay: 0.16s !important
    }
    .is-onscreen .u-delay-020 {
        -webkit-transition-delay: 0.2s !important;
        -o-transition-delay: 0.2s !important;
        transition-delay: 0.2s !important;
        -webkit-animation-delay: 0.2s !important;
        animation-delay: 0.2s !important
    }
    .is-onscreen .u-delay-024 {
        -webkit-transition-delay: 0.24s !important;
        -o-transition-delay: 0.24s !important;
        transition-delay: 0.24s !important;
        -webkit-animation-delay: 0.24s !important;
        animation-delay: 0.24s !important
    }
    .is-onscreen .u-delay-025 {
        -webkit-transition-delay: 0.25s !important;
        -o-transition-delay: 0.25s !important;
        transition-delay: 0.25s !important;
        -webkit-animation-delay: 0.25s !important;
        animation-delay: 0.25s !important
    }
    .is-onscreen .u-delay-028 {
        -webkit-transition-delay: 0.28s !important;
        -o-transition-delay: 0.28s !important;
        transition-delay: 0.28s !important;
        -webkit-animation-delay: 0.28s !important;
        animation-delay: 0.28s !important
    }
    .is-onscreen .u-delay-030 {
        -webkit-transition-delay: 0.3s !important;
        -o-transition-delay: 0.3s !important;
        transition-delay: 0.3s !important;
        -webkit-animation-delay: 0.3s !important;
        animation-delay: 0.3s !important
    }
    .is-onscreen .u-delay-032 {
        -webkit-transition-delay: 0.32s !important;
        -o-transition-delay: 0.32s !important;
        transition-delay: 0.32s !important;
        -webkit-animation-delay: 0.32s !important;
        animation-delay: 0.32s !important
    }
    .is-onscreen .u-delay-035 {
        -webkit-transition-delay: 0.35s !important;
        -o-transition-delay: 0.35s !important;
        transition-delay: 0.35s !important;
        -webkit-animation-delay: 0.35s !important;
        animation-delay: 0.35s !important
    }
    .is-onscreen .u-delay-036 {
        -webkit-transition-delay: 0.36s !important;
        -o-transition-delay: 0.36s !important;
        transition-delay: 0.36s !important;
        -webkit-animation-delay: 0.36s !important;
        animation-delay: 0.36s !important
    }
    .is-onscreen .u-delay-040 {
        -webkit-transition-delay: 0.4s !important;
        -o-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important;
        -webkit-animation-delay: 0.4s !important;
        animation-delay: 0.4s !important
    }
    .is-onscreen .u-delay-044 {
        -webkit-transition-delay: 0.44s !important;
        -o-transition-delay: 0.44s !important;
        transition-delay: 0.44s !important;
        -webkit-animation-delay: 0.44s !important;
        animation-delay: 0.44s !important
    }
    .is-onscreen .u-delay-045 {
        -webkit-transition-delay: 0.45s !important;
        -o-transition-delay: 0.45s !important;
        transition-delay: 0.45s !important;
        -webkit-animation-delay: 0.45s !important;
        animation-delay: 0.45s !important
    }
    .is-onscreen .u-delay-048 {
        -webkit-transition-delay: 0.48s !important;
        -o-transition-delay: 0.48s !important;
        transition-delay: 0.48s !important;
        -webkit-animation-delay: 0.48s !important;
        animation-delay: 0.48s !important
    }
    .is-onscreen .u-delay-050 {
        -webkit-transition-delay: 0.5s !important;
        -o-transition-delay: 0.5s !important;
        transition-delay: 0.5s !important;
        -webkit-animation-delay: 0.5s !important;
        animation-delay: 0.5s !important
    }
    .is-onscreen .u-delay-052 {
        -webkit-transition-delay: 0.52s !important;
        -o-transition-delay: 0.52s !important;
        transition-delay: 0.52s !important;
        -webkit-animation-delay: 0.52s !important;
        animation-delay: 0.52s !important
    }
    .is-onscreen .u-delay-055 {
        -webkit-transition-delay: 0.55s !important;
        -o-transition-delay: 0.55s !important;
        transition-delay: 0.55s !important;
        -webkit-animation-delay: 0.55s !important;
        animation-delay: 0.55s !important
    }
    .is-onscreen .u-delay-056 {
        -webkit-transition-delay: 0.56s !important;
        -o-transition-delay: 0.56s !important;
        transition-delay: 0.56s !important;
        -webkit-animation-delay: 0.56s !important;
        animation-delay: 0.56s !important
    }
    .is-onscreen .u-delay-060 {
        -webkit-transition-delay: 0.6s !important;
        -o-transition-delay: 0.6s !important;
        transition-delay: 0.6s !important;
        -webkit-animation-delay: 0.6s !important;
        animation-delay: 0.6s !important
    }
    .is-onscreen .u-delay-064 {
        -webkit-transition-delay: 0.64s !important;
        -o-transition-delay: 0.64s !important;
        transition-delay: 0.64s !important;
        -webkit-animation-delay: 0.64s !important;
        animation-delay: 0.64s !important
    }
    .is-onscreen .u-delay-065 {
        -webkit-transition-delay: 0.65s !important;
        -o-transition-delay: 0.65s !important;
        transition-delay: 0.65s !important;
        -webkit-animation-delay: 0.65s !important;
        animation-delay: 0.65s !important
    }
    .is-onscreen .u-delay-068 {
        -webkit-transition-delay: 0.68s !important;
        -o-transition-delay: 0.68s !important;
        transition-delay: 0.68s !important;
        -webkit-animation-delay: 0.68s !important;
        animation-delay: 0.68s !important
    }
    .is-onscreen .u-delay-070 {
        -webkit-transition-delay: 0.7s !important;
        -o-transition-delay: 0.7s !important;
        transition-delay: 0.7s !important;
        -webkit-animation-delay: 0.7s !important;
        animation-delay: 0.7s !important
    }
    .is-onscreen .u-delay-072 {
        -webkit-transition-delay: 0.72s !important;
        -o-transition-delay: 0.72s !important;
        transition-delay: 0.72s !important;
        -webkit-animation-delay: 0.72s !important;
        animation-delay: 0.72s !important
    }
    .is-onscreen .u-delay-075 {
        -webkit-transition-delay: 0.75s !important;
        -o-transition-delay: 0.75s !important;
        transition-delay: 0.75s !important;
        -webkit-animation-delay: 0.75s !important;
        animation-delay: 0.75s !important
    }
    .is-onscreen .u-delay-076 {
        -webkit-transition-delay: 0.76s !important;
        -o-transition-delay: 0.76s !important;
        transition-delay: 0.76s !important;
        -webkit-animation-delay: 0.76s !important;
        animation-delay: 0.76s !important
    }
    .is-onscreen .u-delay-080 {
        -webkit-transition-delay: 0.8s !important;
        -o-transition-delay: 0.8s !important;
        transition-delay: 0.8s !important;
        -webkit-animation-delay: 0.8s !important;
        animation-delay: 0.8s !important
    }
    .is-onscreen .u-delay-085 {
        -webkit-transition-delay: 0.85s !important;
        -o-transition-delay: 0.85s !important;
        transition-delay: 0.85s !important;
        -webkit-animation-delay: 0.85s !important;
        animation-delay: 0.85s !important
    }
    .is-onscreen .u-delay-090 {
        -webkit-transition-delay: 0.9s !important;
        -o-transition-delay: 0.9s !important;
        transition-delay: 0.9s !important;
        -webkit-animation-delay: 0.9s !important;
        animation-delay: 0.9s !important
    }
    .is-onscreen .u-delay-095 {
        -webkit-transition-delay: 0.95s !important;
        -o-transition-delay: 0.95s !important;
        transition-delay: 0.95s !important;
        -webkit-animation-delay: 0.95s !important;
        animation-delay: 0.95s !important
    }
    .is-onscreen .u-delay-100 {
        -webkit-transition-delay: 1s !important;
        -o-transition-delay: 1s !important;
        transition-delay: 1s !important;
        -webkit-animation-delay: 1s !important;
        animation-delay: 1s !important
    }
    .is-onscreen .u-delay-105 {
        -webkit-transition-delay: 1.05s !important;
        -o-transition-delay: 1.05s !important;
        transition-delay: 1.05s !important;
        -webkit-animation-delay: 1.05s !important;
        animation-delay: 1.05s !important
    }
    .is-onscreen .u-delay-110 {
        -webkit-transition-delay: 1.1s !important;
        -o-transition-delay: 1.1s !important;
        transition-delay: 1.1s !important;
        -webkit-animation-delay: 1.1s !important;
        animation-delay: 1.1s !important
    }
    .is-onscreen .u-delay-105 {
        -webkit-transition-delay: 1.05s !important;
        -o-transition-delay: 1.05s !important;
        transition-delay: 1.05s !important;
        -webkit-animation-delay: 1.05s !important;
        animation-delay: 1.05s !important
    }
    .is-onscreen .u-delay-110 {
        -webkit-transition-delay: 1.1s !important;
        -o-transition-delay: 1.1s !important;
        transition-delay: 1.1s !important;
        -webkit-animation-delay: 1.1s !important;
        animation-delay: 1.1s !important
    }
    .is-onscreen .u-delay-115 {
        -webkit-transition-delay: 1.15s !important;
        -o-transition-delay: 1.15s !important;
        transition-delay: 1.15s !important;
        -webkit-animation-delay: 1.15s !important;
        animation-delay: 1.15s !important
    }
    .is-onscreen .u-delay-120 {
        -webkit-transition-delay: 1.2s !important;
        -o-transition-delay: 1.2s !important;
        transition-delay: 1.2s !important;
        -webkit-animation-delay: 1.2s !important;
        animation-delay: 1.2s !important
    }
    .is-onscreen .u-delay-125 {
        -webkit-transition-delay: 1.25s !important;
        -o-transition-delay: 1.25s !important;
        transition-delay: 1.25s !important;
        -webkit-animation-delay: 1.25s !important;
        animation-delay: 1.25s !important
    }
    .is-onscreen .u-delay-130 {
        -webkit-transition-delay: 1.3s !important;
        -o-transition-delay: 1.3s !important;
        transition-delay: 1.3s !important;
        -webkit-animation-delay: 1.3s !important;
        animation-delay: 1.3s !important
    }
    .is-onscreen .u-delay-135 {
        -webkit-transition-delay: 1.35s !important;
        -o-transition-delay: 1.35s !important;
        transition-delay: 1.35s !important;
        -webkit-animation-delay: 1.35s !important;
        animation-delay: 1.35s !important
    }
    .is-onscreen .u-delay-140 {
        -webkit-transition-delay: 1.4s !important;
        -o-transition-delay: 1.4s !important;
        transition-delay: 1.4s !important;
        -webkit-animation-delay: 1.4s !important;
        animation-delay: 1.4s !important
    }
    .is-onscreen .u-delay-145 {
        -webkit-transition-delay: 1.45s !important;
        -o-transition-delay: 1.45s !important;
        transition-delay: 1.45s !important;
        -webkit-animation-delay: 1.45s !important;
        animation-delay: 1.45s !important
    }
    .is-onscreen .u-delay-150 {
        -webkit-transition-delay: 1.5s !important;
        -o-transition-delay: 1.5s !important;
        transition-delay: 1.5s !important;
        -webkit-animation-delay: 1.5s !important;
        animation-delay: 1.5s !important
    }
    .is-onscreen .u-delay-155 {
        -webkit-transition-delay: 1.55s !important;
        -o-transition-delay: 1.55s !important;
        transition-delay: 1.55s !important;
        -webkit-animation-delay: 1.55s !important;
        animation-delay: 1.55s !important
    }
    .is-onscreen .u-delay-160 {
        -webkit-transition-delay: 1.6s !important;
        -o-transition-delay: 1.6s !important;
        transition-delay: 1.6s !important;
        -webkit-animation-delay: 1.6s !important;
        animation-delay: 1.6s !important
    }
    .is-onscreen .u-delay-165 {
        -webkit-transition-delay: 1.65s !important;
        -o-transition-delay: 1.65s !important;
        transition-delay: 1.65s !important;
        -webkit-animation-delay: 1.65s !important;
        animation-delay: 1.65s !important
    }
    .is-onscreen .u-delay-170 {
        -webkit-transition-delay: 1.7s !important;
        -o-transition-delay: 1.7s !important;
        transition-delay: 1.7s !important;
        -webkit-animation-delay: 1.7s !important;
        animation-delay: 1.7s !important
    }
    .u-youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%
    }
    .u-youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important
    }
    .u-hover-shit {
        pointer-events: none
    }
    .js-fadein {
        -webkit-transition: all 1.2s cubic-bezier(0.165,0.84,0.44,1) 0.3s;
        -o-transition: all 1.2s cubic-bezier(0.165,0.84,0.44,1) 0.3s;
        transition: all 1.2s cubic-bezier(0.165,0.84,0.44,1) 0.3s;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0
    }
    .js-fadein.is-onscreen {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1 !important
    }
    .is-onscreen .js-fadein {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1 !important
    }
    .u-fadein {
        opacity: 0
    }
    .u-fadein.is-onscreen {
        -webkit-animation: fadeIn 1s ease 0.2s forwards;
        animation: fadeIn 1s ease 0.2s forwards
    }
    .is-onscreen .u-fadein {
        -webkit-animation: fadeIn 1s ease 0.2s forwards;
        animation: fadeIn 1s ease 0.2s forwards
    }
    .u-fadeinup {
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0
    }
    .u-fadeinup.is-onscreen {
        -webkit-animation: fadeInUp 1s ease 0.2s forwards;
        animation: fadeInUp 1s ease 0.2s forwards
    }
    .is-onscreen .u-fadeinup {
        -webkit-animation: fadeInUp 1s ease 0.2s forwards;
        animation: fadeInUp 1s ease 0.2s forwards
    }
    @-webkit-keyframes moveLineLeftToRight {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
        49.9% {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
        50% {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }
    @keyframes moveLineLeftToRight {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
        49.9% {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
        50% {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }
    @-webkit-keyframes moveLineTopToBottom {
        0% {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
        49.9% {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
        50% {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
        to {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
    }
    @keyframes moveLineTopToBottom {
        0% {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
        49.9% {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
        50% {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
        to {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes fadeInUp {
        0% {
            -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
            opacity: 0
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    @keyframes fadeInUp {
        0% {
            -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
            opacity: 0
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }



.company{
  width:100%;
  background: url(../img/bg_contact.jpg) no-repeat;
  background-size: cover;
  text-align:center;
  padding:5% 0;
}
.company img{
  width:100%;
}

.company p{
  margin:0 auto 20px;
  max-width:342px;
}
.company p + p{
  max-width:302px;
}


.contact{
}
.contact .inner{
  max-width: 1000px;
  margin: 5% auto;
  overflow: hidden;
}
.contact img{
  width:100%;

}

.contact .contact_box{
  float:left;
  width:40%;
  position: relative;
}
.contact .contact_box p{
  margin:5%;
}
.contact .contact_box p.contact_tit{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  max-width:302px;
  margin: 0;
  width: 76%;
}
.contact .contact_box + .contact_box{
  border-left:1px solid #000;
  width:60%;
}
.contact .contact_box + .contact_box p{
  margin:0 auto 20px;
      width: 82%;
}

.footer {
 background: #F9F9F9;
 padding: 4% 0 0;
}
.footer .inner{
  max-width:1100px;
  margin:0 auto;
  overflow: hidden;
}

.footer .footer_box{
  float: left;
  width: 35%;
  font-size: 12px;
  line-height: 1.8;
}
.footer .footer_box + .footer_box{
  float:left;
  width:65%;
}
.footer .footer_box p{
  margin:0 auto 20px;
}

.footer .link01{
  display: -webkit-flex;
  display: flex;
  font-size:16px;
  font-weight:bold;
}
.footer .link01 li{
      margin-right: 4%;
}

.footer .link01 li a.disable{
      pointer-events: none;
      opacity: 0.5;
}


.footer .link02{
  font-size: 14px;
  margin: 4% auto 0;
}

.footer .link03{
  clear:both;
  overflow: hidden;
}
.footer .link03 ul{
  overflow: hidden;
      width: 363px;
  font-size:14px;
  float: right;
}
.footer .link03 ul li{
  float:left;
}
.footer .link03 ul li + li {
    border-left: 1px solid #000;
    margin-left: 5%;
    padding-left: 5%;
}

.footer .link04{
  clear:both;
  overflow: hidden;
}
.footer .link04 ul{
    overflow: hidden;
    width: 106px;
    float: right;
    margin: 0 20px 2% 0;
}
.footer .link04 ul li{
    float: left;
    max-width: 48px;
    width: 45%;
}
.footer .link04 ul li img{
  width:100%;
}
.footer .link04 ul li + li {
  margin-left: 10%;
}



.copyright{
  font-size: 14px;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 1% 0;
  margin: 3% auto 0;
}



@media (max-width: 767px) {

  .company p {
    width:50%;
}
  .footer .footer_box {
    float: none;
    width: 100%;
    text-align: center;
}
.footer .footer_box + .footer_box {
    float: none;
    width: 100%;
}
.footer .link01 {
    display: -webkit-block;
    display: block;
}
.footer .link01 li {
    margin-right: auto;
}

.footer .link03 ul {
    float:none;
    margin: 30px auto 0;
}

.footer .link04{
  clear:both;
  overflow: hidden;
}
.footer .link04 ul{
    overflow: hidden;
    width: 106px;
    float: none;
    margin: 3% auto 0;
}



}




body.second{
  padding-top:4%;
}

.second .l-header {
    position: fixed;
    z-index: 30000;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    height: 80px;
    box-shadow: 0 0 20px 0px #ccc;
    background: #fff;
}
.second .l-header-logo {
    position: absolute;
    z-index: 1;
    /*top: 1.2222vw;*/
    top:22px;
    left: 5.5555555556vw;
    width: 140px;
    height: 21px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
  }
.second .l-header-gnav {
    position: absolute;
    z-index: 1;
    /*top: 1.1vw;*/
    top:20px;
    right: 5.5555555556vw;
    /*-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;*/
}
.second .l-header-gnav__menu-item a {
    display: block;
    /*-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;*/
    color: #000;
}
.second .l-header-gnav__menu-item a:hover {
    opacity: 0.6;
    color: #757575;
}
.second .l-header-gnav__menu-item a.disable {
    pointer-events:none;
    opacity: 0.5;
}
.second .l-gnav-toggle__bar-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}


.float_bnr{
  position: fixed;
  right:0;
  top:20%;
      z-index: 99999;
}




@media (max-width: 767px) {

  body.second{
    padding-top: 10vw;
  }
.second .l-header {
    background: #333;
}
.second .l-header-logo {
    display: none;
  }


  .float_bnr{
    display:none;
  }
}
@media (max-width: 570px) {

  body.second{
    padding-top: 14vw;
  }
}
@media (max-width: 400px) {

  body.second{
    padding-top: 20vw;
  }
}

/*SP navi*/
nav.globalMenuSp , .navToggle{
  display: none;
}

  @media (max-width: 767px) {
  nav.globalMenuSp {
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      background: #fff;
      color: #000;
      text-align: center;
      transform: translateY(-100%);
      transition: all 0.6s;
      width: 100%;
      display: block;

  }

  nav.globalMenuSp ul {
      background: #000;
      margin: 0 auto;
      padding: 0;
      width: 100%;
  }
  nav.globalMenuSp ul.second-menu {
      background: #1d1d1d;
  }
  nav.globalMenuSp ul li {
      font-size: 12px;
      list-style-type: none;
      padding: 0;
      width: 100%;
      border-bottom: 1px dotted #333;
  }

  /* 最後はラインを描かない */
  nav.globalMenuSp ul li:last-child {
      padding-bottom: 0;
      border-bottom: none;
  }

  nav.globalMenuSp ul li a {
      display: block;
      color: #fff;
      padding: 4% 0;
  }


    nav.globalMenuSp ul li a.disable {
    pointer-events: none;
    opacity: 0.5;

  }


  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
      transform: translateY(0%);
      z-index: 99999999;
  }


/*----------------------------------------------------*/
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: 12px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 99999999999999;
        background: #000;
            text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {
    top: 9px;
}

.navToggle span:nth-child(2) {
    top: 18px;
}

.navToggle span:nth-child(3) {
    top: 27px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}


/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


}






.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    /*width: 25%;  グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    /*background: rgb(29, 33, 19);*/
}

.menu li a {
    display: block;
    color: #fff;
}

.menu li a.disable {
  pointer-events: none;
  opacity: 0.5;

}

.menu .menu__second-level li a {
    display: block;
    color: #000;
    background: url(../img/icon_arrow.png) no-repeat right center;
}

.menu .menu__second-level li a.disable {
  pointer-events: none;
  opacity: 0.5;

}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}



.menu__second-level li {
    border-top: 1px solid #111;
}








/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}


li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 40px;
    right: 0;
    box-sizing: border-box;
    width: 400px;
    padding: 40px 20%;
    background: #fff;
    /*-webkit-transition: all .2s ease;
    transition: all .2s ease;*/
}

li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 45%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n) {
    margin: 0 0 0 30px;
}
.type00 .box_inner{
  float: none;
  width: 100%;
}
.type00 .nowplace{
  display: flex;
  justify-content: center;
  width: 100%;
}
.type00 .nowplace li{
  border: 1px solid #000;
  padding: 0.3em 2em;
  font-size: 1.2em;
  color: #333;
  transition: 0.8s;
  position: relative;
  width: 24%;
}
.type00 .nowplace li.space{
  border: none;
  padding: 0.3em 2em;
  font-size: 1.2em;
  color: #333;
  transition: 0.8s;
  position: relative;
  width: 10%;
}
.type00 .nowplace li.space:before{
  content: "";
    width: 0;
    height: 0;
    border-left: 1em solid black;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    position: absolute;
    top: 0;
    left: 50%;
}
.type00 .nowplace li.space:first-child:before{
  content: none;

}

.type00 .nowplace li a{
  display: block;
  text-align: center;
}
.type00 .nowplace li.place:hover{
  padding: 0.3em 2em;
  font-size: 1.2em;
  background-color: #333;
  color: #FFF;
  border: 1px solid #000;
  transition: 0.8s;
  text-decoration: underline;
}
.type00 .nowplace li.place:hover a{
  color: #FFF;
}

.type00 .nowplace li.current{
  padding: 0.3em 2em;
  font-size: 1.2em;
  background-color: #333;
  color: #FFF;
  border: 1px solid #000;
  text-decoration: underline;
}
/*
.type00 .nowplace li.current a:after{
  content: "";
    width: 0;
    height: 0;
    border-left: 1em solid #FFF;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 1;
}
*/
.type00 .nowplace li.current a{
  color: #FFF;
}
.mb2empc{
margin-bottom: 2em;
}

@media (max-width: 768px){
  .type00 .nowplace{
    display: block;
  }
  .type00 .nowplace li {
    width: 100%;
    text-align: center;
  }
  .type00 .nowplace li.space {
    width: 100%;
    height: 3em;
  }
  .type00 .nowplace li.space:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid black;
    position: absolute;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
  }
  .mb2empc{
  margin-bottom: 0em;
  }
}


@media (max-width: 768px){

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#page-top a {
    background: url(../img/pagetop.png) no-repeat center center;
    background-size:100%;
    text-decoration: none;
    height:30px;
    width:30px;
    display: block;
}
#page-top a:hover {
}
}