/* Scss Document */
.top-fv {
  height: 100vh;
  position: relative; }
  .top-fv__inner__copy {
    text-align: center;
    z-index: 2;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff; }
    .top-fv__inner__copy .en-ttl {
      font-size: 4.6rem; }
    .top-fv__inner__copy .ja-ttl {
      font-weight: bold; }
  .top-fv__slide {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;*/ }
    .top-fv__slide__slide {
      width: 100%;
      height: 100%;
      background: no-repeat 50% 50%;
      background-size: cover; }
      .top-fv__slide__slide.slide-1 {
        background-image: url("../img/top/fv/slide-2_pc.jpg"); }
      .top-fv__slide__slide.slide-2 {
        background-image: url("../img/top/fv/slide-3_pc.jpg"); }
      .top-fv__slide__slide.slide-3 {
        background-image: url("../img/top/fv/slide-4_pc.jpg"); }
      .top-fv__slide__slide.slide-4 {
        background-image: url("../img/top/fv/slide-5_pc.jpg"); }
      .top-fv__slide__slide.slide-5 {
        background-image: url("../img/top/fv/slide-6_pc.jpg"); }
      .top-fv__slide__slide.slide-6 {
        background-image: url("../img/top/fv/slide-7_pc.jpg"); }
      .top-fv__slide__slide.slide-8 {
        background-image: url("../img/top/fv/slide-8_pc.jpg"); }
      .top-fv__slide__slide.slide-9 {
        background-image: url("../img/top/fv/slide-9_pc.jpg"); }
      .top-fv__slide__slide.slide-10 {
        background-image: url("../img/top/fv/slide-10_pc.jpg"); }
      .top-fv__slide__slide.slide-11 {
        background-image: url("../img/top/fv/slide-11_pc.jpg"); }
      .top-fv__slide__slide.slide-12 {
        background-image: url("../img/top/fv/slide-12_pc.jpg"); }
      .top-fv__slide__slide.slide-13 {
        background-image: url("../img/product/delux/top_slide.jpg"); }
      .top-fv__slide__slide::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3); }
  .top-fv__scroll {
    position: absolute;
    left: 35px;
    bottom: 0; }
    .top-fv__scroll__txt {
      display: block;
      -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
      color: #fff;
      font-size: 1.3rem;
      font-weight: 400;
      text-transform: uppercase;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      letter-spacing: 0.2em; }
    .top-fv__scroll__line {
      position: relative;
      left: 13px;
      margin-top: 10px;
      width: 1px;
      height: 100px;
      overflow: hidden; }
      .top-fv__scroll__line::before {
        position: absolute;
        content: '';
        display: block;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background: #fff;
        -webkit-animation: scrollAnim 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite;
        animation: scrollAnim 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0); }

.top-fv__slide .slick-list, .top-fv__slide .slick-track, .top-fv__slide .slick-slide > div {
  width: 100%;
  height: 100%; }

@media all and (max-width: 599px) {
  .top-fv__inner__copy .en-ttl {
    font-size: 2.6rem; }

  .top-fv__inner__copy .ja-ttl {
    font-size: 1.4rem;
    margin-top: 2rem; } }
