@charset "UTF-8";
/* CSS Document */
/* tokushohoArea */
.tokushohoArea .sub_inner {
	padding: 100px 40px 120px;
}
.tokushohoArea .sub_inner dl {
  border-top: 1px solid #d8d8d8;
  div {
    padding: 40px 16px;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    justify-content: flex-start;
    dt {
      font-weight: var(--font-weight-mid);
      font-size: var(--font-md);
      color: var(--color-secondary);
      width: 300px;
    }
    dd {
      width: calc(100% - 300px);
      a {
        color: var(--color-base);
        &:hover {
          color: var(--color-secondary);
        }
      }
      span {
        display: block;
        padding-top: 0.625rem;
        font-size: var(--font-xs-plus);
      }
    }
  }
}

@media screen and (max-width: 1000px) {
/* tokushohoArea */
	.tokushohoArea .sub_inner {
		padding: 70px 6vw 100px;
	}
	.tokushohoArea .sub_inner dl div {
		padding-top: 30px;
    padding-bottom: 30px;
		dt {
      width: 240px;
			font-size: clamp(0.938rem, 0.908rem + 0.15vw, 1rem);
		}
		dd {
      width: calc(100% - 240px);
		}
	}
}

@media screen and (max-width: 768px) {
/* tokushohoArea */
	.tokushohoArea .sub_inner dl div {
		padding-left: 0;
    padding-right: 0;
    flex-direction: column;
		dt {
			width: 100%;
      padding-bottom: 16px;
		}
		dd {
			width: 100%;
      span {
        font-size: var(--font-xs);
      }
		}
	}
}

@media screen and (max-width: 600px) {
	.tokushohoArea .sub_inner {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}