@charset "UTF-8";

.hero .data-list {
  margin-top: 37px;
}

.data-list {
  width: 100%;
  border-top: 1px solid var(--main-color);
}

.data-list tr {
  border-bottom: 1px solid var(--main-color);
}

.data-list th,
.data-list td {
  vertical-align: middle;
  padding: 30px 0;
}

.data-list th {
  width: 28%;
  background: url(../img/mark-list.svg) no-repeat 18px calc(30px + 5px);
  background-size: 8.5px 8.5px;
  padding-left: 34px;
  font-size: 1.6rem;
  vertical-align: top;
}

.data-list td {
  width: calc(100% - 28%);
  font-size: 1.3rem;
  vertical-align: middle;
}

.data-list td li {
  margin: .5em 0 0 1em;
  text-indent: -1em;
}

.data-list td .t01 {
  line-height: 2;
  text-align: justify;
}

.data-list td .t02,
.data-list td .t03 {
  padding-right: 43px;
  line-height: 1.6;
}

.data-list td .t03 {
  margin-top: 25px;
}

.s01 {
  padding: 88px 0 81px;
}

.s01 .data-list {
  margin-top: 56px;
}

.s01 .data-list td {
  display: flex;
  width: 100%;
  align-items: center;
}

.s01 .data-list td p:first-of-type {
  width: 215px;
  margin-right: 30px;
  white-space: nowrap;
  line-height: 1.5;
}

.s01 h2 {
  font-size: 1.95rem;
  letter-spacing: .2em;
}