#opening {
  position: relative;
  z-index: 2;
  width: 100vw;
  height: 60vh; }
  #opening .slider {
    position: absolute;
    top: 0;
    height: 60vh;
    transform-style: preserve-3d;
    will-change: transform; }
    #opening .slider .slide {
      overflow: hidden;
      position: absolute;
      left: auto;
      right: 0;
      transform-style: preserve-3d;
      will-change: transform; }
      #opening .slider .slide .bg {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        height: 60vh;
        background-size: cover;
        background-repeat: no-repeat;
        transform-style: preserve-3d;
        will-change: transform; }
    #opening .slider#opening_slider_left {
      left: 0;
      width: 50vw; }
      #opening .slider#opening_slider_left .slide {
        width: 0;
        height: 60vh; }
        #opening .slider#opening_slider_left .slide .bg {
          width: 50vw;
          background-position: 50% 50%; }
    #opening .slider#opening_slider_right {
      right: 0;
      width: 50vw; }
      #opening .slider#opening_slider_right .slide {
        width: 50vw;
        height: 0; }
        #opening .slider#opening_slider_right .slide .bg {
          width: 50vw;
          background-position: 50% 50%; }
  #opening .newsArea {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    width: 110.0rem;
    height: 6.0rem; }
    #opening .newsArea h2 {
      order: 2;
      width: 17.0rem;
      height: 100%;
      border-radius: 0; }
      #opening .newsArea h2 a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        line-height: 1;
        font-size: 1.8rem; }
        #opening .newsArea h2 a::before {
          background-color: #B28D98; }
    #opening .newsArea .box {
      order: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-color: #fff;
      padding: 0 2.5rem; }
      #opening .newsArea .box .icon {
        width: 16px;
        line-height: 0; }
      #opening .newsArea .box .txtArea {
        position: relative;
        overflow: hidden;
        flex: 1 auto;
        height: 3.0rem;
        margin-left: 1.5em;
        line-height: 1;
        color: #916774; }
        #opening .newsArea .box .txtArea > ul {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          margin: 0;
          padding: 0;
          list-style: none; }
          #opening .newsArea .box .txtArea > ul[data-length="5"] {
            top: 3.0rem;
            animation-name: news-5;
            animation-duration: 30s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s; }
          #opening .newsArea .box .txtArea > ul[data-length="4"] {
            top: 3.0rem;
            animation-name: news-4;
            animation-duration: 24s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s; }
          #opening .newsArea .box .txtArea > ul[data-length="3"] {
            top: 3.0rem;
            animation-name: news-3;
            animation-duration: 18s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s; }
          #opening .newsArea .box .txtArea > ul[data-length="2"] {
            top: 3.0rem;
            animation-name: news-2;
            animation-duration: 12s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s; }
          #opening .newsArea .box .txtArea > ul:hover {
            animation-play-state: paused; }
      #opening .newsArea .box .news {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 3.0rem;
        line-height: 3.0rem; }
        #opening .newsArea .box .news p {
          margin: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          #opening .newsArea .box .news p a {
            position: relative;
            display: inline-block;
            text-decoration: none; }
            #opening .newsArea .box .news p a::after {
              position: absolute;
              bottom: 0;
              left: 0;
              content: '';
              width: 100%;
              height: 1px;
              background: #7F7F77;
              transform: scale(0, 1);
              transform-origin: right top;
              transition: transform .3s; }
            #opening .newsArea .box .news p a:hover::after {
              transform-origin: left top;
              transform: scale(1, 1); }
  @media only screen and (max-width: 567px) {
    #opening {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%; }
      #opening .slider {
        height: 50%; }
        #opening .slider .slide {
          position: absolute;
          left: auto;
          right: 0; }
          #opening .slider .slide .bg {
            position: absolute;
            left: auto;
            right: 0;
            top: 0;
            height: 50vh; }
        #opening .slider#opening_slider_left {
          right: 0;
          width: 100vw; }
          #opening .slider#opening_slider_left .slide {
            width: 0;
            height: 50vh; }
            #opening .slider#opening_slider_left .slide .bg {
              width: 100vw; }
        #opening .slider#opening_slider_right {
          top: auto;
          bottom: 0;
          width: 100vw; }
          #opening .slider#opening_slider_right .slide {
            width: 100vw;
            height: 0; }
            #opening .slider#opening_slider_right .slide .bg {
              width: 100vw; }
      #opening .newsArea {
        width: 100%;
        height: 6.0rem; }
        #opening .newsArea h2 {
          width: 12.5rem; }
          #opening .newsArea h2 a {
            width: 100%; }
        #opening .newsArea .box {
          box-sizing: border-box;
          width: 51.5rem;
          height: 100%;
          padding: 0 2.5rem; }
          #opening .newsArea .box .icon {
            width: 1.6rem; }
          #opening .newsArea .box .txtArea {
            height: 3.0rem; }
            #opening .newsArea .box .txtArea p {
              font-size: 1.8rem;
              line-height: 2; } }