@charset "UTF-8";
/* CSS Document */

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th {
  text-align: left;
}
q:before, q:after {
  content: '';
}
object, embed {
  vertical-align: top;
}
legend {
  display: none;
}
img, abbr, acronym, fieldset {
  border: 0;
}
a {
  color: #000;
}
a:hover, .active {
  text-decoration: underline;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
a:active, a:focus, input:active, input:focus {
  outline: 0;
}
a:active {
  color: #fff;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  color: #000;
  background-color: #fff;
	  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pc{
	display: block;
}
.sp{
	display: none;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.pctb {
  display: block;
}
.tbpc {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .pctb {
    display: none;
  }
  .tbpc {
    display: block;
  }
}
/*---------------------
Animation
---------------------*/
.fadeIn {
  opacity: 0;
	  transform: translate(0, 10%);
  transition: 3.5s;
}
.fadeIn.is-show {
	  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 20%);
  transition: 1.6s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up_f1 {
  opacity: 0;
  transform: translate(0, 15%);
  transition: 1.2s;
}
.fadeIn_up_f1.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up_f2 {
  opacity: 0;
  transform: translate(0, 15%);
  transition: 1.7s;
}
.fadeIn_up_f2.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up_f3 {
  opacity: 0;
  transform: translate(0, 15%);
  transition: 2.2s;
}
.fadeIn_up_f3.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(20%, 20%);
  transition: 1.5s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-20%, 20%);
  transition: 1.5s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeInUp_big {
  opacity: 0;
	  transform: translate(0, 20%);
  transform: scale(0.3, 0.3);
  transition: 1s;
}
.fadeInUp_big.is-show {
	  transform: translate(0, 0);
  transform: scale(1, 1);
  opacity: 1;
}
.flip_In{
	  opacity: 0;
  transition: 1s;
  transform:rotateX(90deg); 
}
.flip_In.is-show{
	  opacity: 1;
  transform:rotateX(0);

}
.anima-d1{
	animation-delay: .4s;
}
.anima-d2{
	animation-delay: .8s;
}