html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
  }
  
  article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block
  }
  
  nav ul {
    list-style: none
  }
  
  blockquote, q {
    quotes: none
  }
  
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
  }
  
  a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0);
    color: #000
  }
  
  body {
    position: relative
  }
  
  .js-sec {
    opacity: 0;
    transition: 1s
  }
  
  .js-sec.active {
    opacity: 1
  }
  
  .js-up-sec, .js-up-mv {
    position: relative;
    opacity: 0;
    top: 60px;
    transition: 1s
  }
  
  .js-up-sec.active, .js-up-mv.active {
    opacity: 1;
    top: 0
  }

  .js-down-sec {
    position: relative;
    opacity: 0;
    top: -60px;
    transition: 1s
  }
  
  .js-down-sec.active {
    opacity: 1;
    top: 0
  }
  
  .js-left-sec {
    position: relative;
    opacity: 0;
    left: -60px;
    transition: 1s
  }
  
  .js-left-sec.active {
    opacity: 1;
    left: 0
  }
  
  .js-right-sec {
    position: relative;
    opacity: 0;
    right: -60px;
    transition: 1s
  }
  
  .js-right-sec.active {
    opacity: 1;
    right: 0
  }
  
  .js-rightdown-sec {
    position: relative;
    opacity: 0;
    top: -60px;
    right: -60px;
    transition: 1s
  }
  
  .js-rightdown-sec.active {
    opacity: 1;
    top: 0;
    right: 0
  }
  
  .js-leftdown-sec {
    position: relative;
    opacity: 0;
    top: -60px;
    left: -60px;
    transition: 1s
  }
  
  .js-leftdown-sec.active {
    opacity: 1;
    top: 0;
    left: 0
  }
  
  .mb10 {
    margin-bottom: 10px !important
  }
  
  .mb20 {
    margin-bottom: 20px !important
  }
  
  .mb30 {
    margin-bottom: 30px !important
  }
  
  .mb40 {
    margin-bottom: 40px !important
  }
  
  .mb50 {
    margin-bottom: 50px !important
  }
  
  .mb60 {
    margin-bottom: 60px !important
  }
  
  .mb70 {
    margin-bottom: 70px !important
  }
  
  .mb80 {
    margin-bottom: 80px !important
  }
  
  .mb90 {
    margin-bottom: 90px !important
  }
  
  .mb100 {
    margin-bottom: 100px !important
  }
  
  .ma {
    margin: 0 auto !important
  }
  
  .loader-wrap {
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10
  }
  
  .loader, .loader:before, .loader:after {
    background: #fff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em
  }
  
  .loader {
    color: #ebebf4;
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    transform: translateZ(0)
  }
  
  @-webkit-keyframes load4 {
    0%, 100% {
      box-shadow: 0 -3em 0 .2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
    }
    12.5% {
      box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    25% {
      box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    37.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 .2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em
    }
    50% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 .2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em
    }
    62.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
    }
    75% {
      box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 .2em, -2em -2em 0 0
    }
    87.5% {
      box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 .2em
    }
  }
  
  @keyframes load4 {
    0%, 100% {
      box-shadow: 0 -3em 0 .2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
    }
    12.5% {
      box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    25% {
      box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }
    37.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 .2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em
    }
    50% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 .2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em
    }
    62.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
    }
    75% {
      box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 .2em, -2em -2em 0 0
    }
    87.5% {
      box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 .2em
    }
  }
  
  @media screen and (min-width: 769px) {
    .sp {
      display: none !important
    }
    body {
      width: 100%;
      background-color: #fff
    }
    .flex_box {
      position: relative;
      display: flex;
      justify-content: space-between;
      margin: 0
    }
    .flex_box.start {
      justify-content: start
    }
    .flex_box.a_center {
      align-items: center
    }
    .flex_box.wrap {
      flex-wrap: wrap
    }
    .flex_box .unit {
      width: 49%
    }
    @-webkit-keyframes bgroop {
      from {
        background-position: 0 0
      }
      to {
        background-position: -1956px 0
      }
    }
    @keyframes bgroop {
      from {
        background-position: 0 0
      }
      to {
        background-position: -1956px 0
      }
    }
    #mv_area {
      position: relative;
      width: 100%;
      background-image: url(../images/vincent/bg_mv.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 0
    }
    #mv_area .mv01 {
      position: -webkit-sticky;
      position: sticky;
      top: 173px;
      width: 100%;
      height: calc(100vh - 173px);
      min-height: 740px;
      margin: 0 auto;
      overflow: hidden;
      z-index: 1
    }
    #mv_area .mv01 .image {
      position: absolute;
      width: 975px;
      left: 50%;
      bottom: 0;
      opacity: 0;
      transform: translateX(-50%);
      z-index: -1
    }
    #mv_area .mv01 .image img {
      width: 975px;
      height: calc(100vh - 173px)
    }
    #mv_area .mv01 .image:nth-of-type(1) {
      -webkit-animation: change-img-anim 10s infinite;
      animation: change-img-anim 10s infinite;
      -webkit-animation-delay: 0s;
      animation-delay: 0s
    }
    #mv_area .mv01 .image:nth-of-type(2) {
      -webkit-animation: change-img-anim 10s infinite;
      animation: change-img-anim 10s infinite;
      -webkit-animation-delay: 5s;
      animation-delay: 5s
    }
    @-webkit-keyframes change-img-anim {
      0% {
        opacity: 0
      }
      10% {
        opacity: 1
      }
      50% {
        opacity: 1
      }
      60% {
        opacity: 0
      }
      100% {
        opacity: 0
      }
    }
    @keyframes change-img-anim {
      0% {
        opacity: 0
      }
      10% {
        opacity: 1
      }
      50% {
        opacity: 1
      }
      60% {
        opacity: 0
      }
      100% {
        opacity: 0
      }
    }
    #mv_area .mv01 h1 {
      width: 100%;
      max-width: 1085px;
      height: calc(100vh - 173px);
      margin: 0 auto;
      background: url(../images/vincent/ttl_mv.png) no-repeat center;
      background-size: 1085px 740px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #mv_area .mv01 h1 span {
      display: none
    }
    @-webkit-keyframes fuwafuwa {
      0%, 100% {
        transform: translateY(0)
      }
      50% {
        transform: translateY(-20px)
      }
    }
    @keyframes fuwafuwa {
      0%, 100% {
        transform: translateY(0)
      }
      50% {
        transform: translateY(-20px)
      }
    }
    #mv_area .mv01 #scroll_btn {
      display: none;
      position: absolute;
      bottom: 25px;
      right: 18px;
      width: 28px;
      height: 100px
    }
    #mv_area .mv01 #scroll_btn a {
      display: block;
      width: 28px;
      height: 100px;
      background: url(../images/vincent/txt_scroll.png) no-repeat center top;
      background-size: 28px 100px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-animation: 3s fuwafuwa infinite;
      animation: 3s fuwafuwa infinite
    }
    #mv_area .mv01 #scroll_btn a span {
      display: none
    }
    #mv_area .mv02 {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      background-image: url(../images/vincent/bg_mv_02.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      z-index: 1
    }
    #mv_area .mv02 .inner {
      width: 100%;
      max-width: 1273px;
      height: 900px;
      margin: 0 auto;
      padding: 120px 0 0;
      background: url(../images/vincent/img_mv_02.png) no-repeat center 270px;
      background-size: 1273px 475px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #mv_area .mv02 p {
      color: #000;
      font-size: 18px;
      line-height: 2.325;
      text-align: center
    }
    #mv_area .mv02 span {
      display: inline-block;
      background-color: #3e3e3e;
      color: #fff;
      box-sizing: border-box;
      padding: 5px 1px 3px 20px;
      margin-bottom: 10px;
      font-feature-settings: 'palt' 1;
      letter-spacing: 0.09em;
    }
    
    #mv_area .mv03 p.attention {
      margin-bottom: 406px;
      font-size: 24px;
      line-height: 1.75
    }
    #mv_area .mv03 {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      height: 900px;
      background-image: url(../images/vincent/bg_mv_03.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      z-index: 1
    }
    #mv_area .mv03 .inner {
      width: 100%;
      height: 900px;
      margin: 0 auto;
      padding: 136px 0 0;
      background: url(../images/vincent/bg_mv_03.png) no-repeat center;
      background-size: 2880px 318px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #mv_area .mv03 p {
      color: #fff;
      font-size: 16px;
      line-height: 2.125;
      text-align: center
    }
    #mv_area .mv03 p.attention {
      margin-bottom: 406px;
      font-size: 24px;
      line-height: 1.75
    }
    #technology {
      position: relative;
      width: 100%;
      padding: 164px 0 0
    }
    #technology .title h2 {
      width: 395px;
      height: 50px;
      margin: 0 auto 17px;
      background: url(../images/vincent/ttl_technology.png) no-repeat center;
      background-size: contain;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .title h2 span {
      display: none
    }
    #technology .title p {
      margin-bottom: 56px;
      font-size: 16.865px;
      line-height: 1;
      text-align: center
    }
    #technology .anchor_link {
      display: flex;
      justify-content: space-between;
      width: 96%;
      max-width: 1000px;
      margin: 0 auto 112px
    }
    #technology .anchor_link li {
      width: 33%;
      max-width: 327px
    }
    #technology .anchor_link li a {
      display: block;
      width: 100%;
      max-width: 327px;
      height: 301px;
      padding-top: 216px;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.625;
      text-align: center
    }
    #technology .anchor_link li:nth-child(1) a {
      background: url(../images/vincent/img_anc_tec01.png) no-repeat center;
      background-size: 327px 301px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .anchor_link li:nth-child(2) a {
      background: url(../images/vincent/img_anc_tec02.png) no-repeat center;
      background-size: 327px 301px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .anchor_link li:nth-child(3) a {
      background: url(../images/vincent/img_anc_tec03.png) no-repeat center;
      background-size: 327px 301px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 {
      width: 100%;
      padding-bottom: 106px
    }
    #technology #technology_03 .ttl {
      width: 100%;
      height: 600px;
      margin: 0 auto 110px;
      padding-top: 150px;
      background-image: url(../images/vincent/bg_technology03.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_03 .ttl .inner {
      width: 350px;
      margin: 0 auto;
      padding-top: 112px;
      background: url(../images/vincent/ttl_03.png) no-repeat center top;
      background-size: 90px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .ttl .inner h3 {
      font-size: 38px;
      line-height: 1.3793421053;
      text-align: center
    }
    #technology #technology_03 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 16px;
      line-height: 2.0625
    }
    #technology #technology_03 .tech_box {
      width: 100%;
      max-width: 1108px;
      margin: 0 auto
    }
    #technology #technology_03 .tech_box .unit {
      margin-bottom: 64px
    }
    #technology #technology_03 .tech_box .txt {
      min-height: 360px;
      padding: 75px 0 0 0
    }
    #technology #technology_03 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 26px;
      font-weight: medium;
      line-height: 1.5384615385
    }
    #technology #technology_03 .tech_box .txt p {
      width: 350px;
      font-size: 14px;
      line-height: 2
    }
    #technology #technology_03 .tech_box .tech_01 {
      padding-left: 620px;
      background: url(../images/vincent/img_technology03_1.jpg) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .tech_box .tech_02 {
      background: url(../images/vincent/img_technology03_2.jpg) no-repeat right top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .tech_box .tech_02 .txt {
      padding-top: 83px;
      padding-left: 130px
    }
    #technology #technology_03 .tech_box .tech_03 {
      margin-bottom: 140px;
      padding-left: 620px;
      background: url(../images/vincent/img_technology03_3.jpg) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .tech_box .tech_03 .txt {
      padding-top: 64px
    }
    #technology #technology_02 {
      width: 100%;
      padding-bottom: 12px
    }
    #technology #technology_02 .ttl {
      width: 100%;
      height: 600px;
      margin: 0 auto 94px;
      padding-top: 150px;
      background-image: url(../images/vincent/bg_technology02.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_02 .ttl .inner {
      width: 400px;
      margin: 0 auto;
      padding-top: 112px;
      background: url(../images/vincent/ttl_02.png) no-repeat center top;
      background-size: 90px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .ttl .inner h3 {
      font-size: 38px;
      line-height: 1.3793421053;
      text-align: center;
      color: white;

    }
    #technology #technology_02 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 16px;
      line-height: 2.0625
    }
    #technology #technology_02 .tech_box {
      width: 100%;
      max-width: 1108px;
      margin: 0 auto
    }
    #technology #technology_02 .tech_box .unit {
      margin-bottom: 60px
    }
    #technology #technology_02 .tech_box .txt {
      min-height: 360px;
      padding: 62px 0 0 0
    }
    #technology #technology_02 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 26px;
      font-weight: medium;
      line-height: 1.5384615385
    }
    #technology #technology_02 .tech_box .txt p {
      width: 350px;
      font-size: 14px;
      line-height: 2
    }
    #technology #technology_02 .tech_box .tech_01 {
      padding-left: 620px;
      background: url(../images/vincent/img_technology02_1.jpg) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .tech_box .tech_02 {
      background: url(../images/vincent/img_technology02_2.jpg) no-repeat right top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .tech_box .tech_02 .txt {
      padding-top: 83px;
      padding-left: 130px
    }
    #technology #technology_02 .tech_box .tech_03 {
      margin-bottom: 140px;
      padding-left: 620px;
      background: url(../images/vincent/img_technology02_3.gif) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .tech_box .tech_03 .txt {
      padding-top: 93px
    }
    #technology #technology_01 {
      width: 100%;
      padding-bottom: 120px
    }
    #technology #technology_01 .ttl {
      width: 100%;
      height: 600px;
      margin: 0 auto 100px;
      padding-top: 150px;
      background-image: url(../images/vincent/bg_technology01.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_01 .ttl .inner {
      width: 350px;
      margin: 0 auto;
      padding-top: 112px;
      background: url(../images/vincent/ttl_01.png) no-repeat center top;
      background-size: 90px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .ttl .inner h3 {
      font-size: 38px;
      line-height: 1.3793421053;
      text-align: center
    }
    #technology #technology_01 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 16px;
      line-height: 2.0625
    }
    #technology #technology_01 .tech_box {
      width: 100%;
      max-width: 1108px;
      margin: 0 auto
    }
    #technology #technology_01 .tech_box .unit {
      margin-bottom: 66px
    }
    #technology #technology_01 .tech_box .txt {
      min-height: 360px;
      padding: 70px 0 0 0
    }
    #technology #technology_01 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 26px;
      font-weight: medium;
      line-height: 1.5384615385
    }
    #technology #technology_01 .tech_box .txt p {
      width: 350px;
      font-size: 14px;
      line-height: 2
    }
    #technology #technology_01 .tech_box .tech_01 {
      padding-left: 620px;
      background: url(../images/vincent/img_technology01_1.jpg) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .tech_box .tech_02 {
      background: url(../images/vincent/img_technology01_2.jpg) no-repeat right top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .tech_box .tech_02 .txt {
      padding-left: 130px
    }
    #technology #technology_01 .tech_box .tech_03 {
      margin-bottom: 132px;
      padding-left: 620px;
      background: url(../images/vincent/img_technology01_3.jpg) no-repeat left top;
      background-size: 554px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .support_area {
      width: 806px;
      margin: 0 auto;
      text-align: center
    }
    #technology #technology_01 .support_area h4.middle {
      margin-bottom: 24px;
      font-size: 26px;
      line-height: 1.5384615385
    }
    #technology #technology_01 .support_area p {
      margin-bottom: 36px;
      font-size: 14px;
      line-height: 2
    }
    #technology #technology_01 .support_area p.second {
      margin-bottom: 16px
    }
    #technology #technology_01 .support_area .img {
      margin-bottom: 26px
    }
    #technology #technology_01 .support_area .attention {
      margin-bottom: 0;
      font-size: 26px;
      line-height: 1.5384615385
    }
    #feature {
      position: relative;
      width: 100%;
      padding-bottom: 158px
    }
    #feature .mv {
      width: 100%;
      height: 500px;
      margin: 0 auto 81px;
      background-image: url(../images/vincent/bg_feature.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px);
      overflow: hidden
    }
    #feature .mv .inner {
      width: 360px;
      height: 500px;
      margin: 0 auto;
      background: url(../images/vincent/ttl_feature.png) no-repeat center top;
      background-size: 360px 500px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .mv .inner h2 {
      font-size: 66px;
      line-height: 1.5428030303;
      text-align: center
    }
    #feature .mv .inner h2 span {
      display: none
    }
    #feature .feature_box {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      background-color: #efefefef
    }
    #feature .feature_box .ttl {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 400px
    }
    #feature .feature_box .ttl h3 {
      font-size: 28px;
      line-height: 1.5714285714;
      text-align: center
    }
