.fzDown1 {
    font-size: 75%;
}

/* smileball */

#smileball {
    background: url(../assets/img/smileball/bg_dot.svg) repeat top / 100%;
    color: #1e1e1e;
}

#smileball .kvArea {
    z-index: 1;
    max-width: calc(100% - 60px);
    width: 1312px;
    margin: 0 auto;
}

#smileball .c-lowerTtl {
    color: #1e1e1e;
}

#smileball .lowerLeadArea {
    position: relative;
    padding-top: 120px;
    padding-bottom: 19.916vw;
    background: url(../assets/img/smileball/bg_wave_before.svg)no-repeat bottom / 100%;
}

#smileball .lowerLeadArea .relative {
    /* z-index: 1; */
}

#smileball .lowerLeadTtl {
    max-width: 482px;
    margin: -200px auto 60px;
}

#smileball .lowerLeadTxt {
    margin-top: 40px;
    font-size: 20px;
}

#smileball .charArea {
    background: url(../assets/img/smileball/section2_img_03.png)no-repeat bottom / 100%;
    background-color: #fffbf3;
    padding-top: 2vw;
    margin-top: -1px;
}

#smileball .charArea .lowerSecTtl {
    max-width: 616px;
}

#smileball .charBox__ttl {
    color: #1e1e1e;
}

#smileball .charInfoBox {
    display: flex;
    align-items: center;
    gap: 0 clamp(20px, 4vw, 34px);
    font-family: var(--font-accent);
    margin-top: 96px;
}


#smileball .charInfo__contBox::before {
    width: 2px;
    left: -17px;
    margin: auto;
    background: url(../assets/img/smileball/line_dot.svg)no-repeat center / 100%;
}

#smileball .charInfo__mapIcon {
    width: 92px;
}

#smileball .recommendArea {
    background-color: #fffbf3;
    padding-top: 160px;
    padding-bottom: 136px;

}

#smileball .recommendArea .menuList {
    justify-content: center;
}

#smileball .recommendArea .menuList__contBox {
    color: #1e1e1e;
}

#smileball .recommendArea .lowerSecTtl {
    max-width: 840px;
}

#smileball .aboutArea {
    background: url(../assets/img/smileball/bg_wave_after.svg)no-repeat top / 100%;
    padding-top: 13.805vw;
    padding-bottom: 140px;
    margin-top: -3.4vw;
}

#smileball .aboutArea .lowerSecTtl {
    max-width: 560px;
}

@media screen and (max-width: 1205px) {

    #smileball .charInfo__contBox::before {
        background: url(../assets/img/smileball/line_dot-sp.svg)no-repeat center / 100%;
        position: absolute;
        height: 2px;
        width: 100%;
        left: auto;
    }
}

@media screen and (max-width: 767px) {
    #smileball .kvArea {
        max-width: 100%;
    }

    #smileball .lowerLeadArea {
        background: url(../assets/img/smileball/bg_wave_before-sp.svg)no-repeat bottom / 100%;
        padding-bottom: 27.916vw;
    }

    #smileball .lowerLeadTtl {
        max-width: 350px;
        margin-top: -100px;
        margin-bottom: 24px;
    }

    #smileball .charArea {
        background: url(../assets/img/smileball/section2_img_03-sp.png)no-repeat bottom / 100%;
        background-color: #fffbf3;
        ;
        margin-top: -2px;
        padding-top: 14vw;
    }

    #smileball .charArea .lowerSecTtl {
        max-width: 239px;
    }

    #smileball .charInfoBox {
        font-size: 20px;
    }

    #smileball .recommendArea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #smileball .recommendArea .lowerSecTtl {
        max-width: 315px;
    }

    #smileball .aboutArea {
        background: url(../assets/img/smileball/bg_wave_after-sp.svg)no-repeat top / 100%;
        padding-top: 80px;
    }

    #smileball .aboutArea .lowerSecTtl {
        max-width: 236px;
    }
}