.careful{
    background-color: rgb(254 246 233);
    border-radius: 1rem;
    padding: 1%;
    margin: 3% auto;
    ul{
        margin-left: 2%;
    }
    li{
        display: flex;
        font-size: min(2vw, 1.2rem);
        &::before{
            content: "・";
            color: black;
            margin-right: 0.5rem;
            font-size: min(2vw, 1.2rem);
            line-height: 1.8;
        }
    }
}
.careful_title{
    color: #f29600;
    font-size: min(3vw, 1.4rem);
        margin: 1% auto;
}
.room_title{
    text-align: center;
    font-size: min(4vw, 2rem);
    color: #f29600;
    margin: 10% auto 3% auto;
    line-height: 1;
    span{
        font-size: min(2vw, 1rem);
    }
}
.cssp {
    width: 100%;
    height:auto;
    display: block;
}
.cssp::before{
    display:block;
    content:"";
}
.csall::before{
    padding-top:66%; /* 画像の縦横比を保つためのパディング */
}
.csall{
    max-width:330px;
    background-image: url(../equip/images/p1/roomall.jpg);
    background-size:600%;/* 100xCSSスプライトの枚数　(ずらす時には100% / (枚数-1)ずつずらす) */
}
.acept{
    display: flex;
    align-items: center;
    width: min(95%, 450px);
    margin: 0 auto 3% auto;
    justify-content: center;
    background-color: black;
    color: white !important;
    padding: 5% 4%;
    &:hover{
        background-color: #f29600;
        transition: all 0.2s ease;
    }
    &::after{
        font-size: min(3.5vw, 1.2rem);
        font-family: 'Font Awesome 5 Free';
        content: '\f35d';
        font-weight: bold;
    }
}
.acpet_btn{
    font-size: min(4.5vw, 1.2rem);
    margin-right: 3%;
}