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


		/* パソコンで見たときは"pc"のclassがついた画像が表示される */
		.pc { display: block !important; }
		.sp { display: none !important; }
		 
		/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
		@media only screen and (max-width: 750px) {
		.pc { display: none !important; }
		.sp { display: block !important;}
		}



	 * {
	margin: 0;
	padding: 0;
	outline: none;
  }
  .lp_wrap {
	max-width: 750px;
	margin: auto;
	overflow: hidden;
  }
		
  .lp_wrap * {
	font-size: 100%;
	font-weight: normal;
	line-height: line-height:1.7;
  }
  .lp_wrap ul,
  .lp_wrap dl {
	list-style: none;
  }
  .lp_wrap img,
  .lp_wrap video {
	width: 100%;
	height: auto;
	vertical-align: top;
  }
  .lp_wrap > * {
	position: relative;
  }
  .lp_wrap .slider {
	display: none;
	cursor: grab;
  }
  .lp_wrap .slider:active {
	cursor: grabbing;
  }
  .lp_wrap .slider.slick-initialized {
	display: block;
  }
  .relative {
  position: relative;
  	  
}

.anim-box {
  border-radius: 5px;

  height: 250px;
}

.anim-box.poyoyon3.is-animated {
  animation: poyoyon3 3.5s infinite;
  opacity: 1;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}

.kurukuru {
  width: 50px;
  height: 50px;
  opacity: 0;
  padding-bottom: 40px;
}
.kurukuru.is-animated {
  animation: kurukuru 2.0s ease-out;
  opacity: 1;
}
@keyframes kurukuru {
  0%{
    transform: rotateY(0) translateY(40px);
    opacity: 0;
  }
  100%{
    transform: rotateY(360deg) translateY(0);
    opacity: 1;
  }
}

  .absolute1 {
  position: absolute;
  right: 20px;
  bottom: -40px;
}

  .absolute02{
    position: absolute;
    bottom: 76px;
    left: 5px;
}
  .absolute03{
  position: absolute;
  right: 20px;
  top: 170px;
}

  .absolute03_p{
  position: absolute;
  right: 20px;
  top: 350px;
}

  .absolute04{
  position: absolute;
  left: 20px;
  top: 380px;
}

  .absolute04_p{
  position: absolute;
  left: 20px;
  top: 700px;
}

  .absolute05{
  position: absolute;
  right: 18px;
  top: 30px;
}
  .absolute06{
  position: absolute;
  left: 20px;
  bottom: 80px;
}

  .absolute06_p{
  position: absolute;
  left: 20px;
  bottom: 150px;
}

  .absolute07{
  position: absolute;
  left: 100px;
  top: 280px;
}

  .absolute07_p{
  position: absolute;
  left: 190px;
  top: 500px;
}


  .absolute08{
  position: absolute;
  left: 30px;
  top: -20px;
}

  .absolute08_p{
  position: absolute;
  left: 53px;
  top: -30px;
}

  .absolute09{
  position: absolute;
  left: 20px;
  top: 105px;
}	

  .absolute09_p{
  position: absolute;
  left: 20px;
  top: 190px;
}	

  .absolute10{
  position: absolute;
  left: 30px;
  top: 200px;
}	

  .absolute10_p{
  position: absolute;
  left: 30px;
  top: 300px;
}	

  .absolute11{
  position: absolute;
  left: 30px;
  top: 320px;
}	

  .absolute11_p{
  position: absolute;
  left: 30px;
  top: 520px;
}	

  .absolute12{
  position: absolute;
  left: 30px;
  top: 440px;
}

  .absolute12_p{
  position: absolute;
  left: 30px;
  top: 740px;
}

  .absolute13{
  position: absolute;
  left: 160px;
  top: 95px;
}	

  .absolute13_p{
  position: absolute;
  left: 280px;
  top: 170px;
}	

  .absolute14{
  position: absolute;
  left: 20px;
  top: 50px;
}	

  .absolute14_p{
  position: absolute;
  left: 80px;
  top: 150px;
}	

  .absolute15{
  position: absolute;
  left: 50px;
  top: 35px;
}	

  .absolute15_p{
  position: absolute;
  left: 90px;
  top: 55px;
}
	

  .absolute16{
  position: absolute;
  left: 33px;
  bottom: 80px;
}	

  .absolute16_p{
  position: absolute;
  left: 55px;
  bottom: 150px;
}	

  .absolute17{
  position: absolute;
  left: 220px;
  bottom: 180px;
}	

  .absolute17_p{
  position: absolute;
  left: 410px;
  bottom: 330px;
}	
	
  .absolute18{
  position: absolute;
  right: 5px;
  bottom: 180px;
}	

  .absolute18_p{
  position: absolute;
  right: 0px;
  bottom: 330px;
}	
  .absolute19{
  position: absolute;
  right: 13px;
  bottom: 155px;
}

  .absolute19_p{
  position: absolute;
  right: 13px;
  bottom: 270px;
}

  .absolute20{
  position: absolute;
  right: 23px;
  bottom: 55px;
}

  .absolute20_p{
  position: absolute;
  right: 23px;
  bottom: 135px;
}

  .absolute21{
  position: absolute;
  right: 65px;
  top: 50px;
}

  .absolute21_p{
  position: absolute;
  right: 130px;
  top: 100px;
}

  .absolute22{
  position: absolute;
  left: 60px;
  top: 185px;
}

  .absolute22_p{
  position: absolute;
  left: 130px;
  top: 355px;
}

  .absolute23{
  position: absolute;
  right: 53px;
  bottom: 100px;
}

  .absolute23_p{
  position: absolute;
  right: 100px;
  bottom: 180px;
}

  .absolute24{
  position: absolute;
  left: 25px;
  top: 130px;
}

  .absolute24_p{
  position: absolute;
  left: 35px;
  top: 230px;
}

  .absolute25{
  position: absolute;
  right: 15px;
  bottom: 60px;
}

  .absolute25_p{
  position: absolute;
  right: 15px;
  bottom: 90px;
}

  .absolute26{
  position: absolute;
  right: 40px;
  bottom: 30px;
}

  .absolute26_p{
  position: absolute;
  right: 40px;
  bottom: 50px;
}

  .absolute27{
  position: absolute;
  right: 30px;
  bottom: 30px;
}

  .absolute27_p{
  position: absolute;
  right: 50px;
  bottom: 30px;
}

  .absolute28{
  position: absolute;
  right: 30px;
  bottom: 80px;
}

  .absolute28_p{
  position: absolute;
  right: 50px;
  bottom: 150px;
}

/* フェードイン用のCSS */

/* 上からフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease-out;
 }

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
 }


.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-fadein {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-fadein {
  transform: translate(0, 0);
  opacity: 1;
}

.gaiyo {
    padding: 3px;
}
.gaiyo ul{padding: 0px;margin: 0px;} 
.gaiyo ul li {display:inline-block;margin-right: 1em;} 
.gaiyo ul li a {text-decoration: none;} 
.gaiyo ul li a:hover{border-bottom: dotted 1px #fff;}