@charset "UTF-8";
@import url(../../uikit.min.css);
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent; }

body {
  line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

a:hover {
  color: #02aef0; }

ins {
  text-decoration: none;
  color: #222;
  background-color: #02aef0; }

mark {
  font-weight: 700;
  font-style: italic;
  color: #222;
  background-color: #02aef0; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc; }

input,
select {
  vertical-align: middle; }

html {
  font-size: 62.5%; }

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', 'Helvetica Neue', HelveticaNeue, YuGothic, 'Yu Gothic Medium', 'Yu Gothic', Verdana, Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2 !important;
  counter-reset: number 0;
  letter-spacing: .2rem;
  color: rgba(0, 0, 0, 0.8);
  background: white; }
  @media (max-width: 40em) {
    body {
      font-size: 1.4rem; } }

section {
  margin-bottom: 10.9375vh; }
  @media (max-width: 60em) {
    section {
      margin-bottom: 5.46875vh; } }

article {
  position: relative;
  padding: 10.9375vh 0; }
  @media (max-width: 60em) {
    article {
      padding: 5.46875vh 0; } }

.sp {
  display: none; }
  @media (max-width: 40em) {
    .sp {
      display: block; } }

.pc {
  display: block; }
  @media (max-width: 40em) {
    .pc {
      display: none; } }

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none; }

select {
  display: block; }

figure {
  margin: 0; }

a {
  -webkit-transition: all .3s ease 0;
  -o-transition: all .3s ease 0;
  transition: all .3s ease 0;
  color: rgba(0, 0, 0, 0.8); }

iframe {
  border: 0; }

a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
  opacity: .8; }

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  text-decoration: none;
  outline: 0; }

td,
th {
  border-radius: 0; }

b,
strong,
.bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI semibold', 'Helvetica Neue', HelveticaNeue, YuGothic, 'Yu Gothic', 'Segoe UI', Verdana, Meiryo, sans-serif;
  font-weight: bold; }

_:lang(x)::-ms-backdrop,
.selector {
  font-family: 'Segoe UI', Meiryo, sans-serif; }

.br-pc {
  display: block; }
  @media (max-width: 40em) {
    .br-pc {
      display: none; } }

.br-sp {
  display: none; }
  @media (max-width: 60em) {
    .br-sp {
      display: block; } }

@font-face {
  font-family: 'Anton', sans-serif; }

.footer {
  font-size: 1.2rem;
  padding: 8rem 0;
  background: #00a0e9; }
  @media (max-width: 40em) {
    .footer {
      padding: 4rem 0; } }
  .footer_top {
    padding-bottom: 4rem; }
    @media (max-width: 40em) {
      .footer_top {
        padding-bottom: 2rem; } }
    .footer_top_address {
      font-family: "Anton", sans-serif;
      font-size: 3.2rem;
      color: white; }
      @media (max-width: 40em) {
        .footer_top_address {
          font-size: 3.2rem; } }
    .footer_top_companyname {
      font-size: 1.6rem;
      padding: 1rem 0;
      color: #fff; }
  .footer_link {
    font-family: "Anton", sans-serif;
    text-transform: uppercase;
    text-align: right; }
    @media (max-width: 60em) {
      .footer_link {
        padding-top: 3rem;
        text-align: left; }
        .footer_link ul li {
          padding-bottom: 1rem; } }
    .footer_link a {
      font-size: 2.4rem;
      line-height: 3.2rem;
      padding: 0 !important; }
  @media (max-width: 40em) {
    .footer_bottom_copy {
      font-size: 1rem; } }
  .footer_bottom_sns {
    text-align: right; }
    @media (max-width: 40em) {
      .footer_bottom_sns {
        text-align: left; } }

.l-header {
  position: relative;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12rem 10.9375vw 0;
  background: #fff;
  -webkit-box-shadow: 10px 20px 20px white;
  box-shadow: 10px 20px 20px white; }
  @media (max-width: 40em) {
    .l-header {
      padding: 12.5vw 6.25vw 0; } }
  @media (max-width: 40em) {
    .l-header_logo {
      width: 160px;
      height: auto; } }
  .l-header_logo img {
    vertical-align: middle; }

.menu {
  position: fixed;
  z-index: 999;
  top: 12rem;
  right: 10.9375vw; }
  @media (max-width: 40em) {
    .menu {
      top: 11vw;
      right: 6.25vw; }
      .menu button {
        padding: 0; } }

nav {
  font-family: "Anton", sans-serif; }
  nav button.uk-button {
    border: none !important; }
  nav .nav_list {
    font-size: 5.6rem;
    line-height: 4rem;
    text-transform: uppercase;
    text-align: right; }
    @media (max-width: 40em) {
      nav .nav_list {
        font-size: 4rem; } }
    nav .nav_list li {
      padding-bottom: 2.4rem; }
      @media (max-width: 40em) {
        nav .nav_list li {
          padding-bottom: 0.8rem; } }
    nav .nav_list .sns {
      display: inline-block;
      padding: 4rem 1rem 0 0; }

.staff {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(48%, white), color-stop(48%, whitesmoke), to(whitesmoke));
  background: -webkit-linear-gradient(bottom, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%);
  background: -o-linear-gradient(bottom, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%);
  background: linear-gradient(0deg, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%); }
  @media (max-width: 40em) {
    .staff {
      background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(48%, white), color-stop(48%, whitesmoke), to(whitesmoke));
      background: -webkit-linear-gradient(bottom, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%);
      background: -o-linear-gradient(bottom, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%);
      background: linear-gradient(0deg, white 0%, white 48%, whitesmoke 48%, whitesmoke 100%); } }
  .staff .content {
    padding-top: 8rem; }

