/* invert系（白いボーダー）はそのまま例として残します */
.active\:border-gradient-invert:not(#\#).is-active,
.border-gradient-invert:not(#\#),
.first\:border-gradient-invert:not(#\#):first-child,
.hover\:border-gradient-invert:not(#\#):hover,
.is-active>.active\:border-gradient-invert:not(#\#),
.last\:border-gradient-invert:not(#\#):last-child {
    border-color: rgba(255,255,255,var(--all-border-opacity,var(--all-border-opacity)));
}

/* 通常のグリーン系をグラデーションに変更 */
.active\:border-gradient:not(#\#).is-active,
.border-gradient:not(#\#),
.first\:border-gradient:not(#\#):first-child,
.hover\:border-gradient:not(#\#):hover,
.is-active>.active\:border-gradient:not(#\#),
.last\:border-gradient:not(#\#):last-child {
    border-color: transparent;
    border-image: linear-gradient(120deg, #13764b, #109c8f, #189791, #0e5c58) 1;
}

.border-b-15:not(#\#),
.first\:border-b-5:not(#\#):first-child,
.last\:border-b-5:not(#\#):last-child {
    border-bottom-width: 15px;
}

.bg-theme-grad {
    background: linear-gradient(120deg,#13764b,#109c8f,#189791,#0e5c58);
}

.button-tertiary{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    background: #2f6f6a;
    color: #fff;
    border-radius: 0;
    padding: .9rem 1.25rem;
    letter-spacing: .08em;
}

.button-tertiary::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
  /* 四角を5つ並べて「くの字」矢印を作る */
    box-shadow:
    -5px 5px 0 #fff,
    -5px -5px 0 #fff;
    margin-left: 10px;
    vertical-align: middle;
}

.top-design-wrapper {
    position: relative;
}
.top-design-wrapper > * {
    position: relative;
    z-index: 1;
}
.top-design-wrapper::after,
.top-design-wrapper::before {
    position: absolute;
    content: "";
    pointer-events: none;
    border: 1px solid;
}
.top-design-wrapper::before {
    top: var(--all-w-xl);
    right: var(--all-w-xl);
    bottom: var(--all-w-xl);
    left: var(--all-w-xl);
    z-index: 3;
}
.top-design-wrapper::after {
    top: calc(var(--all-w-xl) + .75em);
    right: calc(var(--all-w-xl) + .75em);
    bottom: calc(var(--all-w-xl) + .75em);
    left: calc(var(--all-w-xl) + .75em);
    z-index: 0;
}