@charset "UTF-8";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main a {
    opacity: 0;
}

main a:hover {
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.2;
}

main a.hover_whitenone:hover {
    opacity: 0;
}

.is_fadeUp {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}
    .is_fadeUp.is-visible {
    opacity: 1;
    }

.bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
}

#top {
    position: relative;
}
    .top__link_01 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

#sec01 {
    padding-top: 77px;
    position: relative;
}
    #sec01 picture {
        margin: 0 auto;
        width: calc((1400 / 1440) * 100%);
    }
    .sec01__link_01 {
        width: calc((350 / 1440) * 100vw);
        height: calc((200 / 1440) * 100vw);
        position: absolute;
        top: calc((140 / 1440) * 100vw + 77px);
        right: calc((160 / 1440) * 100vw);
    }
    .sec01__link_02 {
        width: calc((280 / 1440) * 100vw);
        height: calc((230 / 1440) * 100vw);
        position: absolute;
        top: calc((370 / 1440) * 100vw + 77px);
        left: calc((120 / 1440) * 100vw);
        transform: rotate(-50deg);
        border-radius: 100%;
        filter: blur(30px);
    }
    .sec01__link_03 {
        width: calc((280 / 1440) * 100vw);
        height: calc((230 / 1440) * 100vw);
        position: absolute;
        top: calc((500 / 1440) * 100vw + 77px);
        left: calc((300 / 1440) * 100vw);
        transform: rotate(-50deg);
        border-radius: 100%;
        filter: blur(30px);
    }
    .sec01__link_04 {
        width: calc((390 / 1440) * 100vw);
        height: calc((500 / 1440) * 100vw);
        position: absolute;
        top: calc((1200 / 1440) * 100vw + 77px);
        left: calc((160 / 1440) * 100vw);
    }
    .sec01__link_05 {
        width: calc((370 / 1440) * 100vw);
        height: calc((500 / 1440) * 100vw);
        position: absolute;
        top: calc((1280 / 1440) * 100vw + 77px);
        left: calc((550 / 1440) * 100vw);
    }

#sec02 {
    padding-top: 63px;
    position: relative;
}
    .sec02__link_01 {
        width: calc((320 / 1440) * 100vw);
        height: calc((310 / 1440) * 100vw);
        position: absolute;
        top: calc((310 / 1440) * 100vw + 63px);
        left: calc((245 / 1440) * 100vw); 
    }
    .sec02__link_02 {
        width: calc((320 / 1440) * 100vw);
        height: calc((450 / 1440) * 100vw);
        position: absolute;
        bottom: calc((250 / 1440) * 100vw);
        left: calc((380 / 1440) * 100vw); 
    }
    .sec02__link_03 {
        width: calc((400 / 1440) * 100vw);
        height: calc((350 / 1440) * 100vw);
        position: absolute;
        top: calc((260 / 1440) * 100vw + 63px);
        right: calc((190 / 1440) * 100vw); 
    }

#sec03 {
    padding-top: 65px;
    position: relative;
}
    .sec03__link_01 {
        width: calc((400 / 1440) * 100vw);
        height: calc((580 / 1440) * 100vw);
        position: absolute;
        top: calc((300 / 1440) * 100vw + 65px);
        left: calc((200 / 1440) * 100vw); 
    }
    .sec03__link_02 {
        width: calc((380 / 1440) * 100vw);
        height: calc((400 / 1440) * 100vw);
        position: absolute;
        top: calc((330 / 1440) * 100vw + 65px);
        right: calc((110 / 1440) * 100vw);
        filter: blur(30px);
    }
    .sec03__link_03 {
        width: calc((330 / 1440) * 100vw);
        height: calc((330 / 1440) * 100vw);
        position: absolute;
        bottom: calc((480 / 1440) * 100vw);
        left: calc((180 / 1440) * 100vw);
        border-radius: 100%;
        filter: blur(30px);
    }
    .sec03__link_04 {
        width: calc((330 / 1440) * 100vw);
        height: calc((330 / 1440) * 100vw);
        position: absolute;
        bottom: calc((180 / 1440) * 100vw);
        left: calc((40 / 1440) * 100vw);
        border-radius: 100%;
        filter: blur(30px);
    }
    .sec03__link_05 {
        width: calc((370 / 1440) * 100vw);
        height: calc((400 / 1440) * 100vw);
        position: absolute;
        bottom: calc((330 / 1440) * 100vw);
        right: calc((210 / 1440) * 100vw);
    }