.contact-link .content_ttl_bg {
  top: -10rem; }
  @media (max-width: 40em) {
    .contact-link .content_ttl_bg {
      top: 0; } }

.contact-link .content .btn {
  position: relative;
  z-index: 10; }

.btn {
  text-decoration: underline;
  font-weight: bold;
  padding: 2rem 0; }

.tab_btn li a {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 8px 0;
  text-align: left; }
  @media (max-width: 40em) {
    .tab_btn li a {
      font-size: 1.4rem;
      text-align: center; } }

.tab_detail {
  padding: 2rem 0; }
  .tab_detail_ttl {
    font-family: 'Anton', sans-serif;
    font-size: 2.4rem;
    margin: 4rem 0 2rem;
    color: #00a0e9; }

.shutter {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: byeShutter 1.6s ease-out forwards;
  animation: byeShutter 1.6s ease-out forwards;
  background-color: #00a0e9; }
  .shutter::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
    margin: auto;
    content: '';
    -webkit-animation: shutterOpen 1.6s ease-out forwards;
    animation: shutterOpen 1.6s ease-out forwards;
    background-color: #fff; }

main {
  -webkit-animation: contentScale 1.6s ease forwards;
  animation: contentScale 1.6s ease forwards; }

@-webkit-keyframes byeShutter {
  40% {
    opacity: 1; }
  100% {
    z-index: -1;
    display: none;
    opacity: 0; } }

@keyframes byeShutter {
  40% {
    opacity: 1; }
  100% {
    z-index: -1;
    display: none;
    opacity: 0; } }

@-webkit-keyframes shutterOpen {
  0% {
    width: 0;
    height: 100%; }
  40% {
    width: 100%;
    height: 100%; }
  100% {
    width: 100%;
    height: 100%; } }

@keyframes shutterOpen {
  0% {
    width: 0;
    height: 100%; }
  40% {
    width: 100%;
    height: 100%; }
  100% {
    width: 100%;
    height: 100%; } }

@-webkit-keyframes contentScale {
  0% {
    padding-top: 8rem;
    opacity: 0; }
  40% {
    padding-top: 8rem;
    opacity: 0; }
  100% {
    padding-top: 0;
    opacity: 1; } }

@keyframes contentScale {
  0% {
    padding-top: 8rem;
    opacity: 0; }
  40% {
    padding-top: 8rem;
    opacity: 0; }
  100% {
    padding-top: 0;
    opacity: 1; } }

/*
@keyframes contentScale{
  40%{
    transform:perspective(200px) scale(0.9) rotateX(5deg);
  }
  100%{
    transform:perspective(200px) scale(1) rotateX(0);
  }
}
*/
.bg_gray {
  background-color: #F5F5F5; }

.pd_left-right {
  padding: 0 10.9375vw;
  margin-right: 0; }
  @media (max-width: 40em) {
    .pd_left-right {
      padding: 0 5.46875vw; } }

.pd_left {
  padding: 0 0 0 10.9375vw;
  margin-left: 0; }
  @media (max-width: 40em) {
    .pd_left {
      margin: 0;
      padding: 0; } }

.pd_right {
  padding: 0 10.9375vw 0 0; }
  @media (max-width: 40em) {
    .pd_right {
      margin: 0;
      padding: 0; } }

h1,
.h1 {
  font-size: 4.8rem;
  line-height: 1.5em;
  text-transform: capitalize; }
  @media (max-width: 60em) {
    h1,
    .h1 {
      font-size: calc(3.2em + ((1vw – .4em) * (1.6 / .4em))); } }
  @media (max-width: 40em) {
    h1,
    .h1 {
      font-size: 3.2rem; } }

h2,
.h2 {
  font-size: 4rem; }
  @media (max-width: 60em) {
    h2,
    .h2 {
      font-size: calc(2.4em + ((1vw – .4em) * (1.6 / .4em))); } }
  @media (max-width: 40em) {
    h2,
    .h2 {
      font-size: 2.4rem; } }

h3,
.h3 {
  font-size: 2.4rem; }
  @media (max-width: 40em) {
    h3,
    .h3 {
      font-size: 1.6rem; } }

h4,
.h4 {
  font-size: 1.6rem; }

h5,
.h5 {
  font-size: 1.6rem; }

small {
  font-size: 1em; }

.hero {
  overflow: hidden; }
  .hero_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 72vh;
    padding: 0 0 0 10.9375vw;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    background-size: auto 96%; }
    @media (max-width: 60em) {
      .hero_ttl {
        padding: 0 0 0 10.9375vw; } }
    @media (max-width: 40em) {
      .hero_ttl {
        height: 56vh;
        padding: 0 0 0 5.46875vw;
        background-size: 80%; } }
    .hero_ttl-en {
      font-family: "Anton", sans-serif;
      font-size: 18rem;
      line-height: .9em;
      line-height: 1em;
      position: absolute;
      z-index: -1;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.04); }
      @media (max-width: 60em) {
        .hero_ttl-en {
          font-size: calc(8rem + ((1vw – .4em) * (10 / .4em))); } }
      @media (max-width: 40em) {
        .hero_ttl-en {
          font-size: 8rem; } }
  .hero_img {
    padding: 0 0 10.9375vh 10.9375vw;
    background: -webkit-gradient(linear, left bottom, left top, from(#00a0e9), color-stop(64%, #00a0e9), color-stop(64%, white), to(white));
    background: -webkit-linear-gradient(bottom, #00a0e9 0%, #00a0e9 64%, white 64%, white 100%);
    background: -o-linear-gradient(bottom, #00a0e9 0%, #00a0e9 64%, white 64%, white 100%);
    background: linear-gradient(0deg, #00a0e9 0%, #00a0e9 64%, white 64%, white 100%); }
    @media (max-width: 40em) {
      .hero_img {
        padding: 0 0 10.9375vh 5.46875vw;
        background: -webkit-gradient(linear, left bottom, left top, from(#00a0e9), color-stop(80%, #00a0e9), color-stop(80%, white), to(white));
        background: -webkit-linear-gradient(bottom, #00a0e9 0%, #00a0e9 80%, white 80%, white 100%);
        background: -o-linear-gradient(bottom, #00a0e9 0%, #00a0e9 80%, white 80%, white 100%);
        background: linear-gradient(0deg, #00a0e9 0%, #00a0e9 80%, white 80%, white 100%); } }
    .hero_img ul {
      min-height: calc(80vh); }
      @media (max-width: 60em) {
        .hero_img ul {
          min-height: calc(50vh); } }

.top .hero_ttl,
.news .hero_ttl {
  background-image: url(../../../img/hero/img_hero-bg01.png); }

.services .hero_ttl,
.services_about .hero_ttl,
.services_message .hero_ttl,
.services_support .hero_ttl {
  background-image: url(../../../img/hero/img_hero-bg02.png); }

.company .hero_ttl {
  background-image: url(../../../img/hero/img_hero-bg03.png); }

.recruit .hero_ttl {
  background-image: url(../../../img/hero/img_hero-bg04.png); }

.contact .hero_ttl,
.album .hero_ttl {
  background-image: url(../../../img/hero/img_hero-bg05.png); }

.lower-sec {
  padding-bottom: 10.9375vh; }
  @media (max-width: 60em) {
    .lower-sec {
      padding-bottom: 5.46875vh; } }

.content {
  position: relative;
  z-index: 50; }
  .content_ttl {
    padding: 0 10.9375vw; }
    @media (max-width: 60em) {
      .content_ttl {
        padding: 2rem 10.9375vw 2rem 5.46875vw; } }
    @media (max-width: 40em) {
      .content_ttl {
        padding: 0 5.46875vw; } }
    .content_ttl_front {
      position: relative;
      z-index: 10; }
      .content_ttl_front .en,
      .content_ttl_front .date {
        font-family: "Anton", sans-serif;
        margin-bottom: 1.5rem;
        text-transform: capitalize;
        color: #00a0e9; }
    .content_ttl_bg {
      font-family: "Anton", sans-serif;
      font-size: 18rem;
      position: absolute !important;
      top: 0;
      white-space: nowrap;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.04); }
      @media (max-width: 60em) {
        .content_ttl_bg {
          font-size: calc(8rem + ((1vw – .4em) * (10 / .4em))); } }
      @media (max-width: 40em) {
        .content_ttl_bg {
          font-size: 8rem; } }
  .content_txt {
    padding: 2rem 10.9375vw; }
    @media (max-width: 60em) {
      .content_txt {
        padding: 2rem 10.9375vw 2rem 5.46875vw; } }
    @media (max-width: 40em) {
      .content_txt {
        padding: 2rem 5.46875vw; } }
  .content_copy {
    font-size: 4.8rem;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    padding: 0 10.9375vw; }
    @media (max-width: 60em) {
      .content_copy {
        font-size: calc(3.2em + ((1vw – .4em) * (1.6 / .4em))); } }
    @media (max-width: 40em) {
      .content_copy {
        font-size: 3.2rem;
        padding: 0 5.46875vw;
        margin-top: 2rem; } }
    .content_copy span {
      font-size: 2.4rem;
      line-height: 1.5em;
      padding: 2rem 0 0;
      display: block; }
      @media (max-width: 40em) {
        .content_copy span {
          font-size: 1.6rem; } }
  .content_detail {
    padding: 0 10.9375vw;
    position: relative;
    margin: 8rem 0; }
    @media (max-width: 40em) {
      .content_detail {
        padding: 0 5.46875vw;
        margin: 4rem 0; } }
    .content_detail .list-num {
      position: relative;
      padding-right: 4rem; }
      @media (max-width: 40em) {
        .content_detail .list-num {
          padding-left: 4rem;
          padding-right: 0; } }
      .content_detail .list-num::before {
        font-family: "Anton", sans-serif;
        font-size: 2.4rem;
        position: absolute;
        top: -.8rem;
        left: 0;
        content: "0" counter(number) " ";
        counter-increment: number 1;
        color: #00a0e9; }
        @media (max-width: 40em) {
          .content_detail .list-num::before {
            top: -1.2rem; } }
      .content_detail .list-num:last-child::before {
        content: counter(number) " "; }
      .content_detail .list-num_ttl {
        font-weight: bold;
        margin: 0 0 .8rem 0; }
    .content_detail .list-card {
      padding: 0 0 4rem 0; }
      .content_detail .list-card_img {
        text-align: center; }
        @media (max-width: 40em) {
          .content_detail .list-card_img img {
            height: 80px; } }
      .content_detail .list-card_txt .name {
        font-weight: bold;
        padding-bottom: 2rem; }
        @media (max-width: 40em) {
          .content_detail .list-card_txt .name {
            padding-bottom: 0; } }
    .content_detail .list {
      position: relative;
      padding-bottom: 2.4rem;
      padding-left: 4rem; }
      @media (max-width: 40em) {
        .content_detail .list {
          padding-left: 2.4rem; } }
      .content_detail .list_ttl {
        font-weight: bold;
        margin: 0 0 .8rem 0; }
      .content_detail .list::after {
        position: absolute;
        top: 1em;
        left: 0;
        display: block;
        width: 16px;
        height: 2px;
        content: '';
        background-color: #00a0e9; }
        @media (max-width: 40em) {
          .content_detail .list::after {
            top: 1rem;
            width: 8px;
            height: 3px; } }
  .content-img > div {
    -webkit-box-shadow: whitesmoke 240px 40px 0;
    box-shadow: whitesmoke 240px 40px 0;
    min-height: calc(80vh); }
    @media (max-width: 60em) {
      .content-img > div {
        -webkit-box-shadow: whitesmoke 0 80px 0;
        box-shadow: whitesmoke 0 80px 0;
        min-height: calc(50vh); } }

span.fade {
  -webkit-animation: blur 10s ease-out forwards;
  animation: blur 10s ease-out forwards;
  color: transparent; }
  span.fade:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s; }
  span.fade:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s; }
  span.fade:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s; }
  span.fade:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s; }
  span.fade:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
  span.fade:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s; }
  span.fade:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s; }
  span.fade:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s; }
  span.fade:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s; }
  span.fade:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  span.fade:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s; }
  span.fade:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  span.fade:nth-child(13) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s; }
  span.fade:nth-child(14) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s; }
  span.fade:nth-child(15) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  span.fade:nth-child(16) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s; }
  span.fade:nth-child(17) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s; }
  span.fade:nth-child(18) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s; }
  span.fade:nth-child(19) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s; }
  span.fade:nth-child(20) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s; }

