@keyframes floatAnimation-01 {
  0% { transform: translateY(0px) rotate(-2deg) }
  50% { transform: translateY(-15px) rotate(-3deg) }
  100% { transform: translateY(0px) rotate(-2deg) }
}
@keyframes floatAnimation-02 {
  0% { transform: translateY(0px) rotate(3deg) }
  50% { transform: translateY(-18px) rotate(5deg) }
  100% { transform: translateY(0px) rotate(3deg) }
}
@keyframes floatAnimation-03 {
  0% { transform: translateY(0px) rotate(20deg) }
  50% { transform: translateY(-14px) rotate(25deg) }
  100% { transform: translateY(0px) rotate(20deg) }
}
@keyframes floatAnimation-04 {
  0% { transform: translateY(0px) rotate(-12deg) }
  50% { transform: translateY(-19px) rotate(-5deg) }
  100% { transform: translateY(0px) rotate(-12deg) }
}
@keyframes floatAnimation-05 {
  0% { transform: translateY(0px) rotate(5deg) }
  50% { transform: translateY(-12px) rotate(-5deg) }
  100% { transform: translateY(0px) rotate(5deg) }
}
@keyframes floatAnimation-06 {
  0% { transform: translateY(0px) rotate(10deg) }
  50% { transform: translateY(-12px) rotate(-5deg) }
  100% { transform: translateY(0px) rotate(10deg) }
}
@keyframes floatAnimation-07 {
  0% { transform: translateY(0px) rotate(-10deg) }
  50% { transform: translateY(12px) rotate(-8deg) }
  100% { transform: translateY(0px) rotate(-10deg) }
}
.pc {
  display: initial;
}

.sp {
  display: none;
}

.has-top-curve-separator {
  position: relative;
}
.has-top-curve-separator .section-separator {
  position: absolute;
  width: 100%;
  top: -150px;
}
.section-separator.has-global-padding {
  padding: 0;
}
.has-top-curve-separator .section-separator svg {
  width: 100%;
  max-width: 100%;
  height: 150px;
}

.maker-white {
  background: linear-gradient(transparent 50%, #ffffff 30%);
}

.arrow {
  width: 30px;
  height: 30px;
}

.arrow > * {
  fill: none;
  stroke: #6a6763;
  stroke-width: 4.79px;
}

.arrow line {
  stroke-linecap: round;
  stroke-linejoin: round;
}

.arrow circle {
  stroke-dasharray: 4.82 9.63;
  stroke-miterlimit: 10;
}

.scroll-animate {
  transition: opacity linear 0.4s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.scroll-animate.fade-up {
  opacity: 0;
  transform: translate(0,0);
}
.scroll-animate.fade-up.scrollin {
  opacity: 1;
  transform: translate(0,-30px);
}
.delay-03 {
  transition-delay: 0.3s;
}
.delay-05 {
  transition-delay: 0.5s;
}
.delay-08 {
  transition-delay: 0.8s;
}
.delay-10 {
  transition-delay: 1s;
}
.delay-12 {
  transition-delay: 1.2s;
}
.delay-15 {
  transition-delay: 1.5s;
}
.delay-18 {
  transition-delay: 1.8s;
}
.delay-20 {
  transition-delay: 2s;
}
.delay-23 {
  transition-delay: 2.3s;
}
.delay-25 {
  transition-delay: 2.5s;
}
.delay-30 {
  transition-delay: 3.0s;
}
body {
  font-family: "Zen Maru Gothic", serif;
  font-weight: normal;
  color: #4E2F14;
  font-size: 1rem;
}


header.wp-block-template-part {
  position: sticky;
  z-index: 999;
  top: 0;
  //background: #4e959b;
  //transition: background 3s ease, opacity 3s ease;
  background: transparent;
  opacity: 1;
}
header.wp-block-template-part::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaGVhZGVyLWJnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTE4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4gPGRlZnM+IDxzdHlsZT4gLmhlYWRlci1iZy13YXZlIHsgZmlsbDogI2VmZTNkMzsgfSA8L3N0eWxlPiA8L2RlZnM+IDxwYXRoIGNsYXNzPSJoZWFkZXItYmctd2F2ZSIgZD0iTTAsMTAxLjg2YzU3Ljc4LDE1LjM3LDg0LjU4LDEwLjI5LDIzOC4xMywxNi4xNCwyMTMuODIsOC4xNCw5OTYuOC04Ni4zNCwxMzA5LjI4LTgzLjI0LDI4MS43MSwyLjgsMzcyLjU5LDQ5LjYzLDM3Mi41OSw0OS42M1YwSDB2MTAxLjg2WiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0; /* 初期状態は透明 */
  transition: opacity 0.3s ease;
  z-index: -1; /* コンテンツの背面に配置 */
  background-position: bottom;
  filter: blur(15px);
}
header.wp-block-template-part.scrolled::before {
  
  opacity: 0.85;
}

header.wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
}

