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

    body {
		height:100%;
		/* filter: invert(80%) sepia(85%) saturate(932%) hue-rotate(358deg) brightness(100%) contrast(112%); */
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
	}
    div#wrapper {
        background-image: none;
        background-color: #FFF;
        overflow: hidden;
        min-height: 800px;
        position:relative;
    }

    .harmbtn {
        color: #FFF;
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        width:200px;
        height:70px;
        line-height: 70px;
        border-radius: 5px;
        box-shadow: 0 0 8px gray;
        cursor: pointer;
        transition: .3s;
        position:relative;
        z-index: 5;
    }
    .harmbtn:hover {
        scale:1.08;
    }

    #pagetop {
        z-index: 6;
    }

    /*------------------------------------------------*/
    /*                     BG関連                     */
    /*------------------------------------------------*/
    #BG {
        position:relative;
    }
    .uneCircle { 
        position:absolute;
        z-index: 1;
        opacity: .6;
    }

    #circle01 {
        border: 5px solid #a9b899;
        animation: uneune 7s linear infinite;
        width: 380px;
        height: 380px;
        top: -60px;
        right:-10%;
    }
    #circle02 {
        border: 5px solid #b89999;
        animation: uneune 4s linear infinite;
        width: 280px;
        height: 280px;
        top: 120px;
        right:-6%;
    }
    #circle03 {
        border: 5px solid #b8b099;
        animation: uneune 4s linear infinite;
        width: 230px;
        height: 230px;
        top: 360px;
        right:-6%;
    }
    #circle04 {
        border: 5px solid #aa99b8;
        animation: uneune 6s linear infinite;
        width: 280px;
        height: 280px;
        top: -40px;
        left:-6%;
    }
    #circle05 {
        border: 5px solid #99aeb8;
        animation: uneune 4s linear infinite;
        width: 180px;
        height: 180px;
        top: 200px;
        left:-6%;
    }
    #circle06 {
        border: 5px solid #adb899;
        animation: uneune 5s linear infinite;
        width: 250px;
        height: 250px;
        top: 340px;
        left:-6%;
    }
    #circle07 {
        border: 5px solid #b8b099;
        animation: uneune 8s linear infinite;
        width: 420px;
        height: 420px;
        top: 400px;
        left:-9%;
    }
    #circle08 {
        border: 5px solid #99aeb8;
        animation: uneune 7s linear infinite;
        width: 380px;
        height: 380px;
        top: 500px;
        right:-8%;
    }

    #circle09 {
        border: 5px solid #a9b899;
        animation: uneune 7s linear infinite;
        width: 380px;
        height: 380px;
        top: 660px;
        right:-10%;
    }
    #circle10 {
        border: 5px solid #b89999;
        animation: uneune 4s linear infinite;
        width: 280px;
        height: 280px;
        top: 920px;
        right:-6%;
    }
    #circle11 {
        border: 5px solid #b8b099;
        animation: uneune 4s linear infinite;
        width: 230px;
        height: 230px;
        top: 1160px;
        right:-6%;
    }
    #circle12 {
        border: 5px solid #aa99b8;
        animation: uneune 6s linear infinite;
        width: 280px;
        height: 280px;
        top: 680px;
        left:-6%;
    }
    #circle13 {
        border: 5px solid #99aeb8;
        animation: uneune 4s linear infinite;
        width: 300px;
        height: 300px;
        top: 900px;
        left:-6%;
    }
    #circle14 {
        border: 5px solid #adb899;
        animation: uneune 5s linear infinite;
        width: 250px;
        height: 250px;
        top:1140px;
        left:-6%;
    }
    #circle15 {
        border: 5px solid #b8b099;
        animation: uneune 8s linear infinite;
        width: 420px;
        height: 420px;
        top: 1300px;
        left:-9%;
    }
    #circle16 {
        border: 5px solid #99aeb8;
        animation: uneune 7s linear infinite;
        width: 380px;
        height: 380px;
        top: 1220px;
        right:-8%;
    }

    @keyframes uneune {
        0% {border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
        25% {border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; }
        50% {border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; }
        75% {border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; }
        100% {border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; }
    }

    #tohowto {
        position:absolute;
        bottom:20px;
        right:20px;
        z-index: 5;
        font-size: clamp(18px, 1.8vw, 20px);
    }
    #tohowto a {
        color:#666;
        font-weight: 500;
    }