@charset "UTF-8";
/* CSS Document */

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h3 {
  clear: both;
  margin-bottom: 10px;
}

h3.h3TT {
  outline: solid #ddd 1px;
}

.logos {
  padding: 12px 10px;
}

.top_text {
  color: #fff;
  padding: 10px 10px;
  display: block;
  background: url("../img/back_lines.png") 0 0 repeat-y;
  background-size: 100% auto;
}

#disclaimer {
  border: #ea6000 solid 2px;
  border-radius: 10px;
  padding: 5px;
  margin: 10px;

}

ul.list {
  padding: 0 10px;
  /*縦　横*/
}

ul.list li {
  margin-bottom: 10px;
  /*縦　横*/
}

h4 {
  padding: 10px;
  background-color: #ea6000;
  color: #fff;
  font-size: 1.2rem;
}

.att {
  background-color: #ffe500;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 10px;
  color: #bf1815;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.1;
}

.att2 {
  padding: 0 10px 5px;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.1;
}

.att2 p {
  margin-bottom: 5px;
}

#disclaimer dt img {
  width: 80%;
  height: auto;
  min-width: 200px;
  overflow: hidden;
}

#disclaimer dd {
  font-size: .8rem;
  line-height: 1.4;
  margin: 5px 5px 10px;
}

#disclaimer dd img#data01 {
  width: 60%;
  min-width: 180px;
  max-width: 397px;
  overflow: hidden;
}

p#sup {
  padding-left: 9%;
  background: url("../img/icon_att.png") 0 10px no-repeat;
  background-size: 8% auto;
  padding-top: 10px;
  font-size: .8rem;
  line-height: 1.4;
}

img#R35 {
  outline: #a0824f solid 2px;
  padding-bottom: 8px;
}

img#T86 {
  outline: #004076 solid 2px;
  padding-bottom: 8px;
}

img#AE86 {
  outline: #009c84 solid 2px;
  padding-bottom: 8px;
}

@media screen and (min-width:500px) {
  #disclaimer dt img {
    width: inherit;
    height: auto;
  }

  p#sup {
    padding-left: 35px;
    background-size: 35px auto;
  }

}

@media screen and (min-width:300px) {
  #disclaimer dd img#data01 {
    float: right;
  }
}