@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@700&display=swap');



html,body{
width:100%;
}

body{
width:100%;
font-size:13px;
color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,osaka,ＭＳ Ｐゴシック,MS PGothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;
font-weight: 600
}

body {
animation: fadeIn 0.4s ease 0s 1 normal;
-webkit-animation: fadeIn 0.6s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

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

*{
margin:0px;
padding:0px;
box-sizing:border-box;
}

ul,li{
list-style:none;
}

img{
max-width:100%;
display:block;
transition: 0.2s;
}

a{
transition: 0.2s;
text-decoration:none;
}

label{
display: block;
}

/*--------------------menu-trigger--------------------*/

a.menu-trigger,
a.menu-trigger span {
display: inline-block;
transition: all .4s;
position: relative;
}

a.menu-trigger {
width: 38px;
height: 20px;
}

a.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #fff;
}

a.menu-trigger span:nth-of-type(1) {
top: 0;
}
a.menu-trigger span:nth-of-type(2) {
top: 9px;
}
a.menu-trigger span:nth-of-type(3) {
bottom: 0;
}

a.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}

a.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}

a.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}

@keyframes blink {
78% {color: inherit;
text-shadow: inherit;}
79%{color: #333;}
80% {text-shadow: none;}
81% {
color: inherit;
text-shadow: inherit;
}
82% {
color: #333;
text-shadow: none;
}
83% {
color: inherit;
text-shadow: inherit;
}
92% {
color: #333;
text-shadow: none;
}
92.5% {
color: inherit;
text-shadow: inherit;
}
}

.got{
font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
font-style: normal;
}

.top_blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running top_blinking;
    -moz-animation: 0.5s linear 0s alternate none infinite running top_blinking;
    animation: 0.5s linear 0s alternate none infinite running top_blinking;
}
@-webkit-keyframes top_blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes top_blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes top_blinking {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}