/*  -------
news-topics
------------*/
.news-fv {
  width: 800px;
  height: 80px;
  margin: -80px 0 0 auto;
  background-color: #fff;
  position: relative; }
  @media screen and (max-width: 599px) {
    .news-fv {
      width: 86%;
      height: 70px;
      margin: -70px 0 0 14%; } }
  .news-fv__inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding-right: 100px;
    padding-left: 50px; }
    @media screen and (max-width: 599px) {
      .news-fv__inner {
        padding: 8px 20px;
        display: inherit; } }
  .news-fv__ttl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    font-size: 2rem; }
    @media screen and (max-width: 599px) {
      .news-fv__ttl {
        font-size: 1.6rem; } }
  .news-fv__post__link {
    font-size: 1.5rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      .news-fv__post__link {
        font-size: 1.3rem; } }
    @media screen and (max-width: 599px) {
      .news-fv__post__link .u-ico-arw01 {
        right: 25px;
        top: 30px; } }
  .news-fv__post__time {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #aaa; }
  .news-fv__post__ttl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 420px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media screen and (max-width: 599px) {
      .news-fv__post__ttl {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 50%;
        flex: 2 0 50%;
        width: inherit; } }
  .news-fv__post__link:hover {
    text-decoration: none; }
    .news-fv__post__link:hover .u-ico-arw01 {
      margin-right: -10px; }
    .news-fv__post__link:hover .news-fv__post__ttl {
      text-decoration: underline; }

.u-ico-arw01 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-transition: margin .3s ease;
  transition: margin .3s ease;
  left: inherit;
  right: 30px;
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 599px) {
    .u-ico-arw01 {
      right: 0;
      width: 30px;
      height: 30px; } }
  .u-ico-arw01:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat 50% 50%;
    background-size: cover;
    content: "";
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.09%22%20height%3D%227.625%22%20viewBox%3D%220%200%2041.09%207.625%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%231a1a1a%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22common_arw-01.svg%22%20data-name%3D%22common%2Farw-01.svg%22%20class%3D%22cls-1%22%20d%3D%22M1532%2C698h38l-4-5%22%20transform%3D%22translate(-1531.5%20-691.875)%22%2F%3E%3C%2Fsvg%3E");
    width: 40px;
    height: 8px; }
    @media screen and (max-width: 599px) {
      .u-ico-arw01:before {
        width: 30px;
        height: 5px; } }
  .u-ico-arw01.ico-white:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.09%22%20height%3D%227.625%22%20viewBox%3D%220%200%2041.09%207.625%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22common_arw-01-white.svg%22%20data-name%3D%22common%2Farw-01-white.svg%22%20class%3D%22cls-1%22%20d%3D%22M1532%2C628h38l-4-5%22%20transform%3D%22translate(-1531.5%20-621.875)%22%2F%3E%3C%2Fsvg%3E"); }

/*  -------
products-top
------------*/
.products-top__inner {
  padding-top: 11rem; }
  @media screen and (max-width: 599px) {
    .products-top__inner {
      padding-top: 6rem; } }
.products-top__ttl {
  font-size: 4.6rem;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .products-top__ttl {
      font-size: 2.6rem; } }
.products-top__read {
  margin-top: 2rem;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .products-top__read {
      text-align: left;
      padding: 0 25px; } }
