@charset "UTF-8";

.tokushoho {
  --container-margin-top: 80px;
}

@media (width <= 767px) {
  .tokushoho {
    --container-margin-top: calc(80 / 750 * 100vw);
  }
}

.tokushoho h2 {
  border-width: 0;
  padding: 0;
}

.tokushoho-container {
  margin-block: var(--container-margin-top);

  &:not(:last-child)::after {
    display: block;
    height: 2px;
    margin-top: var(--container-margin-top);
    content: "";
    background: linear-gradient(90deg, rgb(0 91 170) 0%, rgb(0 180 237) 33%, rgb(137 186 23) 68%, rgb(255 233 0) 100%);
  }
}

.tokushoho-content:not(:last-child) {
  padding-bottom: calc(var(--container-margin-top) / 2);
  margin-bottom: calc(var(--container-margin-top) / 2);
  border-bottom: 1px solid #707070;
}

.tokushoho-dl {
  dt {
    margin-block-end: 0.5em;
  }
}

.tokushoho a {
  color: #005BA9;
  text-decoration: underline;
  transition: opacity 0.3s;

  &:hover {
    opacity: 0.7;
  }
}

.tokushoho a.button {
  border: 2px solid;
  border-radius: 100vmax;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  position: relative;
  width: min(100%, 18.75em);

  &::after {
    content: "";
    display: block;
    border-right: 3px solid;
    border-top: 3px solid;
    position: absolute;
    transform: rotate(45deg);
    right: 2em;
    height: calc(12 / 16 * 1em);
    aspect-ratio: 1;
  }
}