@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap");
@media screen and (max-width: 800px) {
  @-webkit-keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  @keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  h2,
  .h2 {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.05em; }
    h2 span,
    .h2 span {
      font-family: "Noto Sans JP", sans-serif;
      letter-spacing: 0; }
  header #headInner .logo svg {
    fill: #fff !important; }
  header.isScroll #headInner .logo svg {
    fill: #33459e !important; }
  footer #pageTop.isScroll {
    -webkit-animation: pagetop .5s forwards;
            animation: pagetop .5s forwards; }
  .breadcrumb {
    display: none; } }

@media print, screen and (min-width: 801px) {
  @-webkit-keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  @keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  h2,
  .h2 {
    font-size: 72px;
    font-weight: 700;
    color: #8193d6;
    line-height: 1;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.05em; }
    h2 span,
    .h2 span {
      font-family: "Noto Sans JP", sans-serif;
      display: block;
      font-size: 24px;
      font-weight: 400;
      margin-top: 20px;
      letter-spacing: 0; }
  header #headInner .logo svg {
    fill: #fff !important; }
  header.isScroll #headInner .logo svg {
    fill: #33459e !important; }
  footer #pageTop.isScroll {
    -webkit-animation: pagetop .5s forwards;
            animation: pagetop .5s forwards; }
  .breadcrumb {
    display: none; } }