.products-top__list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6rem; }
  @media screen and (max-width: 599px) {
    .products-top__list {
      margin-top: 3rem; } }
  .products-top__list .item {
    margin-bottom: 1px; }
  .products-top__list .col-2 {
    width: calc(50% - 0.5px); }
    @media screen and (max-width: 599px) {
      .products-top__list .col-2 {
        width: 100%; } }
  .products-top__list .col-3 {
    width: calc(33.33333% - 0.5px); }
    @media screen and (max-width: 599px) {
      .products-top__list .col-3 {
        width: 100%; } }
  .products-top__list .col-4 {
    width: calc(25% - .75px); }
    @media screen and (max-width: 599px) {
      .products-top__list .col-4 {
        width: 100%; } }
  .products-top__list .col-5 {
    width: calc(20% - .5px); }
    @media screen and (max-width: 599px) {
      .products-top__list .col-5 {
        width: 100%; } }
  .products-top__list__link {
    overflow: hidden;
    height: 320px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      .products-top__list__link {
        height: 200px; } }
    .products-top__list__link:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #1a1a1a;
      opacity: .6;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      z-index: 1; }
    .products-top__list__link:hover:before {
      opacity: 0; }
    .products-top__list__link:hover .products-top__list__item__img {
      -webkit-transform: scale(1.1) translate(-50%, -50%);
      -ms-transform: scale(1.1) translate(-50%, -50%);
      transform: scale(1.1) translate(-50%, -50%); }
  .products-top__list__item__logo {
    position: relative;
    z-index: 2;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .products-top__list__item__logo img {
        width: 90%; } }
    .products-top__list__item__logo.feeltek img {
      width: 80%; }
    .products-top__list__item__logo.acer img {
      width: 46%; }
    .products-top__list__item__logo.predator img {
      width: 70%; }
    .products-top__list__item__logo.leadtek img {
      width: 70%; }
  .products-top__list__item__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat 50% 50%;
    background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }
    .products-top__list__item__img.item-01 {
      background-image: url("../img/top/products/bg-team.jpg"); }
    .products-top__list__item__img.item-02 {
      background-image: url("../img/top/products/bg-kingston.jpg"); }
    .products-top__list__item__img.item-03 {
      background-image: url("../img/top/products/bg-hyper-x.jpg"); }
    .products-top__list__item__img.item-04 {
      background-image: url("../img/top/products/bg-ud-info.jpg"); }
    .products-top__list__item__img.item-05 {
      background-image: url("../img/top/products/bg-delta.jpg"); }
    .products-top__list__item__img.item-06 {
      background-image: url("../img/top/products/bg-ssst.jpg"); }
    .products-top__list__item__img.item-07 {
      background-image: url("../img/top/products/bg-1st.jpg"); }
    .products-top__list__item__img.item-08 {
      background-image: url("../img/top/products/bg-manli.jpg"); }
    .products-top__list__item__img.item-09 {
      background-image: url("../img/top/products/bg-feeltek.jpg"); }
    .products-top__list__item__img.item-10 {
      background-image: url("../img/top/products/bg-acer.jpg"); }
    .products-top__list__item__img.item-11 {
      background-image: url("../img/top/products/bg-predator.jpg"); }
    .products-top__list__item__img.item-12 {
      background-image: url("../img/top/products/bg-leadtek.jpg"); }
    .products-top__list__item__img.item-13 {
      background-image: url("../img/product/delux/bg-delux.png"); }

/*  -------
solution-top
------------*/
.solution-top__inner {
  padding-top: 11rem; }
  @media screen and (max-width: 599px) {
    .solution-top__inner {
      padding-top: 6rem; } }
.solution-top__ttl {
  font-size: 4.6rem;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .solution-top__ttl {
      font-size: 2.6rem; } }
.solution-top__read {
  margin-top: 2rem;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .solution-top__read {
      text-align: left;
      padding: 0 25px; } }