#sec04 {
    padding-top: 50px;
    position: relative;
}
    .sec04__link_01 {
        width: calc((370 / 1440) * 100vw);
        height: calc((400 / 1440) * 100vw);
        position: absolute;
        top: calc((230 / 1440) * 100vw + 50px);
        right: calc((300 / 1440) * 100vw);
    }
    .sec04__link_02 {
        width: calc((200 / 1440) * 100vw);
        height: calc((270 / 1440) * 100vw);
        position: absolute;
        bottom: calc((280 / 1440) * 100vw);
        left: calc((500 / 1440) * 100vw);
    }

#sec05 {
    padding-top: 117px;
    position: relative;
}
    .sec05__link_01 {
        width: calc((500 / 1440) * 100vw);
        height: calc((640 / 1440) * 100vw);
        position: absolute;
        top: calc((430 / 1440) * 100vw + 117px);
        left: calc((90 / 1440) * 100vw);
    }
    .sec05__link_02 {
        width: calc((240 / 1440) * 100vw);
        height: calc((620 / 1440) * 100vw);
        position: absolute;
        top: calc((750 / 1440) * 100vw + 117px);
        left: calc((590 / 1440) * 100vw);
    }
    .sec05__link_03 {
        width: calc((260 / 1440) * 100vw);
        height: calc((210 / 1440) * 100vw);
        position: absolute;
        top: calc((630 / 1440) * 100vw + 117px);
        right: calc((90 / 1440) * 100vw);
    }
    .sec05__link_04 {
        width: calc((190 / 1440) * 100vw);
        height: calc((370 / 1440) * 100vw);
        position: absolute;
        top: calc((840 / 1440) * 100vw + 117px);
        right: calc((150 / 1440) * 100vw);
    }
    .sec05__link_05 {
        width: calc((590 / 1440) * 100vw);
        height: calc((750 / 1440) * 100vw);
        position: absolute;
        bottom: calc((880 / 1440) * 100vw);
        right: calc((110 / 1440) * 100vw);
    }
    .sec05__link_06 {
        width: calc((970 / 1440) * 100vw);
        height: calc((500 / 1440) * 100vw);
        position: absolute;
        bottom: calc((380 / 1440) * 100vw);
        right: calc((55 / 1440) * 100vw);
    }
    .sec05__link_07 {
        width: calc((190 / 1440) * 100vw);
        height: calc((290 / 1440) * 100vw);
        position: absolute;
        bottom: calc((650 / 1440) * 100vw);
        left: calc((110 / 1440) * 100vw);
    }

#bottom {
    padding-top: 28px;
    position: relative;
}
    .bottom__link_01 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

