body {
  font-family: "Nunito Sans", "Kosugi", sans-serif;
  margin: 8px auto;
  padding: 0 8px;
  max-width: 1280px;
}

li {
  list-style: none;
}

.header {
  /* background-color: #26d0c9; */
  background-color: #65c8d0;
  color: #fff;
  height: 90px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.header-logo {
  float: left;
  font-size: 36px;
  padding: 20px;
  white-space: nowrap;
}

.header-lang-list ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 352px;
}

/* header-listの中のli要素にのみ適用したいCSSを記述してください */
.header-lang-list li {
  float: left;
  padding: 33px 20px;
}

.main {
  clear: both;
}

.image-wrapper {
  float: left;
  padding: 0 20px;
}

.image-wrapper img {
  max-width: 100%;
  max-height: 300px;
  padding-bottom: 20px;
}

h2 {
  clear: both;
  margin-bottom: 20px;
  color: #fff;
  /*文字色*/
  padding: 10px 20px;
  /*上下、左右への余白*/
  /* background   : #26d0c9; */
  background: #65c8d0;
  /*背景色*/
  border-radius: 20px;
  /*角を丸くする指定。この１行を削除すれば角丸がなくなります。*/
}

dl {
  padding: 0px 20px;
  /*上下、左右へのブロック内の余白*/
  margin-bottom: 20px;
  /*ブロックの下(外側)に空ける余白*/
  overflow: auto;
}

@media screen and (min-width: 768px) {
  .staff dt {
    clear: both;
    float: left;
    width: 6em;
    text-align: right;
  }

  .staff dd {
    float: left;
    margin-left: 1em;
  }
}