.elementor-3323 .elementor-element.elementor-element-eb6e70e{margin-top:0rem;margin-bottom:4rem;}.elementor-3323 .elementor-element.elementor-element-72af2d7{text-align:center;}.elementor-3323 .elementor-element.elementor-element-72af2d7 .elementor-heading-title{color:#FFFFFF;font-family:"Elsie Swash Caps", Sans-serif;font-size:10rem;-webkit-text-stroke-width:0.01em;stroke-width:0.01em;-webkit-text-stroke-color:#737373;stroke:#737373;text-shadow:20px -6px 0px rgba(255, 51.999999999999986, 198.00000000000003, 0.5);}.elementor-3323 .elementor-element.elementor-element-d6730d3{text-align:center;}.elementor-3323 .elementor-element.elementor-element-d6730d3 .elementor-heading-title{color:#FFFFFF;font-family:"Yomogi", Sans-serif;font-size:6rem;letter-spacing:-1px;}.elementor-3323 .elementor-element.elementor-element-1c965f3{--width:100%;font-family:"Elsie Swash Caps", Sans-serif;font-size:38px;--text-color:#FFFFFF;--transition:0.3s;}.elementor-3323 .elementor-element.elementor-element-1c965f3 > .elementor-widget-container{background-image:url("https://heiwaji.sample-case.xyz/wp-content/uploads/lepidolite.png");background-position:center center;background-repeat:no-repeat;background-size:75% auto;}.elementor-3323 .elementor-element.elementor-element-ec1d1ba{font-weight:500;text-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);}.elementor-3323 .elementor-element.elementor-element-bbbef69{font-weight:500;text-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);}@media(max-width:1024px){.elementor-3323 .elementor-element.elementor-element-d6730d3 .elementor-heading-title{font-size:2.8rem;}.elementor-3323 .elementor-element.elementor-element-1c965f3{--width:500%;}}@media(max-width:767px){.elementor-3323 .elementor-element.elementor-element-72af2d7 .elementor-heading-title{font-size:4.2rem;}.elementor-3323 .elementor-element.elementor-element-d6730d3 .elementor-heading-title{font-size:2.4rem;letter-spacing:-1px;}.elementor-3323 .elementor-element.elementor-element-1c965f3{--width:500%;}}/* Start custom CSS for section, class: .elementor-element-eb6e70e */.bg-sky {
  background-image:
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds-front.png"),
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds.png"),
  linear-gradient(to bottom, #3698e2, #81ecec);
  background-repeat: repeat-x;
  background-size: cover; /* 画像の高さ */
  animation: loop 100s linear infinite;
  margin-left: -15px;
  margin-right: -15px;
}

.webp .bg-sky {
  background-image:
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds-front.webp"),
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds.webp"),
  linear-gradient(to bottom, #3698e2, #81ecec);
}

.avif .bg-sky {
  background-image:
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds-front.avif"),
  url("https://heiwaji.sample-case.xyz/wp-content/themes/xstore-child/images/clouds.avif"),
  linear-gradient(to bottom, #3698e2, #81ecec);
}
@keyframes loop {
  from {
    background-position: 0 0, 200px 0, 100%;
  }
  to {
    background-position: -1000px 0, -400px 0, 100%; /* 画像のマイナス幅 */
  }
}#first-view .elementor-container {
  display: grid;
  place-items: center;
  height: 100vh; /* Fallback */
  height: calc(var(--vh, 1vh) * 100 - 240px);
}

.grid-center {
  grid-area: 1 / 1 / 2 / 2;
  display: grid;
  place-items: center;
  width: 100% !important;
}

.cat-heading {
  grid-area: 1 / 1 / 2 / 2;
  z-index: 2;
  width: 100% !important;
}


.cat-heading h1 {
  text-shadow: 
  0 0 1.5rem #ff34c6,
  0 0 2rem #ff34c6,
  0 0 3rem #ff34c6,
  0 0 6rem #ff34c6,
  0 0 9rem #ff34c6;
  filter: saturate(80%);
  -webkit-background-clip: text;
  -webkit-box-reflect: below 0.01rem -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .6)), to(transparent));
}


.sphere {
  position: relative;
  animation: fadeout-anim 8s linear forwards;
}

@keyframes fadeout-anim {
  100% {
    opacity: 0;
  }
}

