/* -------------------- ボタン左揃え -------------------- */
.l-buttonGroup {
  margin-top: var(--semantic-space-inner-ll);
  display: flex;
  gap: var(--semantic-space-inner-ll);
  flex-direction: column;
  align-items: flex-start
}

.l-buttonGroup:first-child {
  margin-top: 0
}

@media screen and (max-width: 767px) {
  .l-buttonGroup {
    margin-top: var(--semantic-space-inner-l)
  }

  .l-buttonGroup:first-child {
    margin-top: 0
  }
}

/* -------------------- お問い合わせ見出し -------------------- */
@media screen and (max-width: 767px) {
  .contact-sp-hide {
    display: none;
  }
}

/* -------------------- お問い合わせ用ボタン -------------------- */
.c-button--cols2 {
  width: 68.6666666666%;
  min-width: 84px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--semantic-space-inner-sss);
  padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l);
  border: 0;
  border-radius: var(--semantic-corner-radius-ms);
  font-size: 18.29px;
  line-height: 24px;
  letter-spacing: 1.2px;
  font-weight: 800;
  font-feature-settings: "palt";
  background-color: var(--ui-background-default);
  color: var(--ui-text-status-link);
  box-shadow: inset 0 0 0 1px var(--ui-line-status-link);
  text-decoration: none;
  margin-top: var(--semantic-space-inner-ll);
  cursor: pointer
}

html[lang=en] .c-button--cols2 {
  font-size: 18.29px;
  line-height: 24px;
  letter-spacing: .4px;
  font-weight: 700
}

.c-button--cols2:first-child {
  margin-top: 0
}

@media screen and (max-width: 767px) {
  .c-button--cols2 {
    margin-top: var(--semantic-space-inner-l)
  }

  .c-button--cols2:first-child {
    margin-top: 0
  }
}

.c-buttonGroup .c-button--cols2 {
  margin-top: 0
}

.l-buttonGroup .c-button--cols2 {
  margin-top: 0
}

@media(hover: hover) {
  .c-button--cols2:hover {
    background-color: var(--ui-background-emphasize-mid-tertiary);
    color: var(--ui-text-status-hover);
    box-shadow: inset 0 0 0 1px var(--ui-line-status-hover)
  }
}

.c-button--cols2:active {
  background-color: var(--ui-background-emphasize-mid-quaternary);
  color: var(--ui-text-status-active);
  box-shadow: inset 0 0 0 1px var(--ui-line-status-active)
}

.c-button--cols2:focus-visible {
  outline: 2px solid var(--ui-line-status-focus);
  outline-offset: 2px
}

.c-button--cols2:disabled,
.c-button--cols2--disabled {
  pointer-events: none
}

.c-button--cols2:disabled,
.c-button--cols2:disabled:active,
.c-button--cols2:disabled:focus,
.c-button--cols2:disabled:focus-visible,
.c-button--cols2--disabled,
.c-button--cols2--disabled:active,
.c-button--cols2--disabled:focus,
.c-button--cols2--disabled:focus-visible {
  cursor: auto;
  color: var(--ui-text-status-disabled);
  box-shadow: inset 0 0 0 1px var(--ui-line-default)
}

@media(hover: hover) {

  .c-button--cols2:disabled:hover,
  .c-button--cols2--disabled:hover {
    cursor: auto;
    color: var(--ui-text-status-disabled);
    box-shadow: inset 0 0 0 1px var(--ui-line-default)
  }
}

@media screen and (max-width: 767px) {
  .c-button--cols2 {
    min-height: 48px;
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l);
    width: 100%
  }
}