@import url(./global/_variable.css);

/* terms */
/* ============================================ */

.block_body {
	display: grid;
	row-gap: 2.4cqw;
	@media (width < 896px) {
		row-gap: 20px;
	}
}

.hd_term {
	font-size: clamp(1.8rem, 0.48vw + 1.618rem, 2.2rem);
	font-weight: 500;
	line-height: 1.2em;
}

.txt_term {
	padding: 10px 0 0 20px;
	font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
	line-height: 1.8em;
}

.dl_term {
	padding: 0 0 0 10px;
	font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
	line-height: 1.8em;
}

.dt_term {
	font-weight: 500;
	padding: 10px 0 0;
}

.dd_term {
	padding: 0 0 0 34px;
}

.list_term {
	padding: 10px 0 0 20px;
	display: grid;
	row-gap: 8px;
}

.item_term {
	line-height: 1.5em;
	padding: 0 0 0 1em;
	text-indent: -1em;
	&::before {
		content: "・";
	}
}

.kome {
	display: block;
	padding: 0 0 0 1em;
	text-indent: -1em;
}


.result-inner{
  margin-top: 20px;
  padding: 0 0 0 20px;
}

.result-ttl{
  font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
  padding-left: 20px;
  position: relative;
  @media (max-width: 896px) {
    font-size: 2rem;
  }
  &::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 100%;
    background: var(--main_c);
    position: absolute;
    left: 0;
    top: 0;
    @media (max-width: 896px) {
      width: 4px;
    }
  }
}

.result-table{
  overflow: auto;
  padding-bottom: 12px;
  font-size: clamp(1.4rem, 0.21vw + 1.322rem, 1.6rem);
  padding-top: 10px;
  @media (max-width: 896px) {
    padding-bottom: 10px;
  }
  table{
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    th{
      border: 1px solid #ccc;
      text-align: center;
      padding: 10px 16px;
      background: var(--main_c);
      font-weight: 500;
      color: #fff;
      @media (max-width: 896px) {
        padding: 8px 12px;
      }
    }
    td{
      border: 1px solid #ccc;
      padding: 12px 16px;
      background: #fff;
      @media (max-width: 896px) {
        padding: 10px 12px;
      }
    }
  }
}

.txt__center {
  text-align: center;
}

.reading {
  margin-bottom: 5px;
}