@media screen and (max-width: 800px) {
  @-webkit-keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  @keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  header #headInner .logo svg {
    fill: #fff !important; }
  header.isScroll #headInner .logo svg {
    fill: #33459e !important; }
  footer #footerInner {
    padding-bottom: 110px; }
  footer #pageTop.isScroll {
    -webkit-animation: pagetop .5s forwards;
            animation: pagetop .5s forwards; }
  @-webkit-keyframes pagetop {
    100% {
      bottom: 100px; } }
  @keyframes pagetop {
    100% {
      bottom: 100px; } }
  .slideShow {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0; }
    .slideShow img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .slideShow.slick-slider .slick-track,
    .slideShow.slick-slider .slick-list {
      height: 100vh; }
  #heroHeader {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    #heroHeader h1 {
      font-size: 5vw;
      font-weight: 700;
      white-space: nowrap;
      text-align: center;
      position: relative;
      overflow: hidden;
      color: transparent;
      transition: all 1s;
      transition-delay: .7s; }
      #heroHeader h1:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
    #heroHeader .read {
      color: #fff;
      font-size: 16px;
      text-shadow: 1px 1px 1px #555;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 30px;
      text-align: center;
      position: relative;
      overflow: hidden;
      transition: all 1s;
      transition-delay: .9s;
      opacity: 0; }
      #heroHeader .read:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
      #heroHeader .read span {
        display: inline-block; }
      #heroHeader .read br {
        display: none; }
    #heroHeader .btn {
      margin-top: 30px;
      opacity: 0;
      -webkit-transform: translateY(100%); }
    #heroHeader #topics {
      width: 100%;
      background-color: #ebecf0;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1.5s; }
      #heroHeader #topics .inner {
        width: 90%;
        margin: 0 auto;
        padding: 1em 0px; }
      #heroHeader #topics h2 {
        font-size: 17px;
        font-weight: 7000;
        color: #e6393f; }
      #heroHeader #topics #topicsBody a {
        font-size: 14px;
        color: #000;
        text-decoration: none;
        display: flex;
        align-items: center; }
        #heroHeader #topics #topicsBody a:after {
          content: "";
          display: block;
          width: 7px;
          height: 7px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
    #heroHeader.isLoad h1 {
      color: #fff; }
      #heroHeader.isLoad h1:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .5s;
                animation-delay: .5s; }
    #heroHeader.isLoad .read {
      color: #fff;
      opacity: 1; }
      #heroHeader.isLoad .read:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .7s;
                animation-delay: .7s; }
    #heroHeader.isLoad .btn {
      -webkit-animation: heroBtn .5s forwards;
              animation: heroBtn .5s forwards;
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s;
      transition-delay: 1.5s;
      opacity: 1; }
  @-webkit-keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  @keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
    #heroHeader.isLoad #topics {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #product #productHead {
    padding-top: 30px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0;
          font-size: 40px; }
        #product #productHead h2 span.ja {
          color: transparent;
          font-size: 18px; }
    #product #productHead .read {
      font-size: 15px;
      text-align: center;
      margin: 20px auto 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s;
      width: 90%; }
  #product #productBody {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px;
      border: 1px solid #33459e; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 100%;
        height: 100%;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 100%;
          display: block; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            position: relative;
            height: 30px; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.slick-current .img img {
        opacity: 1; }
      #product #productBody .productItem.slick-current label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.slick-current label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.slick-current label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 15px 0;
    margin-top: 30px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -28px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #product #productSub #productSlide .slideInner ul {
        list-style: none;
        width: 90%;
        margin: 0 auto;
        padding: 15px; }
        #product #productSub #productSlide .slideInner ul li {
          width: 100%; }
          #product #productSub #productSlide .slideInner ul li + li {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 80px; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: 100%;
                height: auto; }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #biz {
    width: 100%;
    padding: 50px 0 60px;
    position: relative; }
    #biz:before {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg1.png);
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: 400px auto;
      z-index: 0; }
    #biz:after {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg2.png);
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 400px auto;
      z-index: 0; }
    #biz #bizHeader {
      position: relative;
      z-index: 1; }
      #biz #bizHeader .inner {
        width: 90%;
        margin: 0 auto; }
        #biz #bizHeader .inner h2 {
          color: #c3dafa;
          display: flex;
          flex-direction: column;
          align-items: center; }
          #biz #bizHeader .inner h2 span {
            transition: all 1s;
            transition-delay: .7s; }
            #biz #bizHeader .inner h2 span.h2 {
              font-size: 40px;
              font-weight: 700;
              color: #8193d6;
              line-height: 1;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #biz #bizHeader .inner h2 span.h2:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #c3dafa; }
            #biz #bizHeader .inner h2 span.ja {
              display: block;
              font-size: 18px;
              font-weight: 400;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #biz #bizHeader .inner h2 span.ja:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #33459e; }
    #biz #bizBody {
      position: relative;
      z-index: 1;
      margin-top: 25px; }
      #biz #bizBody .inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto; }
        #biz #bizBody .inner #bizSlideWrap {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          #biz #bizBody .inner #bizSlideWrap .bizSlide {
            width: 33%;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            opacity: 0;
            transition: all .5s;
            transition-delay: 1.5s; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide img {
              width: 100%;
              height: auto; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide1 {
              margin-top: 30px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide2 {
              margin-top: 60px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots {
              bottom: 0;
              text-align: right; }
              #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li {
                width: 30px;
                height: 5px;
                background-color: #dadcea;
                border-radius: 2px;
                pointer-events: none; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li.slick-active {
                  background-color: #e6393f; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li button {
                  display: none; }
        #biz #bizBody .inner #bizInfo {
          width: 100%;
          padding-top: 40px; }
          #biz #bizBody .inner #bizInfo h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            color: #33459e; }
            #biz #bizBody .inner #bizInfo h3 span {
              margin-top: 5px;
              padding: 5px; }
              #biz #bizBody .inner #bizInfo h3 span:nth-of-type(1) {
                display: block; }
          #biz #bizBody .inner #bizInfo .read {
            margin-top: 20px;
            font-size: 15px;
            line-height: 1.8; }
          #biz #bizBody .inner #bizInfo .btn {
            margin: 30px auto 0;
            width: 240px; }
    #biz.inView #bizHeader .inner h2 span.h2 {
      color: #c3dafa; }
    #biz.inView #bizHeader .inner h2 span.ja {
      color: #33459e; }
    #biz.inView #bizHeader .inner h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #biz.inView #bizBody .inner #bizSlideWrap .bizSlide {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #recruit {
    background-color: #33459e;
    position: relative; }
    #recruit:after {
      content: "";
      display: block;
      width: 100%;
      padding-top: 47%;
      background-image: url(../images/home/recruit-bg.jpg);
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: left bottom; }
    #recruit .inner #recWrap {
      width: 90%;
      margin: 0 auto;
      padding: 30px 0;
      background-color: #33459e; }
      #recruit .inner #recWrap h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0; }
        #recruit .inner #recWrap h2 span {
          transition: all 1s;
          transition-delay: .7s; }
          #recruit .inner #recWrap h2 span.h2 {
            font-size: 40px;
            font-weight: 700;
            color: #8193d6;
            line-height: 1;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #recruit .inner #recWrap h2 span.h2:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #c3dafa; }
          #recruit .inner #recWrap h2 span.ja {
            display: block;
            font-size: 18px;
            font-weight: 400;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #recruit .inner #recWrap h2 span.ja:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #fff; }
      #recruit .inner #recWrap h3 {
        margin-top: 40px;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        color: transparent;
        position: relative;
        overflow: hidden;
        transition: all 1s;
        transition-delay: 1.2s;
        text-align: center; }
        #recruit .inner #recWrap h3:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: -100%;
          background-color: #fff; }
      #recruit .inner #recWrap .read {
        margin-top: 30px;
        font-size: 15px;
        line-height: 1.8;
        color: #fff;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        opacity: 0;
        transition: all .5s;
        transition-delay: 1.5s;
        text-align: center; }
      #recruit .inner #recWrap .btn {
        margin: 30px auto 0;
        width: 240px;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        opacity: 0;
        transition: all .5s;
        transition-delay: 1.5s; }
    #recruit.inView .inner #recWrap h2 span.h2 {
      color: #8193d6; }
    #recruit.inView .inner #recWrap h2 span.ja {
      color: #fff; }
    #recruit.inView .inner #recWrap h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #recruit.inView .inner #recWrap h3 {
      color: #fff; }
      #recruit.inView .inner #recWrap h3:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }
    #recruit.inView .inner #recWrap .read,
    #recruit.inView .inner #recWrap .btn {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #news .inner {
    padding-bottom: 50px; }
    #news .inner #newsHeader h2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 0; }
      #news .inner #newsHeader h2 span {
        transition: all 1s;
        transition-delay: .7s; }
        #news .inner #newsHeader h2 span.h2 {
          font-size: 40px;
          font-weight: 700;
          line-height: 1;
          color: transparent;
          position: relative;
          overflow: hidden;
          margin-top: 40px; }
          #news .inner #newsHeader h2 span.h2:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: -100%;
            background-color: #c3dafa; }
        #news .inner #newsHeader h2 span.ja {
          display: block;
          font-size: 18px;
          font-weight: 400;
          color: transparent;
          position: relative;
          overflow: hidden; }
          #news .inner #newsHeader h2 span.ja:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: -100%;
            background-color: #33459e; }
    #news .inner #newsHeader .read {
      font-size: 15px;
      line-height: 1.8;
      margin-top: 20px;
      opacity: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      transition: all .5s;
      transition-delay: 1.5s;
      text-align: center; }
      #news .inner #newsHeader .read br {
        display: none; }
    #news .inner #newsHeader .btn {
      display: none; }
    #news .inner #newsBody {
      opacity: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      transition: all .5s;
      transition-delay: 1.8s;
      width: 90%;
      margin: 30px auto 0; }
      #news .inner #newsBody #newsArchive ul {
        list-style: none; }
        #news .inner #newsBody #newsArchive ul li .date {
          font-size: 15px;
          color: #e6393f;
          width: 130px;
          display: block; }
        #news .inner #newsBody #newsArchive ul li .new {
          background-color: #e6393f;
          color: #fff;
          font-size: 12px;
          /* width: 50px; */
          padding: 5px 10px;
          margin: 10px 14px 0 0;
          position: relative;
          top: -3px;
          box-sizing: border-box;
          display: inline-block; }
        #news .inner #newsBody #newsArchive ul li a {
          font-size: 15px;
          text-decoration: none;
          color: #000; }
        #news .inner #newsBody #newsArchive ul li + li {
          margin-top: 20px; }
      #news .inner #newsBody #newsArchive .btn {
        min-width: initial;
        margin: 30px auto 0;
        width: 240px; }
      #news .inner #newsBody #pickup {
        margin: 30px auto 0; }
        #news .inner #newsBody #pickup h3 {
          color: #e6393f;
          font-size: 15px; }
        #news .inner #newsBody #pickup #pickupSlide {
          margin-top: 10px; }
          #news .inner #newsBody #pickup #pickupSlide li {
            pointer-events: none; }
            #news .inner #newsBody #pickup #pickupSlide li button {
              display: none; }
        #news .inner #newsBody #pickup .pickupItem {
          margin: 0 10px; }
          #news .inner #newsBody #pickup .pickupItem a {
            display: block;
            width: 100%; }
            #news .inner #newsBody #pickup .pickupItem a img {
              width: 100%;
              height: auto; }
        #news .inner #newsBody #pickup .slick-prev,
        #news .inner #newsBody #pickup .slick-next {
          width: 10px;
          height: 10px;
          display: block; }
        #news .inner #newsBody #pickup .slick-prev {
          border-top: 2px solid #a1a1a1;
          border-left: 2px solid #a1a1a1;
          -webkit-transform: rotate(-45deg) translateY(-50%);
                  transform: rotate(-45deg) translateY(-50%);
          left: -17px; }
        #news .inner #newsBody #pickup .slick-next {
          border-top: 2px solid #a1a1a1;
          border-right: 2px solid #a1a1a1;
          -webkit-transform: rotate(45deg) translateY(-50%);
                  transform: rotate(45deg) translateY(-50%);
          right: -15px; }
        #news .inner #newsBody #pickup .slick-dots li {
          width: 30px;
          height: 5px;
          background-color: #dadcea;
          border-radius: 2px; }
          #news .inner #newsBody #pickup .slick-dots li.slick-active {
            background-color: #e6393f; }
  #news.inView .inner #newsHeader h2 span.h2 {
    color: #8193d6; }
  #news.inView .inner #newsHeader h2 span.ja {
    color: #33459e; }
  #news.inView .inner #newsHeader h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #news.inView .inner #newsHeader .read,
  #news.inView .inner #newsHeader .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  #news.inView .inner #newsBody {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@media screen and (min-width: 801px) and (max-width: 1049px) {
  @-webkit-keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  @keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  header #headInner .logo svg {
    fill: #fff !important; }
  header.isScroll #headInner .logo svg {
    fill: #33459e !important; }
  footer #pageTop.isScroll {
    -webkit-animation: pagetop .5s forwards;
            animation: pagetop .5s forwards; }
  .slideShow {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0; }
    .slideShow img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .slideShow.slick-slider .slick-track,
    .slideShow.slick-slider .slick-list {
      height: 100vh; }
  #heroHeader {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    #heroHeader h1 {
      font-size: 5vw;
      font-weight: 700;
      white-space: nowrap;
      text-align: center;
      position: relative;
      overflow: hidden;
      color: transparent;
      transition: all 1s;
      transition-delay: .7s; }
      #heroHeader h1:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
    #heroHeader .read {
      color: #fff;
      font-size: 18px;
      text-shadow: 1px 1px 1px #555;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 30px;
      text-align: center;
      color: transparent;
      position: relative;
      overflow: hidden;
      transition: all 1s;
      transition-delay: .9s;
      opacity: 0; }
      #heroHeader .read:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
    #heroHeader .btn {
      margin-top: 60px;
      opacity: 0;
      -webkit-transform: translateY(100%); }
    #heroHeader #topics {
      width: 100%;
      height: 52px;
      background-color: #ebecf0;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1.5s; }
      #heroHeader #topics .inner {
        display: flex;
        align-items: center;
        height: 52px; }
      #heroHeader #topics h2 {
        font-size: 17px;
        font-weight: 7000;
        color: #e6393f;
        padding-left: 10px; }
      #heroHeader #topics #topicsBody {
        flex: 1;
        padding-left: 30px; }
        #heroHeader #topics #topicsBody a {
          font-size: 14px;
          color: #000;
          text-decoration: none;
          display: flex;
          align-items: center;
          padding-right: 10px; }
          #heroHeader #topics #topicsBody a span {
            margin-right: 1em; }
          #heroHeader #topics #topicsBody a:after {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            border-top: 2px solid #000;
            border-right: 2px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
    #heroHeader.isLoad h1 {
      color: #fff; }
      #heroHeader.isLoad h1:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .5s;
                animation-delay: .5s; }
    #heroHeader.isLoad .read {
      color: #fff;
      opacity: 1; }
      #heroHeader.isLoad .read:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .7s;
                animation-delay: .7s; }
    #heroHeader.isLoad .btn {
      -webkit-animation: heroBtn .5s forwards;
              animation: heroBtn .5s forwards;
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s;
      transition-delay: 1.5s;
      opacity: 1; }
  @-webkit-keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  @keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
    #heroHeader.isLoad #topics {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #product #productHead {
    padding-top: 30px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0;
          font-size: 40px; }
        #product #productHead h2 span.ja {
          color: transparent;
          font-size: 18px; }
    #product #productHead .read {
      font-size: 15px;
      text-align: center;
      margin-top: 20px;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s; }
  #product #productBody {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px;
      border: 1px solid #33459e; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 100%;
        height: 100%;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 100%;
          display: block; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            position: relative;
            height: 30px; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.slick-current .img img {
        opacity: 1; }
      #product #productBody .productItem.slick-current label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.slick-current label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.slick-current label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 30px 0;
    margin-top: 30px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -43px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #product #productSub #productSlide .slideInner ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none;
        width: 90%;
        margin: 0 auto; }
        #product #productSub #productSlide .slideInner ul li {
          width: 49%; }
          #product #productSub #productSlide .slideInner ul li:nth-of-type(n + 3) {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 80px; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: 100%;
                height: auto; }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #biz {
    width: 100%;
    padding: 70px 0 100px;
    position: relative; }
    #biz:before {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg1.png);
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: 400px auto;
      z-index: 0; }
    #biz:after {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg2.png);
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 400px auto;
      z-index: 0; }
    #biz #bizHeader {
      position: relative;
      z-index: 1; }
      #biz #bizHeader .inner {
        width: 90%;
        margin: 0 auto; }
        #biz #bizHeader .inner h2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #biz #bizHeader .inner h2 span {
            transition: all 1s;
            transition-delay: .7s; }
            #biz #bizHeader .inner h2 span.h2 {
              font-size: 40px;
              font-weight: 700;
              color: #8193d6;
              line-height: 1;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #biz #bizHeader .inner h2 span.h2:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #c3dafa; }
            #biz #bizHeader .inner h2 span.ja {
              display: block;
              font-size: 18px;
              font-weight: 400;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #biz #bizHeader .inner h2 span.ja:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #33459e; }
    #biz #bizBody {
      position: relative;
      z-index: 1;
      margin-top: 25px; }
      #biz #bizBody .inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto; }
        #biz #bizBody .inner #bizSlideWrap {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          #biz #bizBody .inner #bizSlideWrap .bizSlide {
            width: 33%;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            opacity: 0;
            transition: all .5s;
            transition-delay: 1.5s; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide1 {
              margin-top: 30px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide2 {
              margin-top: 60px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots {
              bottom: 0;
              text-align: right; }
              #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li {
                width: 30px;
                height: 5px;
                background-color: #dadcea;
                border-radius: 2px;
                pointer-events: none; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li.slick-active {
                  background-color: #e6393f; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li button {
                  display: none; }
        #biz #bizBody .inner #bizInfo {
          width: 100%;
          padding-top: 40px; }
          #biz #bizBody .inner #bizInfo h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            color: #33459e; }
            #biz #bizBody .inner #bizInfo h3 span {
              margin-top: 5px;
              padding: 5px; }
              #biz #bizBody .inner #bizInfo h3 span:nth-of-type(1) {
                display: block; }
          #biz #bizBody .inner #bizInfo .read {
            margin-top: 20px;
            font-size: 15px;
            line-height: 1.8; }
          #biz #bizBody .inner #bizInfo .btn {
            margin: 30px auto 0;
            width: 240px; }
    #biz.inView #bizHeader .inner h2 span.h2 {
      color: #c3dafa; }
    #biz.inView #bizHeader .inner h2 span.ja {
      color: #33459e; }
    #biz.inView #bizHeader .inner h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #biz.inView #bizBody .inner #bizSlideWrap .bizSlide {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #recruit {
    background-color: #33459e;
    position: relative; }
    #recruit:after {
      content: "";
      display: block;
      width: 100%;
      padding-top: 47%;
      background-image: url(../images/home/recruit-bg.jpg);
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: left bottom; }
    #recruit .inner #recWrap {
      width: 90%;
      margin: 0 auto;
      padding: 55px 50px 55px 0;
      background-color: #33459e; }
      #recruit .inner #recWrap h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0; }
        #recruit .inner #recWrap h2 span {
          transition: all 1s;
          transition-delay: .7s; }
          #recruit .inner #recWrap h2 span.h2 {
            font-size: 40px;
            font-weight: 700;
            color: #8193d6;
            line-height: 1;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #recruit .inner #recWrap h2 span.h2:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #c3dafa; }
          #recruit .inner #recWrap h2 span.ja {
            display: block;
            font-size: 18px;
            font-weight: 400;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #recruit .inner #recWrap h2 span.ja:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #fff; }
      #recruit .inner #recWrap h3 {
        margin-top: 40px;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        color: transparent;
        position: relative;
        overflow: hidden;
        transition: all 1s;
        transition-delay: 1.2s;
        text-align: center; }
        #recruit .inner #recWrap h3:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: -100%;
          background-color: #fff; }
      #recruit .inner #recWrap .read {
        margin-top: 30px;
        font-size: 15px;
        line-height: 1.8;
        color: #fff;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        opacity: 0;
        transition: all .5s;
        transition-delay: 1.5s;
        text-align: center; }
      #recruit .inner #recWrap .btn {
        margin: 30px auto 0;
        width: 240px;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        opacity: 0;
        transition: all .5s;
        transition-delay: 1.5s; }
    #recruit.inView .inner #recWrap h2 span.h2 {
      color: #8193d6; }
    #recruit.inView .inner #recWrap h2 span.ja {
      color: #fff; }
    #recruit.inView .inner #recWrap h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #recruit.inView .inner #recWrap h3 {
      color: #fff; }
      #recruit.inView .inner #recWrap h3:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }
    #recruit.inView .inner #recWrap .read,
    #recruit.inView .inner #recWrap .btn {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #news .inner #newsHeader h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0; }
    #news .inner #newsHeader h2 span {
      transition: all 1s;
      transition-delay: .7s; }
      #news .inner #newsHeader h2 span.h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1;
        color: transparent;
        position: relative;
        overflow: hidden;
        margin-top: 40px; }
        #news .inner #newsHeader h2 span.h2:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: -100%;
          background-color: #c3dafa; }
      #news .inner #newsHeader h2 span.ja {
        display: block;
        font-size: 18px;
        font-weight: 400;
        color: transparent;
        position: relative;
        overflow: hidden; }
        #news .inner #newsHeader h2 span.ja:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: -100%;
          background-color: #33459e; }
  #news .inner #newsHeader .read {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    transition: all .5s;
    transition-delay: 1.5s;
    text-align: center; }
    #news .inner #newsHeader .read br {
      display: none; }
  #news .inner #newsHeader .btn {
    display: none; }
  #news .inner #newsBody {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    transition: all .5s;
    transition-delay: 1.8s;
    width: 90%;
    margin: 0 auto; }
    #news .inner #newsBody #newsArchive ul {
      list-style: none; }
      #news .inner #newsBody #newsArchive ul li {
        display: flex; }
        #news .inner #newsBody #newsArchive ul li .date {
          font-size: 15px;
          color: #e6393f;
          width: 130px; }
        #news .inner #newsBody #newsArchive ul li .new {
          background-color: #e6393f;
          color: #fff;
          font-size: 12px;
          /* width: 50px; */
          height: 30px;
          padding: 5px 10px;
          margin-right: 10px;
          position: relative;
          top: -3px;
          box-sizing: border-box;
          display: inline-block; }
        #news .inner #newsBody #newsArchive ul li a {
          flex: 1;
          font-size: 15px;
          text-decoration: none;
          color: #000; }
          #news .inner #newsBody #newsArchive ul li a:hover {
            text-decoration: underline; }
        #news .inner #newsBody #newsArchive ul li + li {
          margin-top: 30px; }
    #news .inner #newsBody #newsArchive .btn {
      min-width: initial;
      margin: 30px auto 0;
      width: 170px; }
    #news .inner #newsBody #pickup {
      margin: 30px auto 0; }
      #news .inner #newsBody #pickup h3 {
        color: #e6393f;
        font-size: 15px; }
      #news .inner #newsBody #pickup #pickupSlide {
        margin-top: 10px; }
      #news .inner #newsBody #pickup .pickupItem {
        margin: 0 10px; }
        #news .inner #newsBody #pickup .pickupItem a {
          display: block;
          width: 100%; }
          #news .inner #newsBody #pickup .pickupItem a img {
            width: 100%;
            height: auto; }
      #news .inner #newsBody #pickup .slick-prev,
      #news .inner #newsBody #pickup .slick-next {
        width: 10px;
        height: 10px;
        display: block; }
      #news .inner #newsBody #pickup .slick-prev {
        border-top: 2px solid #a1a1a1;
        border-left: 2px solid #a1a1a1;
        -webkit-transform: rotate(-45deg) translateY(-50%);
                transform: rotate(-45deg) translateY(-50%);
        left: -17px; }
      #news .inner #newsBody #pickup .slick-next {
        border-top: 2px solid #a1a1a1;
        border-right: 2px solid #a1a1a1;
        -webkit-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%);
        right: -15px; }
      #news .inner #newsBody #pickup .slick-dots li {
        width: 30px;
        height: 5px;
        background-color: #dadcea;
        border-radius: 2px; }
        #news .inner #newsBody #pickup .slick-dots li.slick-active {
          background-color: #e6393f; }
  #news.inView .inner #newsHeader h2 span.h2 {
    color: #8193d6; }
  #news.inView .inner #newsHeader h2 span.ja {
    color: #33459e; }
  #news.inView .inner #newsHeader h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #news.inView .inner #newsHeader .read,
  #news.inView .inner #newsHeader .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  #news.inView .inner #newsBody {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@media print, screen and (min-width: 1050px) {
  @-webkit-keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  @keyframes ltr {
    0% {
      left: -100%; }
    45% {
      left: 0; }
    55% {
      left: 0; }
    100% {
      left: 100%; } }
  header #headInner .logo svg {
    fill: #fff !important; }
  header.isScroll #headInner .logo svg {
    fill: #33459e !important; }
  footer #pageTop.isScroll {
    -webkit-animation: pagetop .5s forwards;
            animation: pagetop .5s forwards; }
  .slideShow {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0; }
    .slideShow img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .slideShow.slick-slider .slick-track,
    .slideShow.slick-slider .slick-list {
      height: 100vh; }
  #heroHeader {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    #heroHeader h1 {
      font-size: 36px;
      font-weight: 700;
      white-space: nowrap;
      text-align: center;
      position: relative;
      overflow: hidden;
      color: transparent;
      transition: color 1s;
      transition-delay: .7s; }
      #heroHeader h1:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
    #heroHeader .read {
      color: #fff;
      text-shadow: 1px 1px 1px #555;
      font-size: 18px;
      line-height: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 30px;
      text-align: center;
      color: transparent;
      position: relative;
      overflow: hidden;
      transition: color 1s;
      transition-delay: .9s;
      opacity: 0; }
      #heroHeader .read:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -100%;
        top: 0; }
    #heroHeader .btn {
      margin-top: 80px;
      opacity: 0;
      -webkit-transform: translateY(100%); }
    #heroHeader #topics {
      width: 100%;
      height: 52px;
      background-color: #ebecf0;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1.5s; }
      #heroHeader #topics .inner {
        display: flex;
        align-items: center;
        height: 52px; }
      #heroHeader #topics h2 {
        font-size: 17px;
        font-weight: 7000;
        color: #e6393f; }
      #heroHeader #topics #topicsBody {
        flex: 1;
        padding-left: 60px; }
        #heroHeader #topics #topicsBody a {
          font-size: 14px;
          color: #000;
          text-decoration: none;
          display: flex;
          align-items: center; }
          #heroHeader #topics #topicsBody a span {
            margin-right: 1em; }
          #heroHeader #topics #topicsBody a:after {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            border-top: 2px solid #000;
            border-right: 2px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
          #heroHeader #topics #topicsBody a:hover {
            color: #33459e; }
            #heroHeader #topics #topicsBody a:hover:after {
              border-color: #33459e;
              -webkit-animation: topicsArrow 2s infinite;
                      animation: topicsArrow 2s infinite; }
  @-webkit-keyframes topicsArrow {
    0% {
      width: 7px;
      height: 7px; }
    20% {
      width: 10px;
      height: 10px; }
    60%,
    100% {
      width: 7px;
      height: 7px; } }
  @keyframes topicsArrow {
    0% {
      width: 7px;
      height: 7px; }
    20% {
      width: 10px;
      height: 10px; }
    60%,
    100% {
      width: 7px;
      height: 7px; } }
    #heroHeader.isLoad h1 {
      color: #fff; }
      #heroHeader.isLoad h1:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .5s;
                animation-delay: .5s; }
    #heroHeader.isLoad .read {
      color: #fff;
      opacity: 1; }
      #heroHeader.isLoad .read:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .7s;
                animation-delay: .7s; }
    #heroHeader.isLoad .btn {
      -webkit-animation: heroBtn .5s forwards;
              animation: heroBtn .5s forwards;
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s;
      background-color: #e6393f;
      transition: .5s all;
      transition-delay: 1.5s;
      opacity: 1; }
      #heroHeader.isLoad .btn:hover {
        background-color: #fff;
        color: #e6393f; }
  @-webkit-keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  @keyframes heroBtn {
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
    #heroHeader.isLoad #topics {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #product #productHead {
    padding-top: 70px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0; }
        #product #productHead h2 span.ja {
          color: transparent;
          margin-top: 30px; }
    #product #productHead .read {
      font-size: 16px;
      text-align: center;
      margin-top: 40px;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s; }
  #product #productBody {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 80%;
        height: 60px;
        margin: -30px auto 0;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 60px; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            line-height: 1;
            position: relative;
            transition: all .4s; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.checked .img img {
        opacity: 1; }
      #product #productBody .productItem.checked label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.checked label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.checked label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 60px 0;
    margin-top: 60px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -73px;
        transition: all .5s; }
      #product #productSub #productSlide[data="1"]:before {
        left: calc((100% / 8) * 1); }
      #product #productSub #productSlide[data="2"]:before {
        left: calc((100% / 8) * 3); }
      #product #productSub #productSlide[data="3"]:before {
        left: calc((100% / 8) * 5); }
      #product #productSub #productSlide[data="4"]:before {
        left: calc((100% / 8) * 7); }
      #product #productSub #productSlide .slideInner ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none; }
        #product #productSub #productSlide .slideInner ul li {
          width: 32%;
          height: 120px;
          background-color: #33459e; }
          #product #productSub #productSlide .slideInner ul li:nth-of-type(n + 4) {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 120px;
              width: 120px;
              height: 120px;
              display: flex;
              align-self: center;
              overflow: hidden;
              position: relative; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: auto;
                height: 100%;
                position: absolute;
                top: 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%); }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #biz {
    width: 100%;
    padding: 70px 0 100px;
    position: relative; }
    #biz:before {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg1.png);
      background-position: left bottom;
      background-repeat: no-repeat;
      z-index: 0; }
    #biz:after {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/home/biz-bg2.png);
      background-position: right top;
      background-repeat: no-repeat;
      z-index: 0; }
    #biz #bizHeader {
      position: relative;
      z-index: 1; }
      #biz #bizHeader .inner h2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        #biz #bizHeader .inner h2 span {
          transition: all 1s;
          transition-delay: .7s; }
          #biz #bizHeader .inner h2 span.h2 {
            font-size: 64px;
            font-weight: 700;
            color: #8193d6;
            line-height: 1;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #biz #bizHeader .inner h2 span.h2:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #c3dafa; }
          #biz #bizHeader .inner h2 span.ja {
            display: block;
            font-size: 24px;
            font-weight: 400;
            margin-top: 20px;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #biz #bizHeader .inner h2 span.ja:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #33459e; }
    #biz #bizBody {
      position: relative;
      z-index: 1;
      margin-top: 25px; }
      #biz #bizBody .inner {
        display: flex;
        justify-content: space-between; }
        #biz #bizBody .inner #bizSlideWrap {
          width: 73%;
          display: flex;
          justify-content: space-between; }
          #biz #bizBody .inner #bizSlideWrap .bizSlide {
            width: 33%;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            opacity: 0;
            transition: all .5s;
            transition-delay: 1.5s; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide1 {
              margin-top: 30px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide2 {
              margin-top: 60px; }
            #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots {
              bottom: 20px;
              text-align: right; }
              #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li {
                width: 30px;
                height: 5px;
                background-color: #dadcea;
                border-radius: 2px;
                pointer-events: none; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li.slick-active {
                  background-color: #e6393f; }
                #biz #bizBody .inner #bizSlideWrap .bizSlide#bizSlide3 .slick-dots li button {
                  display: none; }
        #biz #bizBody .inner #bizInfo {
          width: 25%;
          padding-top: 60px; }
          #biz #bizBody .inner #bizInfo h3 {
            font-size: 28px;
            line-height: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            #biz #bizBody .inner #bizInfo h3 span {
              color: transparent;
              background-color: transparent;
              margin-top: 5px;
              padding: 5px;
              transition: all 1s;
              transition-delay: .9s;
              position: relative;
              overflow: hidden; }
              #biz #bizBody .inner #bizInfo h3 span:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #c3dafa; }
          #biz #bizBody .inner #bizInfo .read {
            margin-top: 30px;
            font-size: 15px;
            line-height: 1.8;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            opacity: 0;
            transition: all .5s;
            transition-delay: 1.5s; }
          #biz #bizBody .inner #bizInfo .btn {
            margin-top: 55px;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            opacity: 0;
            transition: all .5s;
            transition-delay: 1.5s; }
    #biz.inView #bizHeader .inner h2 span.h2 {
      color: #c3dafa; }
    #biz.inView #bizHeader .inner h2 span.ja {
      color: #33459e; }
    #biz.inView #bizHeader .inner h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #biz.inView #bizBody .inner #bizSlideWrap .bizSlide {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
    #biz.inView #bizBody .inner #bizInfo h3 span {
      color: #fff;
      background-color: #33459e; }
      #biz.inView #bizBody .inner #bizInfo h3 span:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: .5s;
                animation-delay: .5s; }
    #biz.inView #bizBody .inner #bizInfo .read,
    #biz.inView #bizBody .inner #bizInfo .btn {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #recruit {
    background-color: #33459e;
    position: relative; }
    #recruit:before {
      content: "";
      display: block;
      max-width: 953px;
      width: 50%;
      height: 100%;
      z-index: 0;
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(../images/home/recruit-bg.jpg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: left bottom; }
    #recruit .inner {
      display: flex;
      justify-content: flex-start;
      position: relative;
      z-index: 5; }
      #recruit .inner #recWrap {
        padding: 55px 50px 55px 0;
        background-color: #33459e; }
        #recruit .inner #recWrap h2 {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          margin-top: 0; }
          #recruit .inner #recWrap h2 span {
            transition: all 1s;
            transition-delay: .7s; }
            #recruit .inner #recWrap h2 span.h2 {
              font-size: 64px;
              font-weight: 700;
              color: #8193d6;
              line-height: 1;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #recruit .inner #recWrap h2 span.h2:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #c3dafa; }
            #recruit .inner #recWrap h2 span.ja {
              display: block;
              font-size: 24px;
              font-weight: 400;
              margin-top: 20px;
              color: transparent;
              position: relative;
              overflow: hidden; }
              #recruit .inner #recWrap h2 span.ja:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -100%;
                background-color: #fff; }
        #recruit .inner #recWrap h3 {
          margin-top: 40px;
          font-size: 30px;
          color: #fff;
          font-weight: 700;
          color: transparent;
          position: relative;
          overflow: hidden;
          transition: all 1s;
          transition-delay: 1.2s; }
          #recruit .inner #recWrap h3:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: -100%;
            background-color: #fff; }
        #recruit .inner #recWrap .read {
          margin-top: 30px;
          font-size: 15px;
          line-height: 1.8;
          color: #fff;
          -webkit-transform: translateY(50%);
                  transform: translateY(50%);
          opacity: 0;
          transition: all .5s;
          transition-delay: 1.5s; }
        #recruit .inner #recWrap .btn {
          margin-top: 30px;
          width: 240px;
          -webkit-transform: translateY(50%);
                  transform: translateY(50%);
          opacity: 0;
          transition: all .5s;
          transition-delay: 1.5s; }
    #recruit.inView .inner #recWrap h2 span.h2 {
      color: #8193d6; }
    #recruit.inView .inner #recWrap h2 span.ja {
      color: #fff; }
    #recruit.inView .inner #recWrap h2 span:after {
      -webkit-animation: ltr 1s forwards;
              animation: ltr 1s forwards;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    #recruit.inView .inner #recWrap h3 {
      color: #fff; }
      #recruit.inView .inner #recWrap h3:after {
        -webkit-animation: ltr 1s forwards;
                animation: ltr 1s forwards;
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }
    #recruit.inView .inner #recWrap .read,
    #recruit.inView .inner #recWrap .btn {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  #news .inner {
    display: flex;
    padding: 70px 0; }
    #news .inner #newsHeader {
      width: 270px; }
      #news .inner #newsHeader h2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0; }
        #news .inner #newsHeader h2 span {
          transition: all 1s;
          transition-delay: .7s; }
          #news .inner #newsHeader h2 span.h2 {
            font-size: 36px;
            font-weight: 700;
            color: #8193d6;
            line-height: 1;
            color: transparent;
            position: relative;
            overflow: hidden;
            margin-top: 0; }
            #news .inner #newsHeader h2 span.h2:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #c3dafa; }
          #news .inner #newsHeader h2 span.ja {
            display: block;
            font-size: 15px;
            font-weight: 400;
            margin-top: 20px;
            color: transparent;
            position: relative;
            overflow: hidden; }
            #news .inner #newsHeader h2 span.ja:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: -100%;
              background-color: #33459e; }
      #news .inner #newsHeader .read {
        font-size: 15px;
        line-height: 1.8;
        margin-top: 30px;
        opacity: 0;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        transition: all .5s;
        transition-delay: 1.5s; }
      #news .inner #newsHeader .btn {
        min-width: initial;
        margin-top: 30px;
        width: 170px;
        opacity: 0;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        transition: all .5s;
        transition-delay: 1.5s; }
    #news .inner #newsBody {
      flex: 1;
      display: flex;
      opacity: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      transition: all .5s;
      transition-delay: 1.8s; }
      #news .inner #newsBody #newsArchive {
        flex: 1; }
        #news .inner #newsBody #newsArchive ul {
          list-style: none; }
          #news .inner #newsBody #newsArchive ul li {
            display: flex;
            position: relative; }
            #news .inner #newsBody #newsArchive ul li .date {
              font-size: 15px;
              color: #e6393f;
              width: 130px; }
            #news .inner #newsBody #newsArchive ul li .new {
              background-color: #e6393f;
              color: #fff;
              font-size: 12px;
              /* width: 50px; */
              height: 30px;
              padding: 5px 10px;
              margin-right: 10px;
              position: relative;
              top: -3px;
              box-sizing: border-box; }
            #news .inner #newsBody #newsArchive ul li a {
              flex: 1;
              font-size: 15px;
              text-decoration: none;
              color: #000; }
              #news .inner #newsBody #newsArchive ul li a:hover {
                text-decoration: underline; }
            #news .inner #newsBody #newsArchive ul li + li {
              margin-top: 30px; }
        #news .inner #newsBody #newsArchive .btn {
          display: none; }
      #news .inner #newsBody #pickup {
        width: 400px;
        margin: 0 25px 0 80px; }
        #news .inner #newsBody #pickup h3 {
          color: #e6393f;
          font-size: 15px; }
        #news .inner #newsBody #pickup #pickupSlide {
          margin-top: 10px; }
          #news .inner #newsBody #pickup #pickupSlide li {
            pointer-events: none; }
            #news .inner #newsBody #pickup #pickupSlide li button {
              display: none; }
        #news .inner #newsBody #pickup .slick-prev,
        #news .inner #newsBody #pickup .slick-next {
          width: 10px;
          height: 10px;
          display: block; }
        #news .inner #newsBody #pickup .slick-prev {
          border-top: 2px solid #a1a1a1;
          border-left: 2px solid #a1a1a1;
          -webkit-transform: rotate(-45deg) translateY(-50%);
                  transform: rotate(-45deg) translateY(-50%);
          left: -17px; }
        #news .inner #newsBody #pickup .slick-next {
          border-top: 2px solid #a1a1a1;
          border-right: 2px solid #a1a1a1;
          -webkit-transform: rotate(45deg) translateY(-50%);
                  transform: rotate(45deg) translateY(-50%);
          right: -15px; }
        #news .inner #newsBody #pickup .slick-dots li {
          width: 30px;
          height: 5px;
          background-color: #dadcea;
          border-radius: 2px; }
          #news .inner #newsBody #pickup .slick-dots li.slick-active {
            background-color: #e6393f; }
  #news.inView .inner #newsHeader h2 span.h2 {
    color: #000; }
  #news.inView .inner #newsHeader h2 span.ja {
    color: #000; }
  #news.inView .inner #newsHeader h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #news.inView .inner #newsHeader .read,
  #news.inView .inner #newsHeader .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  #news.inView .inner #newsBody {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@media print {
  #product #productBody,
  #product #productSub,
  #biz #bizBody .inner #bizSlideWrap .bizSlide,
  .read,
  .btn,
  #news .inner #newsBody,
  #topics {
    opacity: 1 !important; }
  #recruit .inner {
    display: block !important;
    z-index: 1 !important; }
  #recruit:before {
    z-index: 5 !important; }
  #recruit .inner #recWrap {
    width: 100% !important; } }

/*# sourceMappingURL=map/home.css.map */