@-webkit-keyframes blur {
  0% {
    opacity: 0;
    text-shadow: 0 0 100px rgba(0, 0, 0, 0.04);
    -webkit-text-stroke: none; }
  5% {
    text-shadow: 0 0 90px rgba(0, 0, 0, 0.04); }
  15% {
    opacity: 1; }
  20% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.04); }
  80% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.04); }
  85% {
    opacity: 1;
    -webkit-text-stroke: none; }
  95% {
    color: transparent; }
  100% {
    opacity: 1;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 0.04); } }

@keyframes blur {
  0% {
    opacity: 0;
    text-shadow: 0 0 100px rgba(0, 0, 0, 0.04);
    -webkit-text-stroke: none; }
  5% {
    text-shadow: 0 0 90px rgba(0, 0, 0, 0.04); }
  15% {
    opacity: 1; }
  20% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.04); }
  80% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.04); }
  85% {
    opacity: 1;
    -webkit-text-stroke: none; }
  95% {
    color: transparent; }
  100% {
    opacity: 1;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 0.04); } }

.sa {
  -webkit-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out; }
  .sa.show {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .sa.target {
    overflow: hidden;
    width: 0;
    white-space: nowrap;
    opacity: 0; }
    .sa.target.show {
      width: 100%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      opacity: 1; }
  .sa.img {
    overflow: hidden;
    width: 0;
    background-position-x: 0; }
    .sa.img.show {
      width: 100%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }

.txt {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .txt_slide {
    font-family: "Anton", sans-serif;
    font-size: 18rem;
    line-height: 18rem;
    -webkit-animation: marqueeLeft 40s linear infinite;
    animation: marqueeLeft 40s linear infinite;
    white-space: nowrap;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 0.04); }
    @media (max-width: 60em) {
      .txt_slide {
        font-size: calc(16rem + ((1vw – .4em) * (2 / .4em))); } }
    @media (max-width: 40em) {
      .txt_slide {
        font-size: 16rem; } }

@-webkit-keyframes marqueeLeft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes marqueeLeft {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-webkit-keyframes marqueeRight {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes marqueeRight {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

/*
svg .background--light
{
    color: black;

    fill: black;
}

svg .background--dark
{
    color: white;

    fill: white;
}
*/
svg .background--light {
  color: black;
  fill: black; }

svg .background--dark {
  color: white;
  fill: white; }
.border_bottom {
	border-bottom:1px dotted #f2f2f2; 
	padding:10px 0;
}