@charset 'UTF-8';
.useBlock > dl.-pla {
  background: url(/img/special/rayt_01/img_054.jpg) center center no-repeat;
}
.useBlock > dl > div {
    width: 48.7%;
    background-color: #f1f1f1;
}
.useBlock > dl {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 20px;
}
.useBlock > dl.-pla > div {
  width: 42%;
}
.useBlock > dl dt {
  padding: 18px 20px;
  color: #fff;
  background-color: #014099;
}
.useBlock > dl dd {
  padding: 20px;
  background: #f2f2f2;
}
.useBlock > dl dd ol {
  list-style-position: inside;
}
.smpTableScroll {

  width: 100%;
}
.smpTableScroll table {
  min-width: 740px;
}
@media screen and (max-width: 980px) {
	.smpTableScroll {
  overflow-x: scroll;
  width: 100%;
}
  .useBlock > dl {
    display: block;
  }
  .useBlock > dl.-pla {
    background: none
  }
  .useBlock > dl.-pla > div {
    width: 100%;
  }
  .useBlock > dl.-pla > div:first-child {
    margin-bottom: 20px;
  }
}