.wp-block-site-logo {
  padding: 5px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
}

.wp-block-site-logo.is-default-size img {
  width: 80px!important;
}

.wp-block-site-title :where(a) {
  color: #fff;
  font-family: "M PLUS 1p", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  
  color: #4e2f14;
  font-size: 1rem;
  letter-spacing: 0.5rem;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 600;
  text-shadow: 0 0 10px #fff;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #fff;
}

.home #wp--skip-link--target {
  margin: 0!important;
  margin-block-start: 0!important;
  margin-top: -116px!important;
}

.home #wp--skip-link--target > .wp-block-group:first-of-type {
  padding-top: 0!important;
  padding: bottom: 0!important;
}
:root .home :where(.is-layout-constrained) > .entry-content {
  margin-block-start: 0;
}

.home .wp-block-post-title {
  display: none;
}

#first-view-section {
  background-color: #FBF8E9;
  position: relative;
  overflow: hidden;
  height: calc(100vh - 15px);
  box-sizing: border-box;
  padding-top: 72px;
}

#first-view-section::after {
    content: "";
    position: absolute;
    bottom: -10px; /* 調整 */
    left: 0;
    width: 100%;
    height: 100px;
}

.is-layout-constrained > .first-view-bg, .is-layout-constrained > .first-view-bg2 {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: -90px;
  left: 0;
  z-index: 1;
}
.is-layout-constrained > .first-view-bg2 {
  z-index: 0;
}

.is-layout-constrained > .first-view-bg svg, .is-layout-constrained > .first-view-bg2 svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
  //transform: translateY(-64.5rem);
  //transition: 0.5s 0.1s cubic-bezier(0.65, 0, 0.35, 1);
}



#first-view-section > .wp-block-columns > .wp-block-column > figure > img {
  border-radius: 20px;
}
#first-view-section > .wp-block-columns > .wp-block-column:first-of-type > figure > img {
  transform: rotate(-12deg) translateY(-140px) translateX(40px);
  transform-origin: right;
  opacity: 0;
  transition: all 1s 0.3s;
}
#first-view-section > .wp-block-columns > .wp-block-column:first-of-type > figure.scrollin > img {
  transform: rotate(-15deg) translateY(-150px) translateX(50px);
  opacity: 1;
}
#first-view-section > .wp-block-columns > .wp-block-column:nth-of-type(2) > figure > img {
  transform: translateY(0) rotate(0);
  opacity: 0;
  transition: all 1s 0.5s;
}
#first-view-section > .wp-block-columns > .wp-block-column:nth-of-type(2) > figure.scrollin > img {
  transform: translateY(10px) rotate(2deg);
  opacity: 1;
}
#first-view-section > .wp-block-columns > .wp-block-column:last-of-type > figure > img {
  transform: rotate(5deg);
  transform-origin: left;
  opacity: 0;
  transition: all 1s 0.2s;
}
#first-view-section > .wp-block-columns > .wp-block-column:last-of-type > figure.scrollin > img {
  transform: rotate(15deg);
  opacity: 1;
}


#first-view-text-block {
  position: absolute;
  z-index: 2;
  left: 60px;
  bottom: 0;
}
#first-view-text-block.scroll-animate {
  position: absolute;
  z-index: 2;
  left: 60px;
  bottom: 100px;
}

#first-view-text-block h2 {
  font-family: "Hina Mincho", serif;
  letter-spacing: 0.5rem;
  color: #4E2F14;
  font-size: 3.5rem !important;
  font-weight: lighter;
}

