@charset "UTF-8";
/* ----------------------------------------
	SPPは .floating_contents{} をdisplay: none !important;
 ---------------------------------------- */
.floating_contents {
  position: relative;
  color: #1a1a1a;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .floating_contents {
    width: 100%;
    max-width: 1920px;
  }
}
.floating_contents p, .floating_contents dl, .floating_contents dt, .floating_contents dd, .floating_contents h2 {
  margin: 0;
}
.floating_contents img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .floating_contents .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .floating_contents .sp {
    display: none !important;
  }
}
.floating_contents .floating_contents_item {
  position: fixed;
  z-index: 5;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1024px) {
  .floating_contents .floating_contents_item {
    right: calc(clamp(0px, 1.5625vw, 30px) * 1);
    bottom: calc(clamp(0px, 10.4166666667vw, 200px) * 1);
    gap: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .floating_contents .floating_contents_item {
    right: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    bottom: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
    gap: calc(clamp(0px, 2.8vw, 28.644px) * 1);
  }
}
.floating_contents .floating_contents_item a {
  display: block;
  border-radius: 500px;
  box-shadow: 0px 0.25em 1.5em 0px rgba(0, 0, 0, 0.31);
}
@media screen and (min-width: 1024px) {
  .floating_contents .floating_contents_item a {
    width: calc(clamp(0px, 7.2395833333vw, 139px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .floating_contents .floating_contents_item a {
    width: calc(clamp(0px, 21.8666666667vw, 223.696px) * 1);
  }
}