body{
  margin:0;
}

header{
  height:200px;
  background-image:url(../img/header.jpg);
  background-size:cover;
  background-position:left;
  color:blue;
}

nav{  
  background:pink;
  margin:0;
}

nav  ul{
  list-style-type: none;
  display:flex;
}

nav a{
  width:150px;
  text-align:center;
  line-height:64px;
  /* a要素のdisplayプロがインラインなのでブロック要素に変換する */
  display:block;
  /* アイコンが十字の移動アイコンに代わる */
  cursor:pointer;
}

li a.active {
  color: #ffffff;
  background-color: #da3c41;
}

.intro{
  background:skyblue;
}

p{
  font-size:25px;
  letter-spacing:.4px;
  line-height:1.7;
}

@media (min-width:980px){
  p{
    font-size:20px;
    
  }
}
.container{
  /* display:flex;
  flex-wrap:wrap;
  justify-content: center; */

  --activepage:"archives/preparation/pre_rental.html";
}


.map{
  background:yellow;
  width:500px;
  height:500px;
}

.info{
  background:wheat;
  text-align: center;
  /* width:600px;
  height:200px; */
}

.info > img{
  border-radius: 20%;
}



footer{
  text-align:center;
}