#top-section-1 {
  position: relative;
}
#top-section-1 > .wp-block-columns {
  flex-direction: row-reverse;
}

#top-section-1 > .wp-block-columns h2 {
  writing-mode: vertical-rl;
  font-size: 3rem;
  line-height: 200%;
  text-decoration: underline dotted #4E2F14 0.1rem;
  text-underline-offset: 20px;
}


#top-section-1 > .wp-block-columns > .wp-block-column:first-of-type {
  flex-basis: unset!important;
}
#top-section-1 > .wp-block-columns > .wp-block-column:last-of-type figure:first-of-type {
  transform: rotate(-10deg) translate(-100px, 50px);
}
#top-section-1 > .wp-block-columns > .wp-block-column:last-of-type figure:last-of-type {
  transform: rotate(7deg) translateX(80px) translateY(-80px);
}
#top-section-1 > .wp-block-columns > .wp-block-column:last-of-type figure img {
  outline: 2px dashed #fff;
  outline-offset: -5px;
  border-radius: 30px;
}
#top-section-1 > .wp-block-columns > .wp-block-column:last-of-type figure:first-of-type img {
  outline: 2px dotted #fff;
}

#top-section-1 .accent-img:first-of-type img {
  position: absolute;
  top: -100px;
  left: 40%;
  transform: rotate(15deg);
  z-index: 3;
}

#top-section-2 {
  position: relative;
  background: #F7ECDA;
  padding-bottom: 210px!important;
}
#top-section-2 h2 {
  margin-top: 0;
  margin-bottom: 80px;
  line-height: 200%;
  z-index: 1;
  position: inherit;
  padding: 100px 15px;
  transform: rotate(-4deg);
}
#top-section-2 h2 span {font-size: 3rem;
  letter-spacing: 0.5rem;
  text-decoration: underline;
  text-decoration-style: wavy;
  text-underline-offset: 20px;
  text-decoration-thickness: 2px;
}
#top-section-2 .section-separator {
  position: absolute;
  top: -150px;
  width: 100%;
}
#top-section-2 .section-separator svg {
  width: 100%;
  max-width: 100%;
  height: 150px;
}
#top-section-2-top path {
  fill: #F7ECDA;
}
#top-section-2 .accent-img {
  position: absolute;
  top: -240px;
  z-index: 3;
  right: 20%;
  transform: rotate(-7deg);
}

#top-section-2 .title-block > .wp-block-group {
  position: relative;
}

#feature-title-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  margin: 0;
}
#feature-title-bg path {
  fill: #ffffff;
}

#top-section-2 .feature-content {
  position: relative;
}
#feature-content-1 {
  transform: rotate(8deg);
}
#feature-content-2 {
  transform: rotate(-5deg) translateY(-50%);
}
#feature-content-3 {
  transform: rotate(12deg);
}

#top-section-2 .feature-content img {
  border-radius: 30px;
}

#top-section-2 .feature-content > .wp-block-group:first-of-type {
  padding: 120px 100px;
}

#top-section-2 .feature-content h3 {
  font-size: 2rem;
  line-height: 150%;
}
.feature_bg {
  fill: none;
  stroke: #c1a48c;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  margin: 0;
}
.feature_bg svg {
  width: 100%;
  height: 100%;
}

#top-section-3 {
  position: relative;
  padding-bottom: 210px!important;
}
#top-section-3 .section-separator {
  position: absolute;
  top: -150px;
  width: 100%;
}
#top-section-3 .section-separator svg {
  width: 100%;
  max-width: 100%;
  height: 150px;
}
#top-section-3-top path {
  fill: #ffffff;
}
#top-section-3 .accent-img:first-of-type {
  position: absolute;
  top: -180px;
  left: 5%;
  transform: rotate(-3deg);
}

.top-message-content {
  padding: 30px;
  border: 1px solid #4e2f14;
  border-radius: 30px;
}
.top-message-content h3 {
  line-height: 200%;
  letter-spacing: 0.5rem;
}
.top-message-content img {
  border-radius: 30px;
}

#top-section-4 {
  background: #FBF8E9;
  padding-bottom: 210px!important;
}

