@charset "UTF-8";
/*----------------------------------------
  kanzei layout style sheet
-----------------------------------------*/
/* main-content
-----------------------------------------*/
.main-content {
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
  max-width: 1340px;
  text-align: left;
}

.main-content,
.main-content *,
.main-content *::before,
.main-content *::after {
  box-sizing: border-box;
}

.heading {
  background-color: unset;
  border-bottom: 2px solid #999;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  padding: 5px 10px;
}

div#contentsmain h1 {
  margin: initial;
}

.lead {
  display: grid;
  gap: 1em;
}

.lead__text {
  margin: 0;
}

.section {
  padding: 0 0 60px;
}

.section__heading {
  background-color: #eee;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 10px 15px;
}

#contents h2 {
  border: initial;
  border-radius: initial;
  margin: initial;
}

div#contentsmain h2 {
  margin: initial;
}

.section__inner {
  padding: 0 12px;
}

.section__content {
  display: grid;
  gap: 30px;
}

.definitionlist {
  display: grid;
  gap: 30px;
  margin: 0;
}

.definitionlist__item {
  display: grid;
  gap: 20px;
}

.definitionlist__term {
  font-size: 18px;
  font-weight: 700;
}

.definitionlist__description {
  display: grid;
  gap: 30px;
  margin: 0;
}

.definitionlist__texts > * {
  margin: 0;
}

.definitionlist__texts > * + * {
  margin-top: 1em;
}

.footnote {
  display: flex;
}

.footnote::before {
  content: '\203B'; /* ※ */
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.footnote__text {
  margin: 0;
}

.calculation {
  container-type: inline-size;
}

.calculation__cards {
  display: grid;
  place-content: center;
}

@container (max-width: 922px) {
  .calculation__cards {
    gap: 50px;
    grid-template-columns: repeat(1, 50%);
  }
}

@container (min-width: 923px) {
  .calculation__cards {
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.calculation__card {
  background-color: #eee;
  display: grid;
  gap: 6px;
  grid-row: span 3;
  padding: 16px 8px;
  place-content: center;
  place-items: center;
  position: relative;
}

@container (min-width: 923px) {
  .calculation__card {
    grid-template-rows: subgrid;
  }
}

.calculation__card:last-of-type {
  background-color: #ddd;
}

.calculation__card:not(:first-child)::before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

@container (max-width: 922px) {
  .calculation__card:not(:first-child)::before {
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    height: 10px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -300%);
    width: 18px;
  }
}

@container (min-width: 923px) {
  .calculation__card:not(:first-child)::before {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    height: 18px;
    left: 0;
    top: 50%;
    transform: translate(-200%, -50%);
    width: 10px;
  }
}

.calculation__primary-heading {
  font-size: 14px;
  font-weight: 700;
}

.calculation__secondary-heading {
  font-size: 12px;
  font-weight: 700;
}

.calculation__formula {
  display: grid;
  font-size: 14px;
  margin-top: 6px;
  place-items: center;
}