body{
    background: #fe9baf;
    background-size: cover;
}

ul{
    padding-left: 1rem;
}


.text-asterisk{
    position: relative;
    list-style-type: none;
}

.text-asterisk::marker{
    display: none;
}

.text-asterisk::before{
    position: absolute;
    content: "※";
    left: -1rem;
}

.text-dot{
    position: relative;
    list-style-type: none;
}

.text-dot::marker{
    display: none;
}

.text-dot::before{
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: calc(-1rem + 2px);
    top: 9px;
    background-color: #000000;
}

.text-square{
    position: relative;
    padding-left: 1rem;
}   

.text-square::before{
    position: absolute;
    content: "◆";
    left: 0;
}  

.bg-main{
    margin-top: 4rem;
}

.logo-area{
    top: -4rem;
}

@media (max-width: 767.98px){
    .sp-hide{
        display: none !important;
    }     
}