#top-section-4-top path {
  fill: #FBF8E9;
}

#top-section-4 > .wp-block-columns > .wp-block-column:first-of-type > .wp-block-columns {
  max-height: 90vh;
  position: sticky;
  top: 180px;
}

#faq-wrapper {
  background: #EFE3D3;
  padding-bottom: 210px!important;
}
#top-section-5-top path {
  fill: #EFE3D3;
}
#top-section-6-top path {
  fill: #ffffff;
}

#top-section-4 > .wp-block-columns > .wp-block-column:last-of-type > .wp-block-columns > .wp-block-column:first-of-type img {
  border-radius: 15px;
}

#top-section-4 > .wp-block-columns > .wp-block-column:last-of-type > .wp-block-columns > .wp-block-column:last-of-type {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWZyYW1lLTAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDU0MCAyNzAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIGZpbGw9IiNmZmYiPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy40LDE5OS4yNEMtOS40MSw1MC04LjAzLTMzLjUzLDI4NS4zMywxNi4xNmMxMzAuMjIsMjIuMDYsMjE1LjQxLTgyLjUxLDI0NS45MSw4Ny4wMnMtMjcuMjksMTczLjIyLTE5Ny42NywxNTkuMTVDOTcuODMsMjU0LjUxLDE4LjU4LDI5OC41LDcuNCwxOTkuMjRaIi8+PC9zdmc+");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px;
  box-sizing: border-box;
}

#top-section-4 > .wp-block-columns > .wp-block-column:last-of-type > .wp-block-columns {
  position: relative;
  padding-bottom: 80px;
}
#top-section-4 > .wp-block-columns > .wp-block-column:last-of-type > .wp-block-columns::after {
  position: absolute;
  content: "";
  width: 45px;
  height: 30px;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYXJyb3ctMDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTM1IDkwIj4gIDxkZWZzPiA8c3R5bGU+IC5hcnJvdy0wMi0wMiB7IGZpbGw6ICM2MTQ4MmM7IH0gLmFycm93LTAyLTAxIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjNjE0ODJjOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogOC41OHB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPHBhdGggY2xhc3M9ImFycm93LTAyLTAxIiBkPSJNNC41Miw4NC45NnMyMy41NC0zNS4wMSw0OC44LTM0LjY1YzYuMy4wOSwxMy45NS41MSwxOS42OCw4LjA1LDAsMCwxMC44MywxMy45OC01Ljc0LDIyLjU2LTE2LjA1LDguMzEtMzUuMzYtMTEuNjQtOC4xNi0zNy4xMSwxOS4wOC0xNy44Nyw0NS44MS0xMy4zMyw0NS44MS0xMy4zMyIvPiA8cGF0aCBjbGFzcz0iYXJyb3ctMDItMDIiIGQ9Ik05NC4zMSwyLjEyYzEwLjAyLTcuNjksNDEuMDMsMTguMjQsNDAuMDEsMzAuODNzLTM3LjQyLDM0LjY3LTQ2LjE4LDI0LjkxYy00Ljk2LTUuNTIsOS44MS0yMC4zNSwxMC41OC0yNy43M3MtMTAuMDMtMjMuNjktNC40MS0yOFoiLz48L3N2Zz4=");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(60deg);
  z-index: 2;
}
#top-section-4 > .wp-block-columns > .wp-block-column:last-of-type > .wp-block-columns:last-of-type::after {
  background: none;
}