@media (max-width: 762px) {
    #sec01 {
        padding-top: 40px;
    }
        #sec01 picture {
            margin: 0 auto;
            width: calc((370 / 393) * 100%);
        }
        .sec01__link_01 {
            width: calc((160 / 393) * 100vw);
            height: calc((85 / 393) * 100vw);
            top: calc((35 / 393) * 100vw + 40px);
            right: calc((50 / 393) * 100vw);
        }
        .sec01__link_02 {
            width: calc((125 / 393) * 100vw);
            height: calc((105 / 393) * 100vw);
            top: calc((340 / 393) * 100vw + 40px);
            left: calc((250 / 393) * 100vw);
            transform: rotate(0);
        }
        .sec01__link_03 {
            width: calc((125 / 393) * 100vw);
            height: calc((105 / 393) * 100vw);
            top: calc((300 / 393) * 100vw + 40px);
            left: calc((150 / 393) * 100vw);
            transform: rotate(0);
        }
        .sec01__link_04 {
            width: calc((190 / 393) * 100vw);
            height: calc((200 / 393) * 100vw);
            top: calc((580 / 393) * 100vw + 40px);
            left: calc((50 / 393) * 100vw);
        }
        .sec01__link_05 {
            width: calc((140 / 393) * 100vw);
            height: calc((170 / 393) * 100vw);
            top: calc((750 / 393) * 100vw + 40px);
            left: calc((200 / 393) * 100vw);
        }

    #sec02 {
        padding-top: 50px;
    }
        .sec02__link_01 {
            width: calc((95 / 393) * 100vw);
            height: calc((95 / 393) * 100vw);
            top: calc((85 / 393) * 100vw + 50px);
            left: calc((60 / 393) * 100vw); 
        }
        .sec02__link_02 {
            width: calc((95 / 393) * 100vw);
            height: calc((120 / 393) * 100vw);
            top: calc((230 / 393) * 100vw + 50px);
            left: calc((105 / 393) * 100vw); 
        }
        .sec02__link_03 {
            width: calc((115 / 393) * 100vw);
            height: calc((95 / 393) * 100vw);
            top: calc((90 / 393) * 100vw + 50px);
            right: calc((40 / 393) * 100vw); 
        }

    #sec03 {
        padding-top: 50px;
    }
        #sec03 picture {
            margin: 0 auto;
            width: calc((377 / 393) * 100%);
        }
        .sec03__link_01 {
            width: calc((135 / 393) * 100vw);
            height: calc((180 / 393) * 100vw);
            top: calc((80 / 393) * 100vw + 50px);
            left: calc((105 / 393) * 100vw); 
        }
        .sec03__link_02 {
            width: calc((120 / 393) * 100vw);
            height: calc((140 / 393) * 100vw);
            top: calc((50 / 393) * 100vw + 50px);
            left: calc((240 / 393) * 100vw);
        }
        .sec03__link_03 {
            width: calc((115 / 393) * 100vw);
            height: calc((110 / 393) * 100vw);
            top: calc((500 / 393) * 100vw + 50px);
            left: calc((25 / 393) * 100vw);
        }
        .sec03__link_04 {
            width: calc((115 / 393) * 100vw);
            height: calc((110 / 393) * 100vw);
            top: calc((540 / 393) * 100vw + 50px);
            left: calc((120 / 393) * 100vw);
        }
        .sec03__link_05 {
            width: calc((125 / 393) * 100vw);
            height: calc((135 / 393) * 100vw);
            top: calc((730 / 393) * 100vw + 50px);
            left: calc((80 / 393) * 100vw);
        }

    #sec04 {
        padding-top: 27px;
    }
        .sec04__link_01 {
            width: calc((55 / 393) * 100vw);
            height: calc((95 / 393) * 100vw);
            top: calc((150 / 393) * 100vw + 27px);
            left: calc((115 / 393) * 100vw);
        }
        .sec04__link_02 {
            width: calc((120 / 393) * 100vw);
            height: calc((160 / 393) * 100vw);
            top: calc((135 / 393) * 100vw + 27px);
            left: calc((185 / 393) * 100vw);
        }

    #sec05 {
        padding-top: 52px;
    }
        .sec05__link_01 {
            width: calc((160 / 393) * 100vw);
            height: calc((215 / 393) * 100vw);
            top: calc((150 / 393) * 100vw + 52px);
            left: calc((10 / 393) * 100vw);
        }
        .sec05__link_02 {
            width: calc((85 / 393) * 100vw);
            height: calc((210 / 393) * 100vw);
            top: calc((280 / 393) * 100vw + 52px);
            left: calc((140 / 393) * 100vw);
        }
        .sec05__link_03 {
            width: calc((105 / 393) * 100vw);
            height: calc((75 / 393) * 100vw);
            top: calc((230 / 393) * 100vw + 52px);
            left: calc((280 / 393) * 100vw);
        }
        .sec05__link_04 {
            width: calc((70 / 393) * 100vw);
            height: calc((120 / 393) * 100vw);
            top: calc((290 / 393) * 100vw + 52px);
            left: calc((280 / 393) * 100vw);
        }
        .sec05__link_05 {
            width: calc((190 / 393) * 100vw);
            height: calc((265 / 393) * 100vw);
            top: calc((580 / 393) * 100vw + 52px);
            left: calc((180 / 393) * 100vw);
        }
        .sec05__link_06 {
            width: calc((270 / 393) * 100vw);
            height: calc((170 / 393) * 100vw);
            top: calc((845 / 393) * 100vw + 52px);
            left: calc((93 / 393) * 100vw);
        }
        .sec05__link_07 {
            width: calc((90 / 393) * 100vw);
            height: calc((105 / 393) * 100vw);
            top: calc((780 / 393) * 100vw + 52px);
            left: calc((10 / 393) * 100vw);
        }

    #bottom {
        padding-top: 17px;
    }
}