.mini-sphere {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 0.1rem;
  width: 84vmin;
  margin: 0;
}
.mini-sphere:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10vmin;
  height: 10vmin;
  margin-right: 0;
  border-radius: 50%;
  background: white;
  background-size: cover;
  box-shadow: 0px 4px 4px #9c1b4d;
  opacity: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxM0E5RDQwMzI0QzExRUQ5MThGOTE4RjQ4QTE4QURCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxM0E5RDQxMzI0QzExRUQ5MThGOTE4RjQ4QTE4QURCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEzQTlEM0UzMjRDMTFFRDkxOEY5MThGNDhBMThBREIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEzQTlEM0YzMjRDMTFFRDkxOEY5MThGNDhBMThBREIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Yhj90AAAAxUlEQVR42jSPzW7CMBCEPxsn/FUhuSBx4FD1yvtLPAbPAAXBoQUJCLXTmN0VWKOV1jOamXV5kwlwhQQzGIE3/On0TOAMd6gMUyjQN9DhecDRlhqVDs1gZKIg9Anajg8jMjjDwPyzjJt4/NND907NBq8/Yt7TPl7xvSpfnFRrxb7ruFz4LphOlCs1UnVbTQmMS1LksGf8xc1peVFIoZ+ehXd5nfnN7HbESN1QFsSEc6waOSSoYeX4XHKPpKRcXTEPepvjKcAAX85Cscb8wzQAAAAASUVORK5CYII=");

  background-repeat: no-repeat;
  background-size: cover;
}

@keyframes animate1 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-22.5deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-22.5deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show1 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(1) {
  transform: translate3d(-50%, -50%, 0) rotate(22.5deg);
}
.mini-sphere:nth-of-type(1):after {
  transform: translate3d(0, -50%, 0) rotate(-22.5deg);
  animation: animate1 2s 0.25s linear infinite alternate, show1 2s 0.25s ease-in forwards;
}

@keyframes animate2 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-45deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-45deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show2 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(2) {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.mini-sphere:nth-of-type(2):after {
  transform: translate3d(0, -50%, 0) rotate(-45deg);
  animation: animate2 2s 0.5s linear infinite alternate, show2 2s 0.5s ease-in forwards;
}

@keyframes animate3 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-67.5deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-67.5deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show3 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(3) {
  transform: translate3d(-50%, -50%, 0) rotate(67.5deg);
}
.mini-sphere:nth-of-type(3):after {
  transform: translate3d(0, -50%, 0) rotate(-67.5deg);
  animation: animate3 2s 0.75s linear infinite alternate, show3 2s 0.75s ease-in forwards;
}

@keyframes animate4 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-90deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-90deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show4 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(4) {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.mini-sphere:nth-of-type(4):after {
  transform: translate3d(0, -50%, 0) rotate(-90deg);
  animation: animate4 2s 1s linear infinite alternate, show4 2s 1s ease-in forwards;
}

@keyframes animate5 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-112.5deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-112.5deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show5 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(5) {
  transform: translate3d(-50%, -50%, 0) rotate(112.5deg);
}
.mini-sphere:nth-of-type(5):after {
  transform: translate3d(0, -50%, 0) rotate(-112.5deg);
  animation: animate5 2s 1.25s linear infinite alternate, show5 2s 1.25s ease-in forwards;
}

@keyframes animate6 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-135deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-135deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show6 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(6) {
  transform: translate3d(-50%, -50%, 0) rotate(135deg);
}
.mini-sphere:nth-of-type(6):after {
  transform: translate3d(0, -50%, 0) rotate(-135deg);
  animation: animate6 2s 1.5s linear infinite alternate, show6 2s 1.5s ease-in forwards;
}

@keyframes animate7 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-157.5deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-157.5deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show7 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(7) {
  transform: translate3d(-50%, -50%, 0) rotate(157.5deg);
}
.mini-sphere:nth-of-type(7):after {
  transform: translate3d(0, -50%, 0) rotate(-157.5deg);
  animation: animate7 2s 1.75s linear infinite alternate, show7 2s 1.75s ease-in forwards;
}

@keyframes animate8 {
  0% {
    transform: translate3d(0, -50%, 0) rotate(-180deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    height: 10vmin;
    width: 10vmin;
    margin-right: -2.5vmin;
  }
  100% {
    transform: translate3d(-78vmin, -50%, 0) rotate(-180deg);
    animation-timing-function: ease-in-out;
  }
}

@keyframes show8 {
  0% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.mini-sphere:nth-of-type(8) {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.mini-sphere:nth-of-type(8):after {
  transform: translate3d(0, -50%, 0) rotate(-180deg);
  animation: animate8 2s 2s linear infinite alternate, show8 2s 2s ease-in forwards;
}

@media (min-width: 480px) {
  #first-view .elementor-container {
    height: calc(var(--vh, 1vh) * 100 - 200px);
  }
}/* End custom CSS */