html,
body {
  padding: 0;
  margin: 0;
}
#wrap {
  overflow: hidden;
  background-color: #f4f4f4;
}
.content {
    background-color: #ffffff;
}
@media screen and (min-width: 750px) {
  .content {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
  }
}
.content p {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #1d96d5;
}
.content a {
    color: #1d96d5;
    font-weight: bold;
    font-size: 21px;
}
.content p img {
    width: 100%;
}
.content p video {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.FV{
    background-image:url("https://d2w53g1q050m78.cloudfront.net/vieoncojp/uploads/2ABCE1C7-91FB-4808-B941-931C324AD682.png?1662539575460");
    background-size:contain;
    display: flex;
  align-items: center;
  justify-content: center;
    }
.video01 {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
}

.blink{
     text-align:center;
    
    color:red;
    animation: blinking 1s ease-in-out infinite alternate;
   　}

@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.wear{
     transform:rotate(90deg);
}

.keyframe0{
  animation-name: anim_v;
}

@keyframes anim_v {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, 60px);
  }
}

.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}


#wrap .content .pr{
      text-align: right;
}