.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-8e0c86dc-4bfa-a7b0-c880-28c26561ba0b {
text-align: center !important;
}
.lfr-layout-structure-item-7329d7c8-46fe-7c76-cf83-9a0d97b88ab1 {
/* box-017 */
.box-017 {
  max-width: 80%;
  margin: 0 auto;
  padding: 0.5em 1em 1em;
  border-top: 5px solid #008c4b;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
  background-color: #f2f2f2;
}

.box-017 > div {
  margin-bottom: 0.5em;
  color: #008c4b;
  font-weight: 600;
  font-size: 0.8em;
}

.box-017 > p {
  margin: 0;
  color: #333;
}

/* box-019 */
.box-019 {
  position: relative;
  margin-top: 1em;
  padding: 1.8em 1.5em 1em 1.5em;
  border: 2px solid #4cbade;
}

.box-019 > div:first-child {
  position: absolute;
  top: -1.15em;
  left: -0.5em;
  padding: 0.4em 1.4em;
  border-radius: 25px;
  background-color: #4cbade;
  color: #fff;
  font-size: 0.9em;
}

.box-019 > div:first-child::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 8px;
  background-color: #4cbade;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}

.box-019 p 

}.lfr-layout-structure-item-a59b3b0b-505d-3953-15a8-edbd51db7599 {

.floating-image-with-hover-text {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  text-align: center;

display: flex;
  flex-direction: column-reverse; /* テキストを上に表示 */
  align-items: center;

}

.floating-image-with-hover-text img {
  width: 150px;
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.floating-image-with-hover-text img:hover {
  transform: scale(1.1);
}

.hover-text {
  margin-top: 8px;
  background-color: #008c4b;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.9em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}

.floating-image-with-hover-text:hover .hover-text {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.hover-text a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.hover-text a:hover {
  text-decoration: underline;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .floating-image-with-toggle-text {
    bottom: 5px;
    right: 5px;
  }

  .floating-image-with-toggle-text img {
    width: 15px;
  }

  .hover-text {
    font-size: 0.8em;
    padding: 10px 12px;
  }

}