@charset "UTF-8";



body {

-webkit-font-smoothing: antialiased; }

.h1, .h2, .h3, .h4, .h5, .h6,

h1, h2, h3, h4, h5, h6 {

font-weight: bold; }

img {

height: auto;

max-width: 100%; }

a {

transition: color 0.4s, background-color 0.4s, border-color 0.4s, text-decoratin 0.4s; }

blockquote {font-size: 100%; }

embed,

iframe,

object {

max-width: 100%; }



.al_c {

text-align: center;

}

.al_l {

text-align: left;

}



html, body, section, .row {

height: 100%;

overflow: hidden;

}

section.teaser .row {

position: relative;

overflow: hidden;

}

section.teaser .block {

position: absolute;

width: 43%;

height: 100%;

top: 0;

right: 0;

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

color:#fff;

}

section.teaser .block {

animation: change-color 10s ease infinite;

}

@keyframes change-color{

0%   {background:rgba(14, 212, 248, 0.6)}

50%  {background:rgba(0, 143, 248, 0.6)}

100% {background:rgba(14, 212, 248, 0.6)}

}

section.teaser .logo {

position: absolute;

top: 2rem;

right: 1rem;

}

section.teaser .box {

height: 420px;

text-align: center;

margin-top: 5rem;

}

section.teaser .lead {

margin-bottom: 5rem;

}

section.teaser .lead span {

font-size: 10rem;

font-family: 'Dancing Script';

letter-spacing: -0.4rem;

white-space: nowrap;

line-height: 1;

}



section.teaser p.sub {

font-size: 2.4rem;

font-weight: 500;

margin: 0;

line-height: 1.3;

}

section.teaser p.twitter {

margin: 0 0 5rem;

font-size: 5rem;

}

section.teaser p.twitter span {

display: inline-block;

}



.anime1,.anime2,.anime3,.anime4,.anime5,.anime6,.anime7,.anime8,.anime9,.anime10,.anime11,.anime12,.anime13,.anime14,.anime15,.anime16,.anime17{

display:none;

}





/*==================max1200==================*/

@media screen and (max-width:1200px){



html{

font-size: 50%;

}

section.teaser .logo {

width: 70px;

}

section.teaser .lead span {

font-size: 8rem;

}



}



/*==================768==================*/

@media screen and (max-width:768px){

html{

font-size: 35%;

}

section.teaser .block {

width: 80%;

}

section.teaser .box {

height: 250px;

}

section.teaser figure {

width: 250%;

margin-left: -20rem;

}

section.teaser .lead span {

letter-spacing: -0.8rem;

}

section.teaser p.twitter{

font-style: 8rem;

}

}