*{
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}
img{
    vertical-align: bottom;
}

.wrapper{
    width: 1024px;
    margin: 0 auto;
    
}
section{
    margin-top: 2rem;
    
}

h1{
    font-size:3rem;
    letter-spacing: 0.01em;
    color: #2C5DAE;
}
p,dd,dt{
    font-size: 1rem;
    line-height: 2em;
    letter-spacing: 0.01em; 
}
dl{
    margin-bottom: 2rem;
}
dt{
    font-weight: bold;
}
a{
    color: #2C5DAE;
}
dd{
    padding-left: 1rem;
    font-size: 95%;
}
#list>div{
    margin-bottom: 3rem;
}
#list>div h2{
    letter-spacing: 0.01em;
    color: #5BB74F;
}


#intro{
display: flex;
}
#intro>img{
width: 20%;
height: auto;
}
.stay{
    color: #aaa;
}



@media(max-width: 780px){
    .wrapper{
        width: 98%;
    }
    #intro{
    display: block;
    }
    #intro>img{
    width: 100%;
    }
    h1{
        font-size:2rem;
        text-align:center;
    }
}