section.head {
    width: 60.784vw;
    position: relative;
    padding-top: 7.725vw;
    padding-bottom: 5vw;
}
section.head::after {
    content: "";
    display: block;
    width: 50.98vw;
    height: 37.647vw;
    background: center center url(../img/etiquette-top.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -35vw;
    bottom: -2vw;
}
i.ball {
    display: block;
    position: relative;
    width: auto;
    height: 1.373vw;
    padding: 1.176vw 0;
}
i.ball::before {
    content: "";
    display: block;
    position: absolute;
    width: 1.373vw;
    height: 1.373vw;
    background: #ccc;
    border-radius: 50%;
    left: 50%;
    margin-left: -0.686vw;
    animation: tictac 6s linear infinite;
}
i.ball.blue::before {
    background: #73c8f9;
    background: linear-gradient(45deg, #73c8f9, #c5f3f6);
}
i.ball.peach::before {
    background: #fbb169;
    background: linear-gradient(45deg, #fbb169, #efcfa7);
}
i.cloud {
    position: absolute;
    display: block;
    background: center center no-repeat;
    background-size: contain;
}
i.cloud.peach {
    width: 22.059vw;
    height: 24.314vw;
    background-image: url(../img/etiquette-cloud-peach.png);
    left: -35.294vw;
    top: -2.941vw;
    opacity: .5;
}
i.cloud.green {
    width: 24.118vw;
    height: 21.961vw;
    background-image: url(../img/etiquette-cloud.png);
    right: -41.176vw;
    top: 0.98vw;
    opacity: .5;
    animation: 10s animation_1 linear infinite;
}
@keyframes animation_1 {
    0% {transform: translate3d(0px,0px,0) rotate(0deg) scale(1); opacity: .5; animation-timing-function: linear}
    100% {transform: translate3d(0px,0px,0) rotate(360deg) scale(1); opacity: .5; }
}
i.cloud.peach.mobile {
    background-image: url(../img/etiquette-cloud-peach.png);
    opacity: .5;
    display: none;
}
i.cloud.green.mobile {
    background-image: url(../img/etiquette-cloud.png);
    opacity: .5;
    display: none;
}

@media only screen and (max-width: 480px) {
    section.head {
        width: auto;
        position: relative;
        /* padding-top: 26.389vw; */
        padding-bottom: 75vw;
        background: center bottom url(../img/etiquette-top.png) no-repeat;
        background-size: 100vw auto;
    }
    section.head::after {
        display: none;
    }
    i.ball::before {
        width: 4.444vw;
        height: 4.444vw;
        background: #0dd4fb;
        background: linear-gradient(45deg, #0dd4fb, #a8fbfc);
    }
    i.cloud.peach {
        display: none;
    }
    i.cloud.green {
        direction: none;
    }
    i.cloud.peach.mobile {
        display: block;
        width: 42.222vw;
        height: 46.667vw;
        margin-bottom: -46.667vw;
        opacity: .5;
        right: -66.667vw;
        left: auto;
        top: 44.444vw;
        position: relative;
        z-index: 1;
    }
    i.cloud.green.mobile {
        display: block;
        width: 42.222vw;
        height: 38.611vw;
        margin-bottom: -38.611vw;
        opacity: .5;
        left: -22.222vw;
        top: 0;
        position: relative;
    }
}