@charset "UTF-8";

@import url("./pc.css") screen and (min-width: 768px);
@import url("./sp.css") screen and (max-width: 767px);

/* ------------------------------------
  transiton
------------------------------------ */
.tra03 {
  -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra05 {
  -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra08 {
  -webkit-transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra10 {
  -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra15 {
  -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
  transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
}

.tra20 {
  -webkit-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
  transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
}

.tra25 {
  -webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear, width 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear, width 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra30 {
  -webkit-transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
  transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms linear;
}

.tra40 {
  -webkit-transition: all 4000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 4000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.delay01 {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.delay02 {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.delay03 {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.delay04 {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

.delay05 {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.delay06 {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

.delay07 {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

.delay08 {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

.delay09 {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

.delay10 {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.delay11 {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

.delay12 {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.delay13 {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.delay14 {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.delay15 {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.delay16 {
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

.delay17 {
  -webkit-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

.delay18 {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

.delay19 {
  -webkit-transition-delay: 1900ms;
  transition-delay: 1900ms;
}

.delay20 {
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
}


/* ------------------------------------
  font
------------------------------------ */
.f_quick {
  font-family: 'Quicksand', sans-serif;
}

.f_noto {
  font-family: 'Noto Sans JP', sans-serif;
}

/* ------------------------------------
  animation
------------------------------------ */
.blink {
  -webkit-animation: blink 3000ms ease-in-out infinite alternate;
  animation: blink 3000ms ease-in-out infinite alternate;
}
.l2.blink {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.l3.blink {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.l4.blink {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.l5.blink {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

@-webkit-keyframes blink{
  0%,50% { opacity: 1; }
  80% { opacity: 0.6; }
  100% { opacity: 0.9; }
}
@keyframes blink{
  0%,50% { opacity: 1; }
  80% { opacity: 0.6; }
  100% { opacity: 0.9; }
}

/* ------------------------------------
  #load
------------------------------------ */
#load {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}