#wrapper #contents {
  width: 100%;
}
@media screen and (max-width: 991px) {
  #wrapper #contents {
    margin-bottom: 0;
  }
}
#wrapper #contents .contentsIn {
  width: 100%;
  max-width: 1160px;
  margin: 30px auto 0;
}
@media all and (min-width: 992px) {
  #wrapper #contents .contentsIn {
    margin-bottom: 60px;
  }
}
#wrapper #contents .contentsIn > * {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  #wrapper #contents .contentsIn > * {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #contents .contentsIn {
    width: 100%;
  }
  #wrapper #contents .contentsIn img {
    width: 100%;
    max-width: 700px;
    height: auto;
  }
}
#wrapper #contents .contentsIn .gray {
  background-color: #ebebeb;
  border: 1px solid #dbdbdb;
  color: #379863;
  text-align: center;
  padding: 10px 0;
  font-size: 140%;
}
#wrapper #contents .contentsIn ul.note {
  margin-top: 30px;
  list-style-position: inside;
}
#wrapper #contents .contentsIn ul.note li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6;
  margin-bottom: 10px;
}
#wrapper #contents .contentsIn .border {
  border: 1px solid #dbdbdb;
  padding: 10px 0;
}
@media all and (min-width: 520px) {
  #wrapper #contents .col-2 {
    display: flex;
  }
}
@media screen and (max-width: 519px) {
  #wrapper #contents .boxL + .boxR {
    margin-top: 40px;
  }
}