@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.png);
}


/*--------------------------------------------------------------------------------
  table
--------------------------------------------------------------------------------*/

.s-tbl {
  margin-top:3rem;
  font-size:0.95em;
  width:100%;
  min-width:auto;
  border:0;
  border-collapse:collapse;
}

.s-tbl th,
.s-tbl td {
  line-height:1.4;
  vertical-align:middle;
  padding:0.75em;
}

.s-tbl thead th {
  border:1px solid #c8c8c8;
  font-size:1.1em;
}

.s-tbl.is-active thead th {
  background-color:#fafad6;
}

.s-list:not(:first-of-type) .s-tbl thead th {
  cursor:pointer;
}

.s-list:not(:first-of-type) .s-tbl thead th span {
  display:block;
  position:relative;
}

.ua-pc .s-list:not(:first-of-type) .s-tbl thead th {
  transition:background 0.1s ease, color 0.1s ease;
}

.ua-pc .s-list:not(:first-of-type) .s-tbl thead th:hover {
  background-color:#fdfdea;
}

.s-list:not(:first-of-type) .s-tbl thead th span:after {
  content:"";
  width:1.6rem;
  height:1.6rem;
  background:url(../../image/icon/arC_orange.svg) no-repeat left center;
  background-size:contain;
  position:absolute;
  right:0.25rem;
  top:50%;
  transform:translateY(-50%) rotate(90deg);
}

.s-list:not(:first-of-type) .s-tbl.is-active thead th span:after {
  transform:translateY(-50%) rotate(-90deg);
}

.s-tbl tbody th {
  background-color:#fdfdea;
  white-space:nowrap;
  font-weight:normal;
  text-align:center;
  width:14%;
}

.s-tbl tbody tr th + td {
  text-align:center;
  white-space:nowrap;
  width:12%;
}

.s-tbl tbody td {
  background-color:#fff;
}

.s-tbl tbody tr td:last-child {
  text-align:left;
  border-left-style:dotted;
  border-right:1px solid #c8c8c8;
}

.s-tbl tbody th,
.s-tbl tbody td {
  border-left:1px solid #c8c8c8;
  border-top:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
}

.s-tbl tbody td a {
  display:block;
  margin:-0.75em;
  padding:0.75em;
}

.s-tbl:not(.is-active) tbody {
  display:none;
}

.s-tbl tbody td a.p-icon {
  display:block !important;
  padding-left:-webkit-calc(0.75em + 3.6rem) !important;
  padding-left:calc(0.75em + 3.6rem) !important;
}

.s-tbl tbody td a.p-icon:before {
  width:2.5rem;
  height:2.5rem;
}