@charset "utf-8";

#comfort {
    margin-top: 90px;
    .wrap {
        background-color: #EAE7E1;
        padding: 70px 0;
        .contents {
            p{
                &.body{
                    font-size: 2.8rem;
                    letter-spacing: 0.2em;
                    margin-bottom: 1em;
                }
            }
        }
    }
}

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

    #comfort {
        margin-top: 70px;
        .wrap {
            padding: 50px 0;
            .contents {
                p{
                    font-size: 1.5rem;
                    &.body{
                        font-size: 2.4rem;
                        margin-bottom: 0.5em;
                    }
                }
            }
        }
    }

}

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

    #comfort {
        margin-top: 70px;
        .wrap {
            padding: 40px 0;
            .contents {
                p{
                    font-size: 1.4rem;
                    &.body{
                        font-size: 2.0rem;
                        margin-bottom: 0.5em;
                    }
                }
            }
        }
    }

}

@media screen and (max-width:768px){
    
    #comfort {
        margin-top: 40px;
        .wrap {
            padding: 30px 0;
            .contents {
                p{
                    font-size: 1.4rem;
                    &.body{
                        font-size: 1.6rem;
                        margin-bottom: 1em;
                    }
                }
            }
        }
    }
    
}