/*02-----------*/
    #feature .feature_box.feature_02 {
      margin-bottom: 61px
    }
    #feature .feature_box.feature_02 .ttl {
      background: url(../images/vincent/ttl_feature_01.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02 .inner {
      width: 100%;
      padding-bottom: 83px;
      background: url(../images/vincent/bg_feature_02.jpg) no-repeat center 182px;
      background-size: 1000px 645px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02 .inner p {
      padding: 42px 0 45px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02 .inner .img {
      width: 420px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02 .inner .flex_box {
      width: 386px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02 .inner .flex_box .unit {
      width: 48%;
      max-width: 180px;
      padding-top: 170px
    }
    /*02-1-----------*/
    #feature .feature_box.feature_02-1 {
      margin-bottom: 61px
    }
    #feature .feature_box.feature_02-1 .ttl {
      background: url(../images/vincent/ttl_feature_02.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-1 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02-1 .inner {
      width: 100%;
      padding-bottom: 83px;
      background: url(../images/vincent/bg_feature_02.jpg) no-repeat center 182px;
      background-size: 1000px 645px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-1 .inner p {
      padding: 42px 0 45px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02-1 .inner .img {
      width: 420px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-1 .inner .flex_box {
      width: 386px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-1 .inner .flex_box .unit {
      width: 48%;
      max-width: 180px;
      padding-top: 170px
    }
    /*02-2-----------*/
    #feature .feature_box.feature_02-2 {
      margin-bottom: 61px
    }
    #feature .feature_box.feature_02-2 .ttl {
      background: url(../images/vincent/ttl_feature_03.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-2 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02-2 .inner {
      width: 100%;
      padding-bottom: 83px;
      background: url(../images/vincent/bg_feature_02.jpg) no-repeat center 182px;
      background-size: 1000px 645px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-2 .inner p {
      padding: 42px 0 45px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02-2 .inner .img {
      width: 420px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-2 .inner .flex_box {
      width: 386px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-2 .inner .flex_box .unit {
      width: 48%;
      max-width: 180px;
      padding-top: 170px
    }
    #products {
      position: relative;
      width: 100%;
      padding-bottom: 1px;
      background-color: #eef2f5
    }
    #products .mv {
      width: 100%;
      height: 500px;
      margin: 0 auto 83px;
      background-image: url(../images/vincent/bg_products.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px);
      overflow: hidden
    }
    #products .mv .inner {
      width: 330px;
      height: 500px;
      margin: 0 auto;
      background: url(../images/vincent/ttl_products.png) no-repeat center top;
      background-size: 330px 500px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .mv .inner h2 {
      font-size: 66px;
      line-height: 1.5428030303;
      text-align: center
    }
    #products .mv .inner h2 span {
      display: none
    }
    #products h3 {
      margin-bottom: 44px;
      font-size: 26px;
      line-height: 1.5384615385;
      text-align: center
    }
    #products .product_unit {
      width: 600px;
      margin: 0 auto 133px
    }
    #products .slider, #products .slider2, #products .slider3 {
      margin-bottom: 20px
    }
    #products .thumbs, #products .thumbs2, #products .thumbs3 {
      margin-bottom: 33px
    }
    #products .thumbs .slick-slide, #products .thumbs2 .slick-slide, #products .thumbs3 .slick-slide {
      margin-right: 3px
    }
    #products .thumbs .slick-current, #products .thumbs2 .slick-current, #products .thumbs3 .slick-current {
      opacity: .5
    }
    #products .slider-container {
      width: 600px;
      margin: 0 auto
    }
    #products .slick-prev, #products .slick-next {
      z-index: 2;
      top: 48.4%
    }
    #products .slick-prev:before, #products .slick-next:before {
      display: block;
      content: "";
      width: 60px;
      height: 60px;
      font-size: 20px;
      opacity: .75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
    #products .slick-prev {
      left: -90px !important;
      width: 60px;
      height: 60px
    }
    #products .slick-prev:before {
      width: 60px;
      height: 60px;
      background: url(../images/vincent/icn_slider_prev.png) no-repeat center;
      background-size: 60px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .slick-next {
      right: -90px !important;
      width: 60px;
      height: 60px
    }
    #products .slick-next:before {
      width: 60px;
      height: 60px;
      background: url(../images/vincent/icn_slider_next.png) no-repeat center;
      background-size: 60px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .slick-slide img {
      margin-bottom: 10px
    }
    #products .slick-dots {
      display: none !important
    }
    #products .flex_box {
      width: 100%;
      margin-bottom: 38px
    }
    #products .flex_box .unit {
      width: 192px
    }
    #products .ttl {
      margin-bottom: 17px;
      font-size: 24px;
      line-height: 1.5558333333
    }
    #products .product_name {
      margin-bottom: 18px;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.3
    }
    #products .product_name span {
      font-size: 10px;
      font-weight: 300
    }
    #products .lead {
      width: 400px;
      margin-bottom: 40px;
      font-size: 13px;
      line-height: 1.9142307692
    }
    #products .img {
      margin-bottom: 48px
    }
    #products .img img {
      width: 272px
    }
    #products .btn_link {
      display: block;
      width: 400px;
      height: 60px;
      color: #fff;
      background-color: #000;
      line-height: 60px;
      text-align: center
    }
    .dummy {
      position: relative
    }
  }
  
  @media screen and (max-width: 768px) {
    .pc {
      display: none !important
    }
    .flex_box {
      position: relative;
      margin: 0;
      transition: all .4s
    }
    @-webkit-keyframes bgroop {
      from {
        background-position: 0 0
      }
      to {
        background-position: -1956px 0
      }
    }
    @keyframes bgroop {
      from {
        background-position: 0 0
      }
      to {
        background-position: -1956px 0
      }
    }
    #mv_area {
      position: relative;
      width: 100%;
      background-image: url(../images/vincent/sp/bg_mv.jpg);
      background-size: 100% auto; /* 画像の幅を100%にして、高さは自動調整 */
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      z-index: 0;
    }
    #mv_area .mv01 {
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      z-index: 1
    }
    #mv_area .mv01 .image {
      position: absolute;
      width: 100%; /* 幅を画面全体に合わせます */
      left: 50%;
      top: 0;
      opacity: 0;
      transform: translateX(-50%);
      z-index: -1;
    }
    #mv_area .mv01 .image img {
      width: 100%;
      max-width: 375px;
      height: 100%
    }
    #mv_area .mv01 .image:nth-of-type(3) {
      -webkit-animation: change-img-anim 10s infinite;
      animation: change-img-anim 10s infinite;
      -webkit-animation-delay: 0s;
      animation-delay: 0s
    }
    #mv_area .mv01 .image:nth-of-type(4) {
      -webkit-animation: change-img-anim 10s infinite;
      animation: change-img-anim 10s infinite;
      -webkit-animation-delay: 5s;
      animation-delay: 5s
    }
    @-webkit-keyframes change-img-anim {
      0% {
        opacity: 0
      }
      10% {
        opacity: 1
      }
      50% {
        opacity: 1
      }
      60% {
        opacity: 0
      }
      100% {
        opacity: 0
      }
    }
    @keyframes change-img-anim {
      0% {
        opacity: 0
      }
      10% {
        opacity: 1
      }
      50% {
        opacity: 1
      }
      60% {
        opacity: 0
      }
      100% {
        opacity: 0
      }
    }
    #mv_area .mv01 #scroll_btn {
      display: none;
      position: absolute;
      top: calc(100dvh - 280px);
      right: 18px;
      width: 28px;
      height: 100px
    }
    #mv_area .mv01 #scroll_btn a {
      display: block;
      width: 28px;
      height: 100px;
      background: url(../images/petimo/sp/txt_scroll.png) no-repeat center top;
      background-size: 28px 100px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-animation: 3s fuwafuwa infinite;
      animation: 3s fuwafuwa infinite
    }
    #mv_area .mv01 #scroll_btn a span {
      display: none
    }
    #mv_area .mv01 h1 {
      width: 100%;
      height: calc(100vh - 168px);
      max-height: 1308px;
      margin: 0 auto;
      background: url(../images/vincent/sp/ttl_mv.png) no-repeat center top;
      background-size:  auto 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #mv_area .mv01 h1 span {
      display: none
    }
    @-webkit-keyframes fuwafuwa {
      0%, 100% {
        transform: translateY(0)
      }
      50% {
        transform: translateY(-20px)
      }
    }
    @keyframes fuwafuwa {
      0%, 100% {
        transform: translateY(0)
      }
      50% {
        transform: translateY(-20px)
      }
    }
    #mv_area .mv02 {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      background-image: url(../images/vincent/sp/bg_mv_02.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      z-index: 2
    }
    #mv_area .mv02 .inner {
      box-sizing: border-box;
      width: 100%;
      max-width: 375px;
      height: 705px;
      margin: 0 auto;
      padding: 120px 0 0;
      background: url(../images/vincent/sp/img_mv_02.png) no-repeat center top;
      background-size: 375px 705px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 2
    }
    #mv_area .mv02 p {
      color: #fff;
      font-size: 16px;
      line-height: 2.125;
      text-align: center
    }
    #mv_area .mv02 span {
      display: inline-block;
      background-color: #3e3e3e;
      color: #fff;
      box-sizing: border-box;
      padding: 5px 3px 5px 20px;
      margin-bottom: 10px;
      font-feature-settings: 'palt' 1;
      letter-spacing: 0.09em;
    }
    
    #mv_area .mv03 {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      background-image: url(../images/vincent/sp/bg_mv_03.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      z-index: 3
    }
    #mv_area .mv03 .inner {
      box-sizing: border-box;
      width: 100%;
      height: 726px;
      margin: 0 auto;
      padding: 150px 0 0;
      background: url(../images/vincent/sp/bg_mv_03.png) no-repeat center;
      background-size: 750px 121px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #mv_area .mv03 p {
      color: #fff;
      font-size: 15px;
      line-height: 2.2666666667;
      text-align: center
    }
    #mv_area .mv03 p.attention {
      margin-bottom: 200px;
      font-size: 24px;
      line-height: 1.7497801231
    }
    #technology {
      position: relative;
      width: 100%;
      padding: 83px 0 0
    }
    #technology .title h2 {
      width: 273px;
      height: 34px;
      margin: 0 auto 17px;
      background: url(../images/vincent/sp/ttl_technology.png) no-repeat center;
      background-size: contain;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .title h2 span {
      display: none
    }
    #technology .title p {
      margin-bottom: 50px;
      font-size: 14px;
      line-height: 1;
      text-align: center
    }
    #technology .anchor_link {
      display: flex;
      justify-content: space-between;
      width: 93.3%;
      max-width: 392px;
      margin: 0 auto 77px
    }
    #technology .anchor_link li {
      width: 33%;
      max-width: 128px
    }
    #technology .anchor_link li a {
      display: block;
      width: 100%;
      max-width: 128px;
      height: 152px;
      padding-top: 88px;
      font-size: 10.715px;
      font-weight: 500;
      line-height: 1.5688287448;
      text-align: center
    }
    #technology .anchor_link li:nth-child(1) a {
      background: url(../images/vincent/sp/img_anc_tec01.png) no-repeat center;
      background-size: 128px 177px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .anchor_link li:nth-child(2) a {
      background: url(../images/vincent/sp/img_anc_tec02.png) no-repeat center;
      background-size: 128px 177px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology .anchor_link li:nth-child(3) a {
      background: url(../images/vincent/sp/img_anc_tec03.png) no-repeat center;
      background-size: 128px 177px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 {
      width: 100%;
      padding-bottom: 106px
    }
    #technology #technology_03 .ttl {
      width: 100%;
      height: 360px;
      margin: 0 auto 77px;
      padding-top: 50px;
      background-image: url(../images/vincent/sp/bg_technology03.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_03 .ttl .inner {
      width: 350px;
      margin: 0 auto;
      padding-top: 72px;
      background: url(../images/vincent/sp/ttl_03.png) no-repeat center top;
      background-size: 65px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .ttl .inner h3 {
      font-size: 28px;
      line-height: 1.4285714286;
      text-align: center
    }
    #technology #technology_03 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 15px;
      line-height: 1.8666666667
    }
    #technology #technology_03 .tech_box {
      width: 96%;
      max-width: 392px;
      margin: 0 auto
    }
    #technology #technology_03 .tech_box .unit {
      margin-bottom: 77px
    }
    #technology #technology_03 .tech_box .txt {
      width: 96%;
      max-width: 360px;
      margin: 0 auto;
      padding: 262px 0 0 0
    }
    #technology #technology_03 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 21.43px;
      font-weight: medium;
      line-height: 1.583294447
    }
    #technology #technology_03 .tech_box .txt p {
      font-size: 13.395px;
      line-height: 1.8663680478
    }
    #technology #technology_03 .tech_box .tech_01 {
      background: url(../images/vincent/sp/img_technology03_1.jpg) no-repeat left top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .tech_box .tech_02 {
      background: url(../images/vincent/sp/img_technology03_2.jpg) no-repeat right top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_03 .tech_box .tech_03 {
      margin-bottom: 84px;
      background: url(../images/vincent/sp/img_technology03_3.jpg) no-repeat left top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 {
      width: 100%;
      padding-bottom: 106px
    }
    #technology #technology_02 .ttl {
      width: 100%;
      height: 360px;
      margin: 0 auto 77px;
      padding-top: 68px;
      background-image: url(../images/vincent/sp/bg_technology02.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_02 .ttl .inner {
      width: 350px;
      margin: 0 auto;
      padding-top: 72px;
      background: url(../images/vincent/sp/ttl_02.png) no-repeat center top;
      background-size: 65px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .ttl .inner h3 {
      font-size: 28px;
      line-height: 1.4285714286;
      text-align: center;
      color: white
    }
    #technology #technology_02 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 15px;
      line-height: 1.8666666667
    }
    #technology #technology_02 .tech_box {
      width: 93.3%;
      max-width: 392px;
      margin: 0 auto
    }
    #technology #technology_02 .tech_box .unit {
      margin-bottom: 77px
    }
    #technology #technology_02 .tech_box .txt {
      width: 96%;
      max-width: 360px;
      margin: 0 auto;
      padding: 262px 0 0 0
    }
    #technology #technology_02 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 21.43px;
      font-weight: medium;
      line-height: 1.583294447
    }
    #technology #technology_02 .tech_box .txt p {
      font-size: 13.395px;
      line-height: 1.8663680478
    }
    #technology #technology_02 .tech_box .tech_01 {
      background: url(../images/vincent/sp/img_technology02_1.jpg) no-repeat left top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .tech_box .tech_02 {
      background: url(../images/vincent/sp/img_technology02_2.jpg) no-repeat right top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_02 .tech_box .tech_03 {
      background: url(../images/vincent/sp/img_technology02_3.gif) no-repeat left top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 {
      width: 100%;
      padding-bottom: 106px
    }
    #technology #technology_01 .ttl {
      width: 100%;
      height: 360px;
      margin: 0 auto 77px;
      padding-top: 68px;
      background-image: url(../images/vincent/sp/bg_technology01.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px)
    }
    #technology #technology_01 .ttl .inner {
      width: 350px;
      margin: 0 auto;
      padding-top: 72px;
      background: url(../images/vincent/sp/ttl_01.png) no-repeat center top;
      background-size: 65px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .ttl .inner h3 {
      font-size: 28px;
      line-height: 1.4285714286;
      text-align: center
    }
    #technology #technology_01 .ttl .inner h3 span {
      display: inline-block;
      margin-top: 16px;
      font-size: 15px;
      line-height: 1.8666666667
    }
    #technology #technology_01 .tech_box {
      width: 93.3%;
      max-width: 392px;
      margin: 0 auto
    }
    #technology #technology_01 .tech_box .unit {
      margin-bottom: 77px
    }
    #technology #technology_01 .tech_box .txt {
      width: 96%;
      max-width: 360px;
      padding: 262px 0 0;
      margin: 0 auto
    }
    #technology #technology_01 .tech_box .txt h4 {
      margin-bottom: 15px;
      font-size: 21.43px;
      font-weight: medium;
      line-height: 1.583294447
    }
    #technology #technology_01 .tech_box .txt p {
      font-size: 13.395px;
      line-height: 1.8663680478
    }
    #technology #technology_01 .tech_box .tech_01 {
      background: url(../images/vincent/sp/img_technology01_1.jpg) no-repeat center top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .tech_box .tech_02 {
      background: url(../images/vincent/sp/img_technology01_2.jpg) no-repeat center top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .tech_box .tech_03 {
      margin-bottom: 84px;
      background: url(../images/vincent/sp/img_technology01_3.jpg) no-repeat center top;
      background-size: 375px 227px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #technology #technology_01 .support_area {
      width: 93.3%;
      max-width: 420px;
      margin: 0 auto;
      text-align: center
    }
    #technology #technology_01 .support_area h4.middle {
      margin-bottom: 20px;
      font-size: 17.855px;
      line-height: 1.7502100252
    }
    #technology #technology_01 .support_area p {
      width: 90%;
      max-width: 348px;
      margin: 0 auto 30px;
      font-size: 13.395px;
      line-height: 1.8663680478
    }
    #technology #technology_01 .support_area .img {
      margin-bottom: 30px
    }
    #technology #technology_01 .support_area .img img {
      width: 393px
    }
    #technology #technology_01 .support_area .attention {
      margin-bottom: 0;
      font-size: 20px;
      line-height: 1.75
    }
    #feature {
      position: relative;
      width: 100%;
      padding-bottom: 60px
    }
    #feature .mv {
      width: 100%;
      height: 360px;
      margin: 0 auto 17px;
      background-image: url(../images/vincent/sp/bg_feature.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px);
      overflow: hidden
    }
    #feature .mv .inner {
      width: 210px;
      height: 360px;
      margin: 0 auto;
      background: url(../images/vincent/sp/ttl_feature.png) no-repeat center top;
      background-size: 210px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .mv .inner h2 {
      font-size: 66px;
      line-height: 1.5428030303;
      text-align: center
    }
    #feature .mv .inner h2 span {
      display: none
    }
    #feature .feature_box {
      width: 93.3%;
      margin: 0 auto 12px;
      background-color: #efefefef
    }
    #feature .feature_box .ttl {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 290px
    }
    #feature .feature_box .ttl h3 {
      font-size: 24px;
      line-height: 1.5833333333;
      text-align: center;
      letter-spacing: -0.6px
    }
    /*02-----------*/
    #feature .feature_box.feature_02 .ttl {
      background: url(../images/vincent/sp/ttl_feature_01.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02 .inner {
      width: 93.3%;
      margin: 0 auto;
      padding-bottom: 63px
    }
    #feature .feature_box.feature_02 .inner p {
      width: 96%;
      max-width: 346px;
      margin: 0 auto;
      padding: 42px 0 42px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02 .inner .img {
      width: 100%;
      max-width: 313px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02 .inner .img img {
      width: 100%
    }
    #feature .feature_box.feature_02 .inner .flex_box {
      width: 205px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02 .inner .flex_box .unit {
      width: 100%;
      max-width: 205px;
      margin-bottom: 20px;
      padding-top: 195px
    }
    /*02-1-----------*/
    #feature .feature_box.feature_02-1 .ttl {
      background: url(../images/vincent/sp/ttl_feature_02.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-1 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02-1 .inner {
      width: 93.3%;
      margin: 0 auto;
      padding-bottom: 63px
    }
    #feature .feature_box.feature_02-1 .inner p {
      width: 96%;
      max-width: 346px;
      margin: 0 auto;
      padding: 42px 0 42px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02-1 .inner .img {
      width: 100%;
      max-width: 313px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-1 .inner .img img {
      width: 100%
    }
    #feature .feature_box.feature_02-1 .inner .flex_box {
      width: 205px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-1 .inner .flex_box .unit {
      width: 100%;
      max-width: 205px;
      margin-bottom: 20px;
      padding-top: 195px
    }
    /*02-2-----------*/
    #feature .feature_box.feature_02-2 .ttl {
      background: url(../images/vincent/sp/ttl_feature_03.jpg) no-repeat center top;
      background-size: cover;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #feature .feature_box.feature_02-2 .ttl h3 {
      color: #fff
    }
    #feature .feature_box.feature_02-2 .inner {
      width: 93.3%;
      margin: 0 auto;
      padding-bottom: 63px
    }
    #feature .feature_box.feature_02-2 .inner p {
      width: 96%;
      max-width: 346px;
      margin: 0 auto;
      padding: 42px 0 42px;
      font-size: 14px;
      line-height: 2;
      text-align: center
    }
    #feature .feature_box.feature_02-2 .inner .img {
      width: 100%;
      max-width: 313px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-2 .inner .img img {
      width: 100%
    }
    #feature .feature_box.feature_02-2 .inner .flex_box {
      width: 205px;
      margin: 0 auto
    }
    #feature .feature_box.feature_02-2 .inner .flex_box .unit {
      width: 100%;
      max-width: 205px;
      margin-bottom: 20px;
      padding-top: 195px
    }
    #products {
      position: relative;
      width: 100%;
      padding-bottom: 1px;
      background-color: #eef2f5;
      overflow: hidden
    }
    #products .mv {
      width: 100%;
      height: 360px;
      margin: 0 auto 52px;
      background-image: url(../images/vincent/sp/bg_products.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center calc(50% - 10px);
      overflow: hidden
    }
    #products .mv .inner {
      width: 240px;
      height: 360px;
      margin: 0 auto;
      background: url(../images/vincent/sp/ttl_products.png) no-repeat center top;
      background-size: 240px 360px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .mv .inner h2 {
      font-size: 66px;
      line-height: 1.5428030303;
      text-align: center
    }
    #products .mv .inner h2 span {
      display: none
    }
    #products h3 {
      margin-bottom: 35px;
      font-size: 20px;
      line-height: 1.49775;
      text-align: center
    }
    #products .product_unit {
      width: 100%;
      max-width: 375px;
      margin: 0 auto 112px
    }
    #products .slider, #products .slider2, #products .slider3 {
      margin-bottom: 62px
    }
    #products .thumbs, #products .thumbs2, #products .thumbs3 {
      display: none;
      margin-bottom: 20px
    }
    #products .thumbs .slick-slide, #products .thumbs2 .slick-slide, #products .thumbs3 .slick-slide {
      padding: 3px
    }
    #products .slick-slide {
      text-align: center
    }
    #products .slick-slide img {
      margin-bottom: 8px
    }
    #products .slider-container {
      width: 100%;
      max-width: 375px;
      margin: 0 auto
    }
    #products .slick-prev, #products .slick-next {
      z-index: 2
    }
    #products .slick-prev:before, #products .slick-next:before {
      display: none;
      content: "";
      width: 60px;
      height: 60px;
      font-size: 20px;
      opacity: .75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
    #products .slick-prev {
      display: none;
      left: -80px !important;
      width: 60px;
      height: 60px
    }
    #products .slick-prev:before {
      width: 60px;
      height: 60px;
      background: url(../images/vincent/icn_slider_prev.png) no-repeat center;
      background-size: 60px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .slick-next {
      display: none;
      right: -80px !important;
      width: 60px;
      height: 60px
    }
    #products .slick-next:before {
      width: 60px;
      height: 60px;
      background: url(../images/vincent/icn_slider_next.png) no-repeat center;
      background-size: 60px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }
    #products .slick-dots li {
      width: 14px;
      height: 14px;
      margin: 0 2px
    }
    #products .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 0
    }
    #products .slick-dots li button:before {
      width: 10px;
      height: 10px;
      padding: 0;
      font-size: 10px
    }
    #products .sp_box {
      width: 100%;
      margin-bottom: 30px;
      overflow-x: scroll
    }
    #products .flex_box {
      width: 756px;
      overflow-x: scroll
    }
    #products .flex_box.sp_single {
      margin-bottom: 30px
    }
    #products .flex_box .unit {
      float: left;
      width: 236px;
      margin-left: 16px
    }
    #products .ttl {
      width: 83.3%;
      max-width: 350px;
      margin: 0 auto 20px;
      font-size: 21.43px;
      line-height: 1.583294447
    }
    #products .product_name {
      width: 83.3%;
      max-width: 350px;
      margin: 0 auto 12px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.66875
    }
    #products .product_name span {
      font-size: 10px;
      font-weight: 300
    }
    #products .lead {
      width: 83.3%;
      max-width: 350px;
      margin: 0 auto 28px;
      font-size: 15px;
      line-height: 1.8666666667
    }
    #products .img {
      width: 83.3%;
      max-width: 350px;
      margin: 0 auto 42px
    }
    #products .img img {
      width: 250px
    }
    #products .btn_link {
      display: block;
      width: 83.3%;
      max-width: 350px;
      height: 56px;
      margin: 0 auto;
      color: #fff;
      background-color: #000;
      line-height: 56px;
      text-align: center
    }
    .dummy {
      position: relative
    }
  }
  
  
  /*# sourceMappingURL=vinsent_lp.css.map */