.sec00 {
    position: relative;
    overflow: hidden;
    background: linear-gradient(140deg,#38AA47 32%, #C0CE19 100%);
}
.sec00-txt {
    position: absolute;
    top: calc(50% - 138px);
    left: calc(50% - 157px);
    z-index: 500;
    display: block;
    width: 330px;
    height: 256px;
    filter: drop-shadow(0px 3px 20px rgba(70, 162, 43, 0.8));
}

.sec00-img {
    position: relative;
    z-index: 100;
}
.sec00-cover {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: block;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    display: none;
}
.sec00-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec00-circle {
    position: absolute;
    top: calc(50% - 546px);
    left: calc(50% - 546px);
    z-index: 10;
    display: block;
    width: 1092px;
    height: 1092px;
    clip-path: circle(50%);
    mask-image: radial-gradient(transparent 37%, #000 37%);
    background-color: rgba(255, 255, 255, 0.46);
    mix-blend-mode: overlay;/*オーバーレイ*/
    /*-webkit-backdrop-filter: blur(30px);/*ぼかし*/
    /* backdrop-filter: blur(30px); */
}
#tpage.safari .sec00-circle {
    mix-blend-mode: screen!important;
    filter: brightness(0.4)!important;
}

/*背景 - 果物*/
#canvas-fruit {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

/* 背景フルーツ */
.sec00-bg-fruit {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
@keyframes loop_animation {
    0% { top: 101vh; }
    100% { top: -100vh; }
}
@keyframes rotate_right {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.sec00-bg-fruit .sec00-img {
    position: absolute;
    top: 101vh;
}
.sec00-bg-fruit .img01 {
    animation: loop_animation 50s linear infinite;
    animation-delay: 0s;
    left: 62%;
    z-index: 20;
    width: 80px;
}
.sec00-bg-fruit .img02 {
    animation: loop_animation 46s linear infinite;
    animation-delay: 5s;
    left: -3%;
    width: 100px;
}
.sec00-bg-fruit .img03 {
    animation: loop_animation 46s linear infinite;
    animation-delay: 10s;
    right: 10%;
    z-index: 5;
    width: 100px;
}
.sec00-bg-fruit .img04 {
    animation: loop_animation 42s linear infinite;
    animation-delay: 15s;
    right: -2%;
    z-index: 10;
    width: 120px;
}
.sec00-bg-fruit .img05 {
    animation: loop_animation 38s linear infinite;
    animation-delay: 0s;
    left: 32%;
    z-index: 10;
    width: 130px;
}
.sec00-bg-fruit .img06 {
    animation: loop_animation 38s linear infinite;
    animation-delay: 5s;
    right: 12%;
    z-index: 5;
    width: 160px;
}
.sec00-bg-fruit .img07 {
    animation: loop_animation 38s linear, rotate_right 10s linear infinite;
    animation-delay: 10s;
    left: 20%;
    z-index: 2;
    width: 160px;
}
.sec00-bg-fruit .img08 {
    animation: loop_animation 46s linear infinite;
    animation-delay: 15s;
    left: 5%;
    z-index: 10;
    width: 300px;
}

@media screen and (max-width: 991px) {
    .sec00-circle {
        top: calc(50% - 445px);
        left: calc(50% - 445px);
        width: 890px;
        height: 890px;
    }
    .sec00-txt {
        top: calc(50% - 110px);
        left: calc(50% - 145px);
        width: 300px;
        height: 230px;
    }
}
@media screen and (max-width: 767px) {
    .sec00-txt {
        top: calc(50% - 60px);
        left: calc(50% - 70px);
        width: 146px;
        height: 120px;
    }
    .sec00-circle {
        top: calc(50% - 190px);
        left: calc(50% - 190px);
        width: 380px;
        height: 380px;
        mask-image: radial-gradient(transparent 40%, #000 40%);
    }
}