@charset "utf-8";
/* CSS Document */
/*
message-gif
----------------------------------------------------------- */
.message-gif-001 {
  position: absolute;
  right: 10%;
  top: 350px
}
/*
right-movie
----------------------------------------------------------- */
.right-movie {
  background: #fff;
  padding: 100px 0 0 0;
  display: flex;
  margin: 0;
  position: relative;
}
.right-movie02 {
  background: #fff;
  padding: 100px 0 100px 0;
  display: flex;
  margin: 0;
  position: relative;
}
/*
message-font
----------------------------------------------------------- */
.message-font {
  letter-spacing: 2px;
  text-align: justify;
  line-height: 26px;
  width: 500px;
  position: absolute;
  left: 58%;
  top: 25%;
}
.message-font div {
  text-align: justify;
}
.message-font-big {
  font-size: 26px;
  letter-spacing: 3px;
  line-height: 45px;
  margin: 0 0 15px 0;
}

.message-font-big-02 {
  font-size: 26px;
  letter-spacing: 3px;
  line-height: 45px;
  margin: 0 0 15px 0;
}
/*
message-font-left
----------------------------------------------------------- */
.message-font-left {
  letter-spacing: 2px;
  text-align: justify;
  line-height: 26px;
  width: 500px;
  position: absolute;
  right: 52%;
  top: 30%;
}
/*
message-img-right
----------------------------------------------------------- */
.message-img-right img {
  left: 100%;
  position: relative;
  transform: translateX(-100%);
  width: 50%;
}
/*
message-no
----------------------------------------------------------- */
.message-no {
  position: absolute; /*絶対配置*/
  top: 30%;
  right: 45%;
  background: #009FD9;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  width: 250px;
  height: 250px;
  border: 10px #fff solid;
  letter-spacing: 5px;
  font-size: 20px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.message-no p {
  color: #fff;
  padding: 70px 0 0 0;
  text-align: center;
  font-weight: 700;
}
.message-no span {
  color: #fff;
  font-size: 69px;
  letter-spacing: 10px;
  line-height: 60px;
}
/*
message-no02
----------------------------------------------------------- */
.message-no02 {
  position: absolute; /*絶対配置*/
  top: 30%;
  right: 45%;
  background: #009FD9;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  width: 250px;
  height: 250px;
  border: 10px #fff solid;
  letter-spacing: 5px;
  font-size: 20px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.message-no02 p {
  color: #fff;
  padding: 70px 0 0 0;
  text-align: center;
  font-weight: 700;
}
.message-no02 span {
  color: #fff;
  font-size: 69px;
  letter-spacing: 10px;
  line-height: 60px;
}
/*
message-no-right
----------------------------------------------------------- */
.message-no-right {
  position: absolute; /*絶対配置*/
  top: 23%;
  left: 50%;
  background: #009FD9;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  width: 250px;
  height: 250px;
  border: 10px #fff solid;
  letter-spacing: 5px;
  font-size: 20px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.message-no-right p {
  color: #fff;
  padding: 70px 0 0 0;
  text-align: center;
  font-weight: 700;
}
.message-no-right span {
  color: #fff;
  font-size: 69px;
  letter-spacing: 10px;
  line-height: 60px;
}
/*
message-movie-font
----------------------------------------------------------- */
.message-movie-font {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
/*
.movie 
----------------------------------------------------------- */
.movie {
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 1700px) {
  /*
top-gif
----------------------------------------------------------- */
.message-gif-001 {
    right: 7%;
    top: 470px
}

}
@media screen and (max-width: 1280px) {
  /*
message-gif
----------------------------------------------------------- */
  .message-gif-001 {
    right: 15%;
    top: 420px
  }
  /*
message-font
----------------------------------------------------------- */
  .message-font {
    letter-spacing: 1px;
    width: 420px;
	      top: 15%;
  }
  /*
message-font-left
----------------------------------------------------------- */
  .message-font-left {
    letter-spacing: 1px;
    width: 420px;
    right: 56%;
	top: 23%;
  }
  /*
message-no
----------------------------------------------------------- */
  .message-no {
    width: 180px;
    height: 180px;
    font-size: 15px;
    right: 47%;
    top: 35%;
  }
  .message-no p {
    padding: 50px 0 0 0;
  }
  .message-no span {
    font-size: 50px;
  }
  /*
message-no-right
----------------------------------------------------------- */
  .message-no-right {
    width: 180px;
    height: 180px;
    font-size: 15px;
    top: 26%;
    left: 48%;
  }
  /*
message-no02
----------------------------------------------------------- */
  .message-no02 {
    width: 180px;
    height: 180px;
    font-size: 15px;
    right: 47%;
    top: 28%;
  }
  .message-no02 p {
    padding: 50px 0 0 0;
  }
  .message-no02 span {
    font-size: 50px;
  }
  /*
message-no-right
----------------------------------------------------------- */
  .message-no-right {
    width: 180px;
    height: 180px;
    font-size: 15px;
    right: 47%;
    top: 26%;
  }
  .message-no-right p {
    padding: 50px 0 0 0;
  }
  .message-no-right span {
    font-size: 50px;
  }
	
	.message-font-big-02 {
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 43px;
  margin: 0 0 15px 0;
}
}

/*
----------------------------------------------------------- */


@media screen and (max-width: 1024px) {
  /*
message-no
----------------------------------------------------------- */
  .message-no {
    right: 40%;
  }
  /*
message-no02
----------------------------------------------------------- */
  .message-no02 {
    right: 40%;
  }
  /*
message-no-right
----------------------------------------------------------- */
  .message-no-right {
    left: 40%;
  }
  /*
message-gif
----------------------------------------------------------- */
  .message-gif-001 {
    position: absolute;
    right: 15%;
    top: 380px
  }
  /*
message-font
----------------------------------------------------------- */
  .message-font {
    left: 630px;
    width: 340px;
	      top: 8%;
  }
  /*
	message-font-left
----------------------------------------------------------- */
  .message-font-left {
    letter-spacing: 1px;
    width: 340px;
    right: 630px;
    top: 23%;
  }
  /*
message-movie-font
----------------------------------------------------------- */
  .message-movie-font {}
	
		.message-font-big-02 {
  letter-spacing: 0px;
}
}
@media screen and (max-width: 750px) {
  /*
message-gif
----------------------------------------------------------- */
  .message-gif-001 {
    top: 85%;
    right: 8%;
    z-index: 3;
  }
  /*
right-movie
----------------------------------------------------------- */
  .right-movie02 {
    padding: 100px 0 50px 0;
  }
  /*
message-font
----------------------------------------------------------- */
  .message-font {
    position: static;
    margin: 50px auto 50px auto;
    width: 620px;
    font-size: 22px;
    line-height: 40px;
  }
  .message-font-big {
    font-size: 35px;
    line-height: 60px;
  }
	
	  .message-font-big-02 {
    font-size: 35px;
    line-height: 60px;
		  letter-spacing: 2px;
  }
  /*
message-font-left
----------------------------------------------------------- */
  .message-font-left {
    position: static;
    margin: 50px auto 0 auto;
    width: 620px;
    font-size: 22px;
    line-height: 40px;
  }
  .message-font-left-big {
    font-size: 35px;
    line-height: 60px;
  }
  /*
.movie 
----------------------------------------------------------- */
  .movie {
    width: 650px;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
  }
  /*
message-no
----------------------------------------------------------- */
  .message-no {
    right: 7%;
    top: 20%;
    z-index: 1;
  }
  /*
message-no02
----------------------------------------------------------- */
  .message-no02 {
    right: 7%;
    top: 18%;
    z-index: 1;
  }
  /*
message-no-right
----------------------------------------------------------- */
  .message-no-right {
    top: 23%;
    left: 7%;
    z-index: 1;
  }
  /*
message-img-right
----------------------------------------------------------- */
  .message-img-right img {
    width: 90%;
    margin: 3% 0 0 0;
  }
}