#faq-wrapper h2 {
  margin-bottom: 60px;
}
#faq-wrapper .faq-list {
  margin-top: 60px;
  padding: 60px;
  background: #fff;
  border-radius: 60px;
}
#faq-wrapper .faq-list > .wp-block-group .question {
  padding-left: 45px;
  position: relative;
  min-height: 30px;
  font-size: 1.2rem;
}
#faq-wrapper .faq-list > .wp-block-group .question:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0icWEtcSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj4gPGRlZnM+IDxzdHlsZT4gLnFhLXEtMDEgeyBmaWxsOiAjY2NlNmU0OyB9IC5xYS1xLTAyIHsgZmlsbDogIzMzMzsgfSAucWEtcS0wMyB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzMzMzsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyBzdHJva2Utd2lkdGg6IDIzLjY5cHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8Y2lyY2xlIGNsYXNzPSJxYS1xLTAxIiBjeD0iMjIwLjc5IiBjeT0iMTk5LjU1IiByPSIxNzMuMTQiLz4gPHBhdGggY2xhc3M9InFhLXEtMDMiIGQ9Ik0zMjAuMjEsMzAwLjRjNjMuNTYtNzEuMTgsNTcuMzgtMTgwLjQtMTMuNzktMjQzLjk2QzIzNS4yNC03LjExLDEyNi4wMi0uOTQsNjIuNDYsNzAuMjQtMS4xLDE0MS40MSw1LjA4LDI1MC42NCw3Ni4yNSwzMTQuMmM1Mi43Niw0Ny4xMSwxMjYuNDIsNTUuOTEsMTg2LjksMjguMzJsNDQuNzYsNDQuOTQiLz4gPHBhdGggY2xhc3M9InFhLXEtMDIiIGQ9Ik0xMDcuNDgsMTgxLjkxYzAtNDkuMzIsMzUuNi04NC44Nyw4MS45OC04NC44N3M4Mi4yMSwzNS41NSw4Mi4yMSw4NC44N2MwLDIxLjUzLTYuNzksNDAuMzEtMTguMDQsNTQuNThsMTYuODYsMTcuNTJjMi44MSwyLjUsNC42OCw2LjAxLDQuNjgsOS43NiwwLDYuNzYtNS42MiwxMy4yNy0xMy4xMiwxMy4yNy0zLjk4LDAtNy41LTItMTAuMzEtNS4yNmwtMTcuMS0xNy43OGMtMTIuODgsOC41MS0yOC4zNCwxMy4yNy00NS4yMSwxMy4yNy00Ni4zOCwwLTgxLjk4LTM1LjgtODEuOTgtODUuMzdaTTE4OS40NiwyNDAuMjRjOC45LDAsMTcuOC0yLjI1LDI1LjMtNi43NmwtMjMuNjYtMjQuNTNjLTIuODEtMi43NS00LjY4LTYuMjYtNC42OC05Ljc2LDAtNi43Niw1LjYyLTEzLjI3LDEzLjEyLTEzLjI3LDMuOTgsMCw3LjUsMi4yNSwxMC4zMSw1LjI2bDIzLjg5LDI0Ljc4YzYuMDktOC43Niw5Ljg0LTIwLjI4LDkuODQtMzMuOCwwLTM2LjA1LTI1LjMtNTguMDgtNTQuMTEtNTguMDhzLTUzLjg3LDIyLjAzLTUzLjg3LDU4LjA4LDI1LjMsNTguMDgsNTMuODcsNTguMDhaIi8+PC9zdmc+");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
#faq-wrapper .faq-list > .wp-block-group {
  border-bottom: 1px dotted #4E2F14;
  padding: 15px 0;
}
#faq-wrapper .faq-list > .wp-block-group .answer {
  padding-left: 45px;
  position: relative;
  min-height: 30px;
}
#faq-wrapper .faq-list > .wp-block-group .answer:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icWEtYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj4gPGRlZnM+IDxzdHlsZT4gLnFhLWEtMDEgeyBmaWxsOiAjZWJjYWNhOyB9IC5xYS1hLTAyIHsgZmlsbDogIzMzMzsgfSAucWEtYS0wMyB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzMzMzsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyBzdHJva2Utd2lkdGg6IDIzLjY5cHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8Y2lyY2xlIGNsYXNzPSJxYS1hLTAxIiBjeD0iMjIwLjc5IiBjeT0iMTk5LjU1IiByPSIxNzMuMTQiLz4gPHBhdGggY2xhc3M9InFhLWEtMDMiIGQ9Ik0zMjAuMjEsMzAwLjRjNjMuNTYtNzEuMTgsNTcuMzgtMTgwLjQtMTMuNzktMjQzLjk2QzIzNS4yNC03LjExLDEyNi4wMi0uOTQsNjIuNDYsNzAuMjQtMS4xLDE0MS40MSw1LjA4LDI1MC42NCw3Ni4yNSwzMTQuMmM1Mi43Niw0Ny4xMSwxMjYuNDIsNTUuOTEsMTg2LjksMjguMzJsNDQuNzYsNDQuOTQiLz4gPHBhdGggY2xhc3M9InFhLWEtMDIiIGQ9Ik0xMjMuMTgsMjUwLjUxYzAtMi4wMS40NS00LjAyLDEuMzQtNi40OGw0OC40OS0xMjAuODljMy44LTkuODMsMTAuOTUtMTQuMDgsMTguNzctMTQuMDhzMTQuNzUsNC40NywxOC41NSwxNC4wOGw0Ny42LDEyMC42N2MxLjEyLDIuOTEsMS41Nyw0LjkyLDEuNTcsNi43LDAsNi45My01LjM2LDEyLjUxLTEyLjI5LDEyLjUxLTYuMjYsMC0xMC4wNS0zLjEzLTEyLjI5LTguOTRsLTEwLjczLTI3LjcxaC02NS45MmwtMTAuNzMsMjcuOTNjLTIuMjQsNS41OS02LjcsOC43Mi0xMi4wNyw4LjcyLTcuMTUsMC0xMi4yOS01LjU5LTEyLjI5LTEyLjUxWk0yMTUuNDcsMjAzLjgxbC0yMy45MS02MS42OGgtLjY3bC0yMy45MSw2MS42OGg0OC40OVoiLz48L3N2Zz4=");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}


