body{
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    background: url(https://anessa-spa.com/img/bg.jpg) fixed repeat top center;
}

img{
    width:100%;
    height:auto;
    vertical-align: bottom;
}

main{
    padding-top:5rem;
}

h1.logo{
    width:min(1000px,90%);
    margin:0 auto;
}

.r18{
    width:min(75px,20%);
    height:auto;
    margin:2rem auto;
}

nav{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.enter , .leave{
    margin:1rem;
    width: min(200px, 40%);
    aspect-ratio: 1 / 1;
    display: flex;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    color:#555;
    text-align: center;
    font-size: min(2rem,6vw);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    transition: 0.5s;
}

.enter:hover , .leave:hover{
    background:#a72237;
    color:#fff;
}

.enter a , .leave a{
    display:flex;
    width: 100%;
    height:100%;
    border-radius: 50%;
}

.enter_inner , .leave_inner{
    margin:auto;
}

.enter span , .leave span{
    font-size: 1rem;
    display: block;
}

.banner-content{
    width:min(1200px,90%);
    margin:2rem auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.banner{
    width:min(calc((1200px - 5rem)/ 5),100%);
    margin:0.5rem;
}

footer{
    font-size:min(1rem,4vw);
    text-align: center;
    padding:1rem 0;
}