body {
	margin: 0;
	padding: 0;
	color: #000000;
}

body img {
	border: 0;
	vertical-align: bottom;
}

.st_wrapper a:link { color: #000000; text-decoration: none;}
.st_wrapper a:visited { color: #000000; }
.st_wrapper a:hover { color: #000000; }
.st_wrapper a:active { color: #000000; }

.st_wrapper {
	text-align: center;
	width: 100%;
	margin: 0 auto;
    padding: 0;
	letter-spacing: 0.045em;
	font-family: 'Noto Sans JP', sans-serif;
	background: #ddd4ca;
}

.wrap_content {
	width: 1000px;
	margin: 0 auto;	
    position: relative;
	text-align: center;
}

.st_wrapper img {
	width: 90%;
	margin: 0 auto;
}

.sp {
	display:none;
}
.pc{
    display: block;
}

.clear {
    clear: both;
}

.btn_01 a {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 90%;
    margin: 3% auto;
    padding: 2% 0%;
    background: #333333;
    color: #FFFFFF!important;
    font-size: 13px;
    font-weight: 600;
    transition: 0.5s;
    letter-spacing: 1px;
    line-height: 1.5em;
    border: #333333 1px solid;
    font-family: "Poppins", sans-serif;
    border-radius: 2px;
}

.bg{
	position: relative;
	z-index: 2;
}
.kira{
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

/*アニメーション*/
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.anim01:hover, .anim01:focus, .anim01:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  cursor: pointer;
}

.anim02:hover {
    animation:shake 0.6s ease;
}
 
@keyframes shake {
    0%   { transform:rotate(0); }
    16%  { transform:rotate(3deg); }
    32%  { transform:rotate(-3deg); }
    48%  { transform:rotate(8deg); }
    64%  { transform:rotate(-6deg); }
    80%  { transform:rotate(4deg); }
    96%  { transform:rotate(-2deg); }
    100% { transform:rotate(0deg); }
}

.anim03 {
overflow: visible;
width: 100%;
height: 100%;
}
.anim03 img {
display: block;
transition-duration: 0.5s;
}
.anim03 img:hover {
transform: scale(0.8);
transition-duration: 0.5s;
}


@media only screen and (max-width:750px){
	
	.wrap_content {
		width: 100%;
	}
    .btn_01 a {
        font-size: 11px;
    }
    .pc {
		display:none;
	}
	.sp {
		display:block;
		width: 100%;
	}
}