#top-section-6 h2 {
  line-height: 180%;
  margin-bottom: 60px;
}

.faq-content > .wp-block-columns > .wp-block-column:first-of-type img {
  border-radius: 30px;
}

#top-section-6 {
  position: relative;
}

#top-section-6 .contact-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#top-section-6 .contact-bg figure {
  width: 150px;
  position: absolute;
}
#top-section-6 .contact-bg figure img {
  opacity: 0;
  transform: scale(0.8); /* 初期は小さめにする */
  transition: opacity 3s ease-out, transform 1s ease-out;
}
#top-section-6 .contact-bg figure.scrollin img {
  opacity: 1;
  transform: scale(1);
  animation: floatAnimation 3s ease-in-out infinite;
}

#top-section-6 .contact-bg figure img {
  border-radius: 15px;
}
#top-section-6 .contact-bg figure:first-of-type {
  top: 8%;
  left: 4%;
  //transform: rotate(-2deg);
  width: 180px;
  animation: floatAnimation-01 20s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:first-of-type img {
  transition-delay: 0.3s;
}
#top-section-6 .contact-bg figure:nth-of-type(2) {
  bottom: 6%;
  right: 3%;
  transform: rotate(3deg);
  width: 210px;
  animation: floatAnimation-02 25.3s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(2) img {
  transition-delay: 0.8s;
}
#top-section-6 .contact-bg figure:nth-of-type(3) {
  bottom: 3%;
  left: 15%;
  transform: rotate(20deg);
  width: 190px;
  animation: floatAnimation-03 18.3s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(3) img {
  transition-delay: 1.8s;
}
#top-section-6 .contact-bg figure:nth-of-type(4) {
  top: 15%;
  right: 20%;
  transform: rotate(-12deg);
  width: 240px;
  animation: floatAnimation-04 27.6s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(4) img {
  transition-delay: 0.6s;
}
#top-section-6 .contact-bg figure:nth-of-type(5) {
  bottom: 40%;
  left: 13%;
  transform: rotate(5deg);
  width: 260px;
  animation: floatAnimation-05 19.6s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(5) img {
  transition-delay: 1.2s;
}
#top-section-6 .contact-bg figure:nth-of-type(6) {
  top: 2%;
  right: 3%;
  transform: rotate(10deg);
  width: 140px;
  animation: floatAnimation-06 29.6s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(6) img {
  transition-delay: 0s;
}
#top-section-6 .contact-bg figure:nth-of-type(7) {
  top: 8%;
  left: 23%;
  transform: rotate(-10deg);
  width: 260px;
  animation: floatAnimation-07 26.6s ease-in-out infinite;
}
#top-section-6 .contact-bg figure:nth-of-type(7) img {
  transition-delay: 0.9s;
}