html{
  font-size: 62.5%;
}

body {
  font-family: GillSans, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size:1.6rem;
  background-color:rgba(244, 244, 240, 1);
}

.logo{
  text-align: center;
}

.logo__title{
  text-align: center;
  font-weight: normal;

}

.logo__text{
  margin-bottom: 30px;
}

header{
  width: 100%;
  padding: 40px 0;
  font-weight: normal;
  letter-spacing: 2px;
  background-color:rgba(244, 244, 240, 1);

}

.list-links{
  text-align: center;
}

.list-links__item{
  display: inline-block;
}

.list-mail{
  padding:10px 0;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  text-align: center;
}

.list-keyimages{
}

.list-keyimages__item{
}

.list-keyimages__image{
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.box-mail{
  width: 260px;
  padding: 8px;
    margin: 0 auto;
    text-align: center;
    border: 3px solid #222222;
    text-decoration: none;
    margin-bottom: 30px;
}


.box-mail__adress{
  text-decoration: none;
  color: #222222;
}

.box-mail__img{
}

footer{
  padding: 20px 0;
  background-color:rgba(244, 244, 240, 1);
  text-align: center;
  font-size:1.4rem;
}

@media screen and (min-width: 481px) {}

@media screen and (min-width: 960px) {}