@charset "UTF-8";




トップ


html{
 Font-size: 100%;
}

Img{
  width: 100vw;
  height: auto;
}

.afterword {
  margin: 0px 0px 0px;
  padding: 100px 0px 200px;
}

.image:hover {
  opacity: 1; /* スマホではホバー効果を打ち消す */
}
.img-hover:hover,

.toptext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: -1000px 50px 200px;
  padding: 0px 20px 250px;
}

.top {
  background: linear-gradient(180deg, #073390 0%, #26bbe3 30%, #f6c3d9 70%, #fffde6 90%, #ffffff 100%);
  margin: -50px 0px 0px;
}

.petalanime01 {
  padding: ; -500px 0px 0px;
  margin: -1200px -125px 0px;
}
.petalanime02 {
  padding: ; 0px 00px 0px;
  margin: -1200px -125px 0px;
}

.petalanime03 {
  padding: ; 2000px 0px 0px;
  margin: 1000px 0px 0px;
}

.petalanime04 {
  padding: ; 0px 0px 0px;
  margin: 0px 0px 0px;
}

.petalanime05 {
  padding: ; 0px 0px 0px;
  margin: -1500px 0px 0px;
}

.petalanime06 {
  padding: ; 0px 0px 0px;
  margin: -1500px 0px 0px;
}

.petalanime07 {
  padding: ; 0px 0px 0px;
  margin: -1500px 0px 0px;
}

.petalanime08 {
  padding: ; 0px 0px 0px;
  margin: -500px 0px 0px;
}

.petalanime09 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px;
}

.secondcolor {
  background: linear-gradient(rgba(255,255,255,0) 30%, rgba(138,198,222,1) 37%,rgba(43,119,153,1) 55%,rgba(255,255,255,0) 80%);
  padding: ; -500px 0px 0px;
  margin: -500px 0px 0px;
}

.thirdcolor {
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(244,225,232,1) 70%);
  background-image: url(../img/whitepetalSP02.png);
  background-repeat: no-repeat;
  width: 100%;
  padding: -1200px 0px 0px;
  margin: -2000px 0px 0px;
}

.fourthcolor {
  background: linear-gradient(rgba(107,199,221,0) 0%, rgba(107,199,221,1) 5%, rgba(161,216,229,1) 15%, rgba(219,239,244,1) 35%, rgba(243,250,252,1) 40%, rgba(255,255,255,1) 100%);
  padding: ; -0px 0px;
  margin: 500px 0px 0px;
}

.fifthcolor {
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(244,225,232,1) 100%);
  background-image: url(../img/pastelpinkpetalSP02.png);
  background-size: cover;
  padding: ; 0px 0px;
  margin: -800px 0px 100px;
}

.sixthcolor {
  background-image: url(../img/pinkpetalSP02.png);
  background-color: rgba(255,226,239);
  background-size: cover;
  padding: ; 0px 80px 1300px;
  margin: -800px 0px 0px;
}

.secondtext {
  color: #9d9756;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: -80px 50px 20px;
  padding: 250px 20px 20px;
}

.thirdtext {
  color: #9d9756;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 0px 30px 0px;
}

.thirdtext2 {
  color: #595757;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 0px 20px 0px;
}

.fourthtext {
  color: #FFFFFF;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: -100px 0px 0px 300px;
  padding: -100px 0px 0px 300px;
}

.fifthtext {
  color: #FFFFFF;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: -100px 50px 0px;
  padding: 0px 10px 0px;
}

.sixthtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 1050px 20px 0px;
}

.sixthtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 850px 20px 0px;
}

.sixthtext2 {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 100px 20px 0px;
}

.sixthtext3 {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 100px 20px 0px;
}

.seventhtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 35px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 5px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 0px 10px;
}

.eightthtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 0px 20px 0px;
}

.ninethtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 100px 20px 0px;
}

.ninethtext2 {
  color: #2fb8d9;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 100px 0px 0px 400px;
}

.tenthtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 100px 20px 0px;
}

.eleventhtext {
  color: #ee5697;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 100px 50px 0px;
  padding: 750px 20px 0px;
}

.twelvethtext {
  color: #FFFFFF;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 700px 20px 0px;
}

.twelvethtext2 {
  color: #FFFFFF;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 2.5;
  margin: 0px 50px 0px;
  padding: 0px 20px 0px;
}


@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 25s infinite linear 0s both;
}

.scroll-infinity__item {
  width: calc(100vw / 2);
}

.scroll-infinity__item>img {
  width: 100%;
}

.fade01 {
  list-style: none;
  padding: 0;
}


.fade01 li {
animation-name: fadein01;
animation-duration: 2.5s;
animation-timing-function: ease;
animation-fill-mode: forwards;
opacity: 0;
}


@keyframes fadein01 {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* nth-childで順番に遅延を入れる (時間差で表示) */
ul li:nth-child(1) { animation-delay: 0.2s; }
ul li:nth-child(2) { animation-delay: 0.8s; }
ul li:nth-child(3) { animation-delay: 1.5s; }
ul li:nth-child(4) { animation-delay: 1.9s; }
ul li:nth-child(5) { animation-delay: 2.3s; }
ul li:nth-child(6) { animation-delay: 2.7s; }
ul li:nth-child(7) { animation-delay: 3.1s; }
ul li:nth-child(8) { animation-delay: 3.5s; }
/* 必要な分だけ追加 */



.pc {
  display: none !important;
  }

.sp { 
  display: block !important;
  position: relative;
  }

.pcabsolute01 {
  display: none !important;
  }

.spabsolute01 { 
  display: block !important;
  position: absolute;
  transform: translate(0%, -100%);
  }

.pcabsolute02 {
  display: none !important;
  }

.spabsolute02 { 
  display: block !important;
  position: absolute;
  transform: translate(0%, -80%);
  }

.pcabsolute03 {
  display: none !important;
}
.spabsolute03 {
  display: block !important;
}

.pcflame01 {
  display: none !important;
}
.spflame01 {
  display: block !important;
  width: 300px;
}