.solution-top__list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6rem; }
  @media screen and (max-width: 599px) {
    .solution-top__list {
      margin-top: 3rem; } }
  .solution-top__list .item {
    margin-bottom: 1px; }
  .solution-top__list .col-2 {
    width: calc(50% - 0.5px); }
    @media screen and (max-width: 599px) {
      .solution-top__list .col-2 {
        width: 100%; } }
  .solution-top__list__link {
    overflow: hidden;
    height: 500px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      .solution-top__list__link {
        height: 200px; } }
    .solution-top__list__link:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #1a1a1a;
      opacity: .6;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      z-index: 1; }
    .solution-top__list__link:hover:before {
      opacity: 0.3; }
    .solution-top__list__link:hover {
      text-decoration: none; }
      .solution-top__list__link:hover .solution-top__list__item__img {
        -webkit-transform: scale(1.1) translate(-50%, -50%);
        -ms-transform: scale(1.1) translate(-50%, -50%);
        transform: scale(1.1) translate(-50%, -50%); }
  .solution-top__list__item {
    color: #fff; }
    .solution-top__list__item__en-ttl {
      position: relative;
      z-index: 2;
      font-size: 3.2rem;
      text-align: center; }
      @media screen and (max-width: 599px) {
        .solution-top__list__item__en-ttl {
          font-size: 2rem; } }
    .solution-top__list__item__ja-ttl {
      position: relative;
      z-index: 2;
      font-size: 1.8rem;
      text-align: center;
      font-weight: bold; }
      @media screen and (max-width: 599px) {
        .solution-top__list__item__ja-ttl {
          font-size: 1.5rem; } }
      .solution-top__list__item__ja-ttl span {
        position: relative; }
        .solution-top__list__item__ja-ttl span:before {
          content: "";
          width: 30px;
          height: 1px;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: 0 auto;
          top: inherit;
          bottom: -15px;
          background-color: #fff; }
    .solution-top__list__item__read {
      position: relative;
      z-index: 2;
      text-align: center;
      margin-top: 2rem; }
    .solution-top__list__item__img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: no-repeat 50% 50%;
      background-size: cover;
      background-size: cover;
      width: 100%;
      height: 100%;
      z-index: -1;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; }
      .solution-top__list__item__img.item-01 {
        background-image: url("../img/top/solution/bg-deletion.jpg"); }
      .solution-top__list__item__img.item-02 {
        background-image: url("../img/top/solution/bg-copy.jpg"); }
      .solution-top__list__item__img.item-03 {
        background-image: url("../img/top/solution/bg-kitting.jpg"); }
      .solution-top__list__item__img.item-04 {
        background-image: url("../img/top/solution/bg-inspection.jpg"); }

/*  -------
news-top
------------*/
.news-top {
  padding-top: 11rem; }
  @media screen and (max-width: 599px) {
    .news-top {
      padding-top: 6rem; } }
  .news-top__inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 599px) {
      .news-top__inner {
        padding-left: 25px;
        padding-right: 25px; } }
  .news-top__ttl {
    font-size: 4.6rem; }
    @media screen and (max-width: 599px) {
      .news-top__ttl {
        font-size: 2.6rem; } }
  .news-top__btn {
    position: absolute;
    right: 0;
    top: 35px; }
    @media screen and (max-width: 599px) {
      .news-top__btn {
        right: 25px;
        top: 10px; } }
    .news-top__btn__link {
      padding-right: 60px;
      font-size: 1.5rem;
      position: relative;
      display: block; }
      @media screen and (max-width: 599px) {
        .news-top__btn__link {
          padding-right: 33px; } }
      .news-top__btn__link .u-ico-arw01 {
        right: 0; }
    .news-top__btn__link:hover {
      text-decoration: none; }
      .news-top__btn__link:hover .u-ico-arw01 {
        margin-right: -10px; }
  .news-top__ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat 50% 50%;
    background-size: cover;
    content: "";
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.09%22%20height%3D%227.625%22%20viewBox%3D%220%200%2041.09%207.625%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%231a1a1a%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22common_arw-01.svg%22%20data-name%3D%22common%2Farw-01.svg%22%20class%3D%22cls-1%22%20d%3D%22M1532%2C698h38l-4-5%22%20transform%3D%22translate(-1531.5%20-691.875)%22%2F%3E%3C%2Fsvg%3E");
    width: 40px;
    height: 8px; }
    @media screen and (max-width: 599px) {
      .news-top__ico {
        width: 30px;
        height: 5px; } }
  .news-top__list {
    margin-top: 2rem; }
    @media screen and (max-width: 599px) {
      .news-top__list {
        margin-top: 1rem; } }
    .news-top__list .item {
      margin-bottom: 1px; }
    .news-top__list .col-2 {
      width: calc(50% - 0.5px); }
      @media screen and (max-width: 599px) {
        .news-top__list .col-2 {
          width: 100%; } }
  .news-top__link {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0;
    cursor: pointer; }
    @media screen and (max-width: 599px) {
      .news-top__link {
        padding: 15px 0; } }
    .news-top__link:hover {
      text-decoration: none; }
      .news-top__link:hover .news-top__txt {
        text-decoration: underline; }
  .news-top__cat {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin-right: 30px;
    padding: 5px 20px;
    font-size: 1.4rem;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold; }
    @media screen and (max-width: 599px) {
      .news-top__cat {
        font-size: 1.2rem;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px; } }
    .news-top__cat.cat-new-item {
      background-color: #722626; }
    .news-top__cat.cat-cap {
      background-color: #387167; }
    .news-top__cat.cat-news {
      background-color: #283b4c; }
  .news-top__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 115px;
    color: #aaa; }
  .news-top__txt {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 500px;
    flex: 2 0 500px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media screen and (max-width: 599px) {
      .news-top__txt {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 1rem; } }
  .news-top__item {
    border-bottom: 1px solid #ddd; }

/*  -------
about-top
------------*/
.about-top {
  margin-top: 11rem;
  position: relative;
  background-color: #f3f3f3; }
  @media screen and (max-width: 599px) {
    .about-top {
      margin-top: 6rem; } }
  .about-top__inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    position: relative;
    margin-top: -20rem;
    padding-bottom: 6rem;
    padding-top: 1rem; }
    @media screen and (max-width: 599px) {
      .about-top__inner {
        padding-bottom: 4.6rem; } }
    .about-top__inner:before {
      position: absolute;
      z-index: 1;
      content: '';
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      right: -32%;
      background: #283b4c; }
  .about-top__bg {
    position: relative;
    z-index: 0;
    height: 500px;
    background-image: url("../img/top/about/bg.jpg");
    background-size: cover; }
  .about-top__content {
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 599px) {
      .about-top__content {
        padding: 0 25px; } }
  .about-top__ttl {
    font-size: 4.6rem;
    text-align: center;
    color: #fff;
    padding: 3rem 0 2rem; }
    @media screen and (max-width: 599px) {
      .about-top__ttl {
        font-size: 2.6rem; } }
  .about-top__read {
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 599px) {
      .about-top__read {
        text-align: left; } }
  .about-top__btn {
    text-align: center; }
    .about-top__btn__link {
      padding: 10px 0;
      border: 1px solid #fff;
      -webkit-transition: border .3s ease;
      transition: border .3s ease;
      display: block;
      position: relative;
      color: #fff;
      width: 240px;
      margin: 3rem auto;
      font-size: 1.4rem; }
      .about-top__btn__link .u-ico-arw01 {
        right: 10px; }
    .about-top__btn__link:hover {
      text-decoration: none; }
      .about-top__btn__link:hover .u-ico-arw01 {
        margin-right: -20px; }
  .about-top__ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat 50% 50%;
    background-size: cover;
    content: "";
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.09%22%20height%3D%227.625%22%20viewBox%3D%220%200%2041.09%207.625%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%231a1a1a%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22common_arw-01.svg%22%20data-name%3D%22common%2Farw-01.svg%22%20class%3D%22cls-1%22%20d%3D%22M1532%2C698h38l-4-5%22%20transform%3D%22translate(-1531.5%20-691.875)%22%2F%3E%3C%2Fsvg%3E");
    width: 40px;
    height: 8px; }
    @media screen and (max-width: 599px) {
      .about-top__ico {
        width: 30px;
        height: 5px; } }
  .about-top__list {
    margin-top: 2rem; }
    @media screen and (max-width: 599px) {
      .about-top__list {
        margin-top: 1rem; } }
    .about-top__list .item {
      margin-bottom: 1px; }
    .about-top__list .col-2 {
      width: calc(50% - 0.5px); }
      @media screen and (max-width: 599px) {
        .about-top__list .col-2 {
          width: 100%; } }
  .about-top__link {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0; }
    .about-top__link:hover {
      text-decoration: none; }
      .about-top__link:hover .news-top__txt {
        text-decoration: underline; }
  .about-top__cat {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin-right: 30px;
    padding: 5px 20px;
    font-size: 1.4rem;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold; }
    .about-top__cat.new-item {
      background-color: #722626; }
    .about-top__cat.cpn {
      background-color: #387167; }
    .about-top__cat.news {
      background-color: #283b4c; }
  .about-top__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 115px;
    color: #aaa; }
  .about-top__txt {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 500px;
    flex: 2 0 500px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .about-top__item {
    border-bottom: 1px solid #ddd; }

/*  -------
animation
------------*/
@-webkit-keyframes scrollAnim {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top; }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  80% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; } }
@keyframes scrollAnim {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top; }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top; }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  80% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; } }