:root {
  --rebranding-loading-bg: #e5e5e5;
  --rebranding-loading-bar: #222;
}
body,
html {
  margin: 0px;
  padding: 0px;
}a:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
abbr:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
address:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
article:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
aside:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
audio:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
b:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
blockquote:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
button:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
canvas:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
caption:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
cite:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
code:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
dd:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
del:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
details:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
dfn:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
div:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
dl:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
dt:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
em:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
fieldset:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
figcaption:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
figure:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
footer:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
form:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h1:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h2:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h3:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h4:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h5:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
h6:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
header:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
hgroup:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
i:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
iframe:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
img:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
input:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
ins:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
kbd:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
label:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
legend:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
li:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
loop-box:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
main:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
mark:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
menu:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
nav:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
object:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
ol:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
p:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
pre:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
q:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
samp:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
section:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
select:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
small:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
span:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
strong:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
sub:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
summary:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
sup:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
table:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
tbody:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
td:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
textarea:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
tfoot:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
th:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
thead:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
time:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
tr:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
ul:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
var:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)),
video:where(:not(#trv, #trv *, [id^="terasu-review"], [id^="terasu-review"] *, [class*="trv-"], [class*="trv-"] *, .t-varbar, .t-varbar *)) {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  color: rgb(51, 51, 51);
  word-spacing: 1px;
  backface-visibility: hidden;
  border: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  text-decoration: none;
  list-style: none;
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible) {
  outline: none;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none;
}
a,
button {
  vertical-align: baseline;
  background: 0px 0px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
ins {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 153);
  text-decoration: none;
}
mark {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 153);
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
hr {
  border-width: 1px 0px 0px;
  border-style: solid none none;
  border-color: rgb(204, 204, 204) currentcolor currentcolor;
  border-image: none;
  height: 1px;
  margin: 1em 0px;
  padding: 0px;
  display: block;
}
input,
select {
  vertical-align: middle;
}
textarea {
  resize: none;
}
[slot="after"] button {
  overflow-anchor: none;
}
.kb {
  z-index: 0;
  pointer-events: all;
  flex-flow: column;
  flex: 0 0 auto;
  align-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}
.kb::-webkit-scrollbar {
  display: none;
}
.kb {
  transition-property:
    all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5,
    --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
}
input.kb,
textarea.kb {
  align-content: normal;
}
.kb[tabindex]:focus {
  outline: none;
}
.kb[tabindex]:focus-visible {
  outline: -webkit-focus-ring-color solid 1px;
}
input[type="email"],
input[type="tel"],
input[type="text"],
select,
textarea {
  appearance: none;
}
select {
  cursor: pointer;
}
.kb.text {
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-direction: row;
  place-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}
thead.kb {
  z-index: auto;
  display: table-header-group;
}
tbody.kb {
  z-index: auto;
  display: table-row-group;
}
tr.kb {
  display: table-row;
}
td.kb,
th.kb {
  text-align: left;
  vertical-align: middle;
  height: inherit;
  display: table-cell;
}
colgroup.kb {
  display: table-column-group;
}
col.kb {
  display: table-column;
}
a,
a.text {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
}
.fixed {
  z-index: 2;
}
.link {
  cursor: pointer;
}
@property --g-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 180deg;
}
@property --g-color-0 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0.01%;
}
@property --g-color-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-2 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-3 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-3 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-4 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-4 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-5 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-5 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-6 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-6 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-7 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-7 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-8 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-8 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-9 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-9 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-10 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-10 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --g-color-11 {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --g-position-11 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
br[data-bp~="base:0"] {
  display: none;
}
br[data-bp~="base:1"] {
  display: inline;
}
@media screen and (max-width: 990px) {
  br[data-bp~="@tablet:0"] {
    display: none;
  }
  br[data-bp~="@tablet:1"] {
    display: inline;
  }
}
@media screen and (max-width: 540px) {
  br[data-bp~="@mobile:0"] {
    display: none;
  }
  br[data-bp~="@mobile:1"] {
    display: inline;
  }
}
.kb.k002 {
  place-content: flex-start flex-end;
  align-items: flex-start;
  background: transparent;
  box-shadow: color-mix(in srgb, var(--kc-778c84) 6%, transparent) 0px 0px 0px;
  flex: 0 0 auto;
  flex-flow: row-reverse;
  height: auto;
  left: 0px;
  margin: 0px;
  padding: 0px;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 5;
  max-width: 100vw;
}
@media screen and (max-width: 990px) {
  .kb.k002 {
    flex: 0 0 auto;
    height: 90px;
    width: 100vw;
    max-width: 100vw;
  }
}
@media screen and (max-width: 540px) {
  .kb.k002 {
    place-content: center flex-end;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 60px;
    width: 100vw;
    max-width: 100vw;
  }
}
.kb.k003 {
  place-content: center space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  box-shadow: color-mix(in srgb, var(--kc-778c84) 6%, transparent) 0px 0px 0px;
  flex: 0 0 auto;
  flex-flow: row;
  height: 90px;
  margin: 0px 32px;
  padding: 0px;
  width: calc(100% - 64px);
  max-width: calc(100% - 64px);
}
@media screen and (max-width: 990px) {
  .kb.k003 {
    flex: 0 0 auto;
    height: 90px;
    margin: 0px 24px;
    width: calc(100% - 48px);
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 540px) {
  .kb.k003 {
    flex: 0 0 auto;
    height: auto;
    margin: 0px 16px;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }
}
.kb.k004 {
  place-content: flex-end flex-start;
  align-items: flex-end;
  flex-flow: row;
  gap: 10px;
  padding: 0px;
  --gap-h-k004: 10px;
  --gap-v-k004: 0px;
  --gap-uuid: k004;
}
@media screen and (max-width: 990px) {
  .kb.k004 {
    place-content: flex-start center;
    align-items: flex-start;
    flex-flow: column;
    --gap-h-k004: 0px;
    --gap-v-k004: 10px;
  }
}
@media screen and (max-width: 540px) {
  .kb.k004 {
    place-content: flex-start center;
    align-items: flex-start;
    flex-flow: column;
    gap: 4px;
    --gap-h-k004: 0px;
    --gap-v-k004: 4px;
  }
}
.kb.k006 {
  place-content: center space-between;
  align-items: center;
  display: flex;
  flex-flow: row;
  gap: 16px;
  padding: 0px;
  --gap-h-k006: 16px;
  --gap-v-k006: 0px;
  --gap-uuid: k006;
}
@media screen and (max-width: 990px) {
  .kb.k006 {
    display: flex;
    --gap-h-k006: 16px;
    --gap-v-k006: 0px;
  }
}
@media screen and (max-width: 540px) {
  .kb.k006 {
    display: flex;
    --gap-h-k006: 16px;
    --gap-v-k006: 0px;
  }
}
.kb.k007 {
  place-content: center space-between;
  align-items: center;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0, 0, 0);
  border-radius: 50px;
  flex: 0 0 auto;
  flex-flow: row;
  margin: 0px;
  padding: 24px 28px 24px 24px;
  width: 250px;
  max-width: 100%;
}
.kb.k007:hover {
  background: rgb(0, 0, 0);
  transition-duration: 600ms;
}
@media screen and (max-width: 990px) {
  .kb.k007 {
    display: none;
    flex: 0 0 auto;
    margin: 0px;
    width: 260px;
    max-width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .kb.k007 {
    display: none;
    flex: 0 0 auto;
    margin: 0px;
    width: calc(100% - (var(--gap-h-k006) * 0));
    max-width: calc(100% - (var(--gap-h-k006) * 0));
  }
}
.kb.k008 {
  color: rgb(0, 0, 0);
  font-family: var(--kf-jp);
  font-size: 16px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  margin: 0px 16px 0px 0px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 16px);
  justify-content: flex-start;
}
.kb.k007:hover .kb.k008 {
  color: rgb(255, 255, 255);
  margin: 0px 21px 0px 0px;
  transition-duration: 600ms;
  max-width: calc(100% - 21px);
}
@media screen and (max-width: 990px) {
  .kb.k008 {
    font-family: var(--kf-jp);
  }
}
@media screen and (max-width: 540px) {
  .kb.k008 {
    font-family: var(--kf-jp);
  }
}
.kb.k009 {
  place-content: center space-between;
  align-items: center;
  flex-flow: row;
  padding: 0px;
}
.kb.k010 {
  flex: 0 0 auto;
  height: auto;
  translate: 15px;
  width: 15px;
  max-width: 100%;
}
.kb.k007:hover .kb.k010 {
  transition-duration: 600ms;
  transition-timing-function: ease;
  translate: 20px;
}
.kb.k012 {
  place-content: center space-between;
  align-items: center;
  background: rgb(0, 0, 0);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0, 0, 0);
  border-radius: 50px;
  flex: 0 0 auto;
  flex-flow: row;
  margin: 0px;
  padding: 24px 28px 24px 24px;
  width: 250px;
  max-width: 100%;
}
.kb.k012:hover {
  background: rgb(255, 255, 255);
  transition-duration: 600ms;
}
@media screen and (max-width: 990px) {
  .kb.k012 {
    flex: 0 0 auto;
    margin: 0px;
    width: 260px;
    max-width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .kb.k012 {
    flex: 0 0 auto;
    height: auto;
    margin: 0px;
    padding: 12px 14px;
    width: calc(100% - (var(--gap-h-k006) * 0));
    max-width: calc(100% - (var(--gap-h-k006) * 0));
  }
}
.kb.k013 {
  color: rgb(255, 255, 255);
  font-family: var(--kf-jp);
  font-size: 16px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  margin: 0px 15px 0px 0px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 15px);
  justify-content: flex-start;
}
.kb.k012:hover .kb.k013 {
  color: rgb(0, 0, 0);
  margin: 0px 21px 0px 0px;
  transition-duration: 600ms;
  max-width: calc(100% - 21px);
}
@media screen and (max-width: 990px) {
  .kb.k013 {
    font-family: var(--kf-jp);
  }
}
@media screen and (max-width: 540px) {
  .kb.k013 {
    font-family: var(--kf-jp);
    font-size: 14px;
    margin: 0px;
    max-width: 100%;
  }
  .kb.k012:hover .kb.k013 {
    margin: 0px;
    max-width: 100%;
  }
}
.kb.k014 {
  place-content: center space-between;
  align-items: center;
  flex-flow: row;
  padding: 0px;
}
@media screen and (max-width: 540px) {
  .kb.k014 {
    display: none;
  }
}
.kb.k015 {
  display: flex;
  flex: 0 0 auto;
  height: auto;
  translate: 15px;
  width: 15px;
  max-width: 100%;
}
.kb.k012:hover .kb.k015 {
  transition-duration: 600ms;
  transition-timing-function: ease;
  translate: 12px;
}
@media screen and (max-width: 990px) {
  .kb.k015 {
    display: flex;
  }
}
@media screen and (max-width: 540px) {
  .kb.k015 {
    display: flex;
  }
}
.kb.k001 {
  place-content: center flex-start;
  align-items: center;
  background: rgb(255, 255, 255);
  flex-flow: column;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.kb.k028 {
  place-content: center;
  align-items: center;
  flex: 0 0 auto;
  flex-flow: column;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 540px) {
  .kb.k028 {
    width: auto;
    max-width: 100%;
  }
}
.kb.k159 {
  background: transparent;
  gap: 24px;
  padding: 0px;
  --gap-h-k159: 0px;
  --gap-v-k159: 24px;
  --gap-uuid: k159;
}
@media screen and (max-width: 990px) {
  .kb.k159 {
    gap: 16px;
    --gap-h-k159: 0px;
    --gap-v-k159: 16px;
  }
}
@media screen and (max-width: 540px) {
  .kb.k159 {
    gap: 16px;
    --gap-h-k159: 0px;
    --gap-v-k159: 16px;
  }
}
body {
  background: rgb(255, 255, 255);
  transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}
:root {
  --kf-jp: "Zen Kaku Gothic New";
  --kf-en: Prompt;
  --kf-x: "Noto Sans JP";
}