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

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


/* ------------------------------------
  font
------------------------------------ */
.f_futogo {
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.f_effra {
  font-family: effra, sans-serif;
  font-weight: 400;
  font-style: normal;
}


/* ------------------------------------
  animation
------------------------------------ */
.js-appear_in_l {
  opacity: 0;
  -webkit-transform: translate3d(0,150px,0) scale(0.9) rotate(-3deg);
  transform: translate3d(0,150px,0) scale(0.9) rotate(-3deg);
}
.js-appear_in_r {
  opacity: 0;
  -webkit-transform: translate3d(0,150px,0) scale(0.9) rotate(3deg);
  transform: translate3d(0,150px,0) scale(0.9) rotate(3deg);
}
.js-appear_in_l_u {
  opacity: 0;
  -webkit-transform: translate3d(-50px,-150px,0) scale(0.9) rotate(-20deg);
  transform: translate3d(-50px,-150px,0) scale(0.9) rotate(-20deg);
}
.js-appear_in_r_u {
  opacity: 0;
  -webkit-transform: translate3d(50px,-150px,0) scale(0.9) rotate(20deg);
  transform: translate3d(50px,-150px,0) scale(0.9) rotate(20deg);
}
.on .js-appear_in_r,
.js-appear_in_r.on,
.on .js-appear_in_l,
.js-appear_in_l.on,
.on .js-appear_in_r_u,
.js-appear_in_r_u.on,
.on .js-appear_in_l_u,
.js-appear_in_l_u.on {  opacity: 1;
  -webkit-transform: translate3d(0,0,0) scale(1) rotate(0deg);
  transform: translate3d(0,0,0) scale(1) rotate(0deg);
}

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