.title_box {
  background-color: #A79D86;
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px 5px 10px;
}

.title_box2 {
  background-color: #6666ff;
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px 5px 10px;
}

.img_300 {
  max-width: 300px;
}

.img_250 {
  max-width: 250px;
}

.img_200 {
  max-width: 200px;
}

.img_170 {
  max-width: 170px;
}

.img_150 {
  max-width: 150px;
}

.uk-subnav-divider>::before {
  margin-right: 0;
}

.heading03 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.8em;
  line-height: 2em;
  color: #000000;
  font-family: Yu Gothic;
  font-weight: thin;
}

.heading04 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.8em;
  line-height: 2em;
  color: #ffffff;
  font-family: Yu Gothic;
  font-weight: thin;
}


.title01 {
  font-size: 20px;
  font-weight: bold;
  font-family: serif;
  padding: 0.4em 0.5em;
  /*文字の上下 左右の余白*/
  color: #ffffff;
  /*文字色*/
  background: #343434;
  /*背景色*/
}


.sn-resopnsible {
  font-size: 1.2em;
}

@media screen and (max-width:600px) {
  .sn-resopnsible {
    font-size: 1em;
  }

  .heading03 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.3em;
    line-height: 2.5em;
    color: #ffffff;
    font-weight: thin;
    background-color: #000000;
  }
}

.full-page {
  height: 100vh;
}