@charset "UTF-8";
/*------------------------------------------------------------
トップ：既存コーディング
------------------------------------------------------------*/
.main-visual { width: 100%; height: 730px; text-align: center; padding: 310px 0 0; position: relative; overflow: hidden; }

@media screen and (max-width: 767px) { .main-visual { height: 375px; padding: 149px 0 0; } }

.main-visual h2 { opacity: 0; position: relative; z-index: 3; }

.main-visual h2 img { width: 650px; height: 46px; margin-left: 14px; }

@media screen and (max-width: 767px) { .main-visual h2 img { width: 320px; height: 22px; margin-left: 19px; } }

.main-visual p { margin: 19px auto 0; opacity: 0; position: relative; z-index: 3; }

@media screen and (max-width: 767px) { .main-visual p { margin: 5px auto 0; } }

.main-visual p img { width: 255px; height: 18px; margin-left: 20px; }

@media screen and (max-width: 767px) { .main-visual p img { width: 160px; height: 11px; margin-left: 9px; } }

.main-visual.on-visual h2 { -webkit-animation: toRight 500ms cubic-bezier(0.1, 0.37, 0.44, 0.92) both; animation: toRight 500ms cubic-bezier(0.1, 0.37, 0.44, 0.92) both; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.main-visual.on-visual p { -webkit-animation: toLeft 500ms cubic-bezier(0.1, 0.37, 0.34, 0.95) both; animation: toLeft 500ms cubic-bezier(0.1, 0.37, 0.34, 0.95) both; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.main-visual ul { position: absolute; top: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; background: #000; }

.main-visual ul li { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.main-visual ul li img { width: 100%; height: auto; opacity: 0; }

.main-visual .swiper-container { opacity: 0; display: block; position: absolute; width: 100%; height: 100%; top: 0; z-index: -1; }

.main-visual .swiper-container .swiper-slide { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.main-visual .news_impotant { position: absolute; bottom: 25px; left: 0; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .main-visual .news_impotant { bottom: -20px; display: block; width: calc(100% - 50px); margin: 0 25px; } }

.main-visual .news_impotant > dt { font-size: 1.4rem; font-weight: bold; color: #fff; background: #0285d0; text-align: center; width: 100px; padding: 10px 0; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dt { font-size: 1.2rem; color: #0285d0; background: transparent; text-align: left; width: auto; padding: 0; position: absolute; top: 10px; left: 15px; } }

.main-visual .news_impotant > dd a { display: block; background: #fff url("../images/common/img_arrow-bk1.svg") no-repeat right 20px center; background-size: 5px auto; font-size: 1.6rem; text-decoration: none; width: 650px; padding: 10px 30px 10px 20px; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dd a { background-position: right 15px center; font-size: 1.3rem; width: auto; padding: 15px 30px 0 15px; } }

.main-visual .news_impotant > dd a:hover { color: #0285d0; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dd a:hover { color: #222; } }

.main-visual .news_impotant > dd a dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dd a dl { display: block; text-align: left; } }

.main-visual .news_impotant > dd a dl dt { width: 105px; padding-right: 15px; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dd a dl dt { width: auto; padding-right: 0; margin-left: 50px; border-left: 1px solid #E2E2E2; padding-left: 15px; line-height: 1; } }

.main-visual .news_impotant > dd a dl dd { width: calc(100% - 105px); border-left: 1px solid #E2E2E2; padding-left: 15px; text-align: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

@media screen and (max-width: 767px) { .main-visual .news_impotant > dd a dl dd { width: auto; border-left: none; padding-left: 0; white-space: normal; margin-top: 4px; } }

.t-about { padding: 130px 0 70px; }

.t-about div { display: block; width: 100%; height: auto; }

.t-about div figure { -ms-flex-item-align: start; align-self: flex-start; width: 50%; margin: 0 50px 0 110px; text-align: center; }

.t-about div figure img, .t-about div figure video { width: 100%; height: auto; }

.t-about div figure .iframe_box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.t-about div figure .iframe_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.t-about div section { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 50%; padding-right: 100px; }

.t-about div section h2 { font-size: 2.6rem; letter-spacing: 0.05em; }

.t-about div section p { margin-top: 15px; }

.t-about .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; }

.t-about .slick-slide img { display: inline-block; }

.t-about .slick_arrow_left, .t-about .slick_arrow_right { position: absolute; top: 50%; z-index: 50; width: 28px; height: 54px; background: no-repeat center center; margin-top: -15px; cursor: pointer; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }

.t-about .slick_arrow_left:hover, .t-about .slick_arrow_right:hover { opacity: 0.6; }

.t-about .slick_arrow_right { left: 40px; background-image: url("../images/common/arrow_slider_left.svg"); }

.t-about .slick_arrow_left { right: 40px; background-image: url("../images/common/arrow_slider_right.svg"); }

.t-about .slick-dots { bottom: -10px; }

.t-about .slick-dots li { width: auto; height: auto; margin: 0 3px; }

.t-about .slick-dots li button { width: 50px; height: 2px; padding: 0; }

.t-about .slick-dots li button:before { font-size: 0; width: 100%; height: 100%; background: #ddd; opacity: 1; }

.t-about .slick-dots li.slick-active button:before { background: #0285d0; }

@media screen and (max-width: 767px) { .t-about { padding: 50px 0 35px; }
  .t-about div { display: block; }
  .t-about div figure { width: auto; margin: 0 25px; }
  .t-about div figure img, .t-about div figure video { min-width: auto; }
  .t-about div section { width: auto; padding: 0 25px; margin-top: 25px; }
  .t-about div section h2 { font-size: 1.8rem; text-align: center; }
  .t-about div section p { margin-top: 20px; }
  .t-about .slick-slide { display: block; }
  .t-about .slick_arrow_left, .t-about .slick_arrow_right { display: none !important; }
  .t-about .slick-dots { bottom: -10px; }
  .t-about .slick-dots li button { width: 30px; } }

.ab-animation .image-about { opacity: 1; }

.ab-animation .mark { -webkit-animation: toShow 540ms cubic-bezier(0, 0.53, 0.1, 1) both; animation: toShow 540ms cubic-bezier(0, 0.53, 0.1, 1) both; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.ab-animation .text .text-y { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.ab-animation .text .text-a { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 1.85s; animation-delay: 1.85s; }

.ab-animation .text .text-s { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.ab-animation .text .text-u { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 1.95s; animation-delay: 1.95s; }

.ab-animation .text .text-j { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }

.ab-animation .text .text-i { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 2.05s; animation-delay: 2.05s; }

.ab-animation .text .text-m { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

.ab-animation .text .text-a2 { -webkit-animation: toUp 150ms both; animation: toUp 150ms both; -webkit-animation-delay: 2.15s; animation-delay: 2.15s; }

.ab-animation .img { -webkit-animation: toFade 300ms ease-in-out both; animation: toFade 300ms ease-in-out both; -webkit-animation-delay: 2.35s; animation-delay: 2.35s; }

.ab-animation .logo { -webkit-animation: toOp 300ms both; animation: toOp 300ms both; -webkit-animation-delay: 2.35s; animation-delay: 2.35s; }

.t-application { margin-top: 150px; }

@media screen and (max-width: 767px) { .t-application { margin-top: 71px; } }

.t-application ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .t-application ul { margin-top: 42px; } }

.t-application ul li { width: calc((100%/3) - 0.67px); height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 1px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.t-application ul li:hover { opacity: 0.6; }

@media screen and (max-width: 767px) { .t-application ul li { width: calc((100%/2) - 0.5px); height: 140.5px; margin-bottom: 1px; }
  .t-application ul li:nth-child(2n) { margin-right: 0; }
  .t-application ul li:hover { opacity: 1; } }

.t-application ul li:nth-child(3) { margin-right: 0; }

@media screen and (max-width: 767px) { .t-application ul li:nth-child(3) { margin-right: 1px; } }

.t-application ul li:nth-child(4), .t-application ul li:nth-child(5) { width: calc(50% - 0.55px); height: 280px; margin-right: 0; margin-top: 1px; }

@media screen and (max-width: 767px) { .t-application ul li:nth-child(4), .t-application ul li:nth-child(5) { height: 140.5px; margin-top: 0; } }

.t-application ul li:nth-child(4) { margin-right: 1px; }

@media screen and (max-width: 767px) { .t-application ul li:nth-child(4) { margin-right: 0; } }

.t-application ul li.img-other { background: url("../images/top/bgimg_purpose-other.jpg") no-repeat center center; background-size: cover; }

.t-application ul a { font-size: 2.2rem; color: #fff; text-decoration: none; }

@media screen and (max-width: 767px) { .t-application ul a { font-size: 1.5rem; } }

.t-application ul a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 333; }

.t-product { margin-top: 139px; }

@media screen and (max-width: 767px) { .t-product { margin-top: 90px; } }

.t-product ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .t-product ul { margin-top: 41px; } }

.t-product ul li { display: table; width: calc((100%/3) - 0.67px); height: 350px; margin-right: 1px; margin-bottom: 1px; color: #fff; text-align: center; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.t-product ul li:hover { opacity: 0.6; }

@media screen and (max-width: 767px) { .t-product ul li { width: calc((100%/2) - 0.5px); height: 140.5px; }
  .t-product ul li:nth-child(2n) { margin-right: 0 !important; }
  .t-product ul li:hover { opacity: 1; } }

.t-product ul li:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 767px) { .t-product ul li:nth-child(3n) { margin-right: 1px; } }

.t-product ul li a { font-size: 2.2rem; display: table-cell; vertical-align: middle; text-decoration: none; }

@media screen and (max-width: 767px) { .t-product ul li a { font-size: 1.5rem; } }

.t-product ul li a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; }

.t-reseach { margin-top: 158px; position: relative; padding-top: 61px; }

@media screen and (max-width: 767px) { .t-reseach { margin-top: 109px; padding-top: 0; } }

.t-reseach:before { content: ""; width: 60%; height: 431px; position: absolute; top: 0; left: 0; background: #ECF6FC; }

@media screen and (max-width: 767px) { .t-reseach:before { content: none; } }

.t-reseach .img-reseach { width: 50%; float: left; position: relative; z-index: 33; background: url("../images/top/img_researchlab.jpg") no-repeat center center; background-size: cover; height: 450px; }

@media screen and (max-width: 767px) { .t-reseach .img-reseach { width: 100%; float: none; height: 225px; } }

.t-reseach .ct-reseach { width: 50%; float: right; padding: 0 70px; position: relative; z-index: 33; }

@media screen and (max-width: 767px) { .t-reseach .ct-reseach { width: auto; padding: 40px 15px 48.5px; float: none; margin: -30px 25px 0; background: #fff; } }

.t-reseach .ct-reseach h2 { color: #0285D0; font-size: 2.6rem; font-family: 'noto-sans', sans-serif; font-style: normal; line-height: 36px; margin-bottom: 20px; padding-top: 42px; letter-spacing: 0; }

@media screen and (max-width: 767px) { .t-reseach .ct-reseach h2 { font-size: 1.8rem; line-height: 24.5px; margin-bottom: 14px; padding-top: 0; text-align: center; letter-spacing: 0.05em; } }

.t-reseach .ct-reseach h3 { font-size: 2rem; letter-spacing: 0.05em; }

@media screen and (max-width: 767px) { .t-reseach .ct-reseach h3 { font-size: 1.4rem; text-align: center; } }

.t-reseach .ct-reseach p { line-height: 32px; margin-bottom: 45px; }

@media screen and (max-width: 767px) { .t-reseach .ct-reseach p { padding: 0 10px; margin: 2px auto 32px; line-height: 24px; } }

.t-maintenance { margin-top: 120px; padding-bottom: 26px; position: relative; }

@media screen and (max-width: 767px) { .t-maintenance { margin-top: 50px; padding-bottom: 0; } }

.t-maintenance:before { content: ""; width: 60%; height: 398px; position: absolute; top: 78px; right: 0; background: #ECF6FC; }

@media screen and (max-width: 767px) { .t-maintenance:before { content: none; } }

.t-maintenance .img-maintenance { width: 50%; float: right; height: 450px; background: url("../images/top/img_top-maintenance.jpg") no-repeat center center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 33; }

@media screen and (max-width: 767px) { .t-maintenance .img-maintenance { width: 100%; float: none; height: 225px; } }

.t-maintenance .img-maintenance p { font-size: 3rem; color: #fff; }

@media screen and (max-width: 767px) { .t-maintenance .img-maintenance p { font-size: 2rem; } }

.t-maintenance .ct-maintenance { width: 50%; float: left; padding: 0 70px; position: relative; z-index: 33; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance { width: auto; float: none; margin: -30px 25px 0; padding: 40px 15px 7px; background: #fff; } }

.t-maintenance .ct-maintenance h2 { color: #0285D0; font-size: 2.6rem; font-family: 'noto-sans', sans-serif; font-style: normal; line-height: 36px; margin-bottom: 20px; padding-top: 42px; letter-spacing: 0; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance h2 { font-size: 1.8rem; letter-spacing: 0.05em; line-height: 24.5px; margin-bottom: 16px; text-align: center; padding-top: 0; } }

.t-maintenance .ct-maintenance p { line-height: 32px; margin-bottom: 23px; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance p { line-height: 24px; font-size: 1.4rem; margin: 0 auto 10px; padding: 0 10px; } }

.t-maintenance .ct-maintenance dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance dl { margin-top: 11px; padding: 0 10px; } }

.t-maintenance .ct-maintenance dl dt { width: 110px; text-align: center; height: 26px; line-height: 24px; font-size: 1.4rem; border: 1px solid #242A31; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance dl dt { width: 88.5px; height: 25px; line-height: 23px; font-size: 1.2rem; } }

.t-maintenance .ct-maintenance dl dd { padding-left: 10px; width: calc(100% - 110px); font-size: 1.4rem; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance dl dd { padding-left: 11px; width: calc(100% - 88.5px); font-size: 1.3rem; line-height: 19px; padding-top: 2px; } }

.t-maintenance .ct-maintenance .c-button { margin-top: 50px; }

@media screen and (max-width: 767px) { .t-maintenance .ct-maintenance .c-button { margin-top: 27px; } }

.t-news { margin-top: 94px; background: #F8F8F8; padding: 100px 0 110px; }

@media screen and (max-width: 767px) { .t-news { margin-top: 50px; padding: 51px 25px 55px; } }

.t-news .tab-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.t-news .tab-news li { width: 280px; font-size: 1.4rem; line-height: 30px; margin-top: 50px; border-left: 1px solid #cbcbcb; position: relative; cursor: pointer; }

@media screen and (max-width: 767px) { .t-news .tab-news li { width: 140px; font-size: 1.3rem; margin-top: 30px; } }

.t-news .tab-news li:last-child { border-right: 1px solid #cbcbcb; }

.t-news .tab-news li:after { display: block; content: ""; width: 0; height: 2px; background: #0285d0; position: absolute; bottom: 0; left: 10px; }

@media screen and (max-width: 767px) { .t-news .tab-news li:after { height: 1px; } }

.t-news .tab-news li.on { color: #0285d0; }

.t-news .tab-news li.on:after { width: calc(100% - 20px); }

.t-news .tab-news li:hover { color: #0285d0; }

.t-news .caption { font-size: 1.4rem; text-align: center; margin-top: 20px; display: none; }

.t-news .caption.show { display: block; }

@media screen and (max-width: 767px) { .t-news .caption { font-size: 1.2rem; margin-top: 14px; } }

.t-news .ct-news { margin-top: 50px; border-top: 1px solid #CBCBCB; }

@media screen and (max-width: 767px) { .t-news .ct-news { margin-top: 32px; font-size: 1.4rem; } }

.t-news .ct-news ul { display: none; }

.t-news .ct-news ul.show { display: block; }

.t-news .ct-news li { border-bottom: 1px solid #CBCBCB; padding: 32px 30px 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

@media screen and (max-width: 767px) { .t-news .ct-news li { padding: 16px 10px 18px; display: block; } }

.t-news .ct-news li a { text-decoration: none; width: calc(100% - 190px); padding-left: 31px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .t-news .ct-news li a:hover { opacity: 0.6; } }

@media screen and (max-width: 767px) { .t-news .ct-news li a { width: 100%; padding-left: 0; display: block; margin-top: 4px; letter-spacing: 0; } }

.t-news .ct-news .date-cate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 190px; }

@media screen and (max-width: 767px) { .t-news .ct-news .date-cate { width: 100%; } }

.t-news .ct-news .category { line-height: 19px; width: 90px; text-align: center; color: #fff; font-size: 1.2rem; margin-left: 20px; display: inline-block; }

@media screen and (max-width: 767px) { .t-news .ct-news .category { line-height: 15px; width: 70px; font-size: 1rem; margin-left: 10.5px; } }

.t-news .ct-news .notice { color: #21B2BE; border: 1px solid #21B2BE; }

.t-news .ct-news .product { color: #F05E85; border: 1px solid #F05E85; }

.t-news .ct-news .event { color: #EA7743; border: 1px solid #EA7743; }

.t-news .ct-news .test { color: #55A538; border: 1px solid #55A538; }

.t-news .c-button { margin: 60px auto 0; }

@media screen and (max-width: 767px) { .t-news .c-button { margin: 30px auto 0; } }

.t-recruit { width: 100%; height: 350px; background: url("../images/top/bgimg_recruit_pc.jpg") no-repeat center center; background-size: cover; color: #fff; padding-top: 95px; text-align: center; position: relative; z-index: 33; }

@media screen and (max-width: 767px) { .t-recruit { height: 260px; background-image: url("../images/top/bgimg_recruit_sp.jpg"); padding-top: 56px; } }

.t-recruit p { font-family: 'Arial', sans-serif; color: #fff; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 16px; font-weight: bold; }

@media screen and (max-width: 767px) { .t-recruit p { font-size: 1.2rem; line-height: 13.5px; } }

.t-recruit h2 { font-size: 2.6rem; color: #fff; line-height: 38px; margin: 6px auto 40px; letter-spacing: 0.05em; }

@media screen and (max-width: 767px) { .t-recruit h2 { font-size: 1.8rem; line-height: 24px; margin: 5.5px auto 27.5px; } }

.t-recruit .c-button { margin: auto; border: 1px solid #FFFFFF; line-height: 48px; }

.t-recruit .c-button:after { background: none; }

@-webkit-keyframes toShow { 0% { -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  100% { -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0); } }

@keyframes toShow { 0% { -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  100% { -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0); } }

@-webkit-keyframes toUp { 0% { -webkit-transform: translate(0, 20px);
    opacity: 0;
    transform: translate(0, 20px); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes toUp { 0% { -webkit-transform: translate(0, 20px);
    opacity: 0;
    transform: translate(0, 20px); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes toFade { 0% { -webkit-transform: translate(-20px, 0);
    opacity: 0;
    transform: translate(-20px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes toFade { 0% { -webkit-transform: translate(-20px, 0);
    opacity: 0;
    transform: translate(-20px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes toOp { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes toOp { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes toUpAb { 0% { -webkit-transform: translate(0, 40px);
    opacity: 0;
    transform: translate(0, 40px); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes toUpAb { 0% { -webkit-transform: translate(0, 40px);
    opacity: 0;
    transform: translate(0, 40px); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes toLeft { 0% { -webkit-transform: translate(30px, 0);
    opacity: 0;
    transform: translate(30px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes toLeft { 0% { -webkit-transform: translate(30px, 0);
    opacity: 0;
    transform: translate(30px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes toRight { 0% { -webkit-transform: translate(-30px, 0);
    opacity: 0;
    transform: translate(-30px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes toRight { 0% { -webkit-transform: translate(-30px, 0);
    opacity: 0;
    transform: translate(-30px, 0); }
  100% { -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0); } }

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