@charset "UTF-8";

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

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

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

.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);
  transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.tra20 {
  -webkit-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 2000ms 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);
  transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.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;
}

.delay21 {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms;
}

/* ------------------------------------
  font
------------------------------------ */



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