.secTop01__circle{
  aspect-ratio: 1/1;
  position: relative;
}
.top01_circle01,
.top01_circle03{
  width: min(18.76vw, 272px);
  height: auto;
  position: absolute;
}

.top01_circle02,
.top01_circle04{
  width: min(13.44vw, 193px);
  height: auto;
  position: absolute;
}

.top01_circle01{
  top: 0;
    left: 57%;
    transform: translateX(-50%);
}
.top01_circle02{
    top: 57%;
    transform: translateY(-50%);
    right: 0;
}
.top01_circle03{
  bottom: 0;
    left: 43%;
    transform: translateX(-50%);
}
.top01_circle04{
    top: 43%;
    transform: translateY(-50%);
    left: 0;
}
@media only screen and (max-width: 768px) {
  .top01_circle01,
  .top01_circle03{
    width:38.4vw;
    height: auto;
    position: absolute;
  }

  .top01_circle02,
  .top01_circle04{
    width:27.2vw;
    height: auto;
    position: absolute;
  }
}

.secTop02__btn a:hover,
.secTop04__blockBtn a:hover,
.secTop06__blockBtn a:hover,
.secTop08__blockBtn a:hover,
.footNav .footNav__box a:hover{
  opacity: 1;
}



.secTop06 .circle img {
  transition: transform 3s ease; /* ゆっくり拡大 */
  transform: scale(1); /* 初期状態では通常のサイズ */
}

.secKv__scroll_text{
  position: absolute;
  bottom: min(2.5185185185vw, 34px);
  right: min(4.4444444444vw, 60px);
  width: min(10.8888888889vw, 147px);
  height: min(10.8888888889vw, 147px);
  pointer-events: none;
}
@media only screen and (max-width: 768px){
  .secKv__scroll_text{
    bottom: 8.8vw;
    right: 8.8vw;
    width: 28.8vw;
    height: 28.8vw;
  }

  .footNav .footNav__box a::after{
    width: 4.267vw;
    height:  4.8vw;
  }
}

.secKv__scroll_text img{
  width:100%;
}
.secTop02__infoImg{
  position:relative;
}
.secTop02__infoImg .spin{
  animation: spin 12s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.secTop02__infoImg_text{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.secTop04 .sec__head::before ,
.secTop07 .sec__head::before{
  content: unset;
}
.sec__head_img{
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: max(-3.7037037037vw, -50px);
  height: 100%;
  border-radius: 50px 0 0 50px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;

  transition: transform 2s ease;
  overflow: hidden;
  border-radius: min(3.7037037037vw, 50px) 0 0 min(3.7037037037vw, 50px);
}
.secTop07 .sec__head_img{
  width:45%;
}
.secTop04 .sec__head_img{
  width: 50%;
}

    @media only screen and (max-width: 768px) {
      .secTop04 .sec__head_img {
        border-radius: 0 5.3333333333vw 5.3333333333vw 0;
        left: -8vw;
        right: auto;
        top: auto;
        bottom: 0;
        width: calc(100% + 8vw);
        height: 64vw;
      }
      .secTop07 .sec__head_img {
        border-radius: 5.3333333333vw 0 0 5.3333333333vw;
        right: -8vw;
        top: 38.6666666667vw;
        width: calc(100% + 8vw);
        height: 64vw;
      }
    }
.sec__head_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}
/* 初期状態 */
.sec__head_img.zoom img {
  transform: scale(1); /* 通常サイズ */
  transition: transform 3s ease; /* ゆっくり拡大 */
}

/* 拡大時 */
.sec__head_img.zoom.visible img {
  transform: scale(1.2); /* 少し拡大 */
}