<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.cm-fixedcta {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  pointer-events: none;
  @media screen and (max-width: 880px) {
    top: auto;
    left: 0;
    overflow: hidden;
  }
  body[data-page="top"] &amp; {
    opacity: 0;
    @media (scripting: none) {
      opacity: 1;
    }
  }
  html.is-menuopen &amp; {
    z-index: 3;
  }
}
.cm-fixedcta__list {
  pointer-events: auto;
  @media screen and (max-width: 880px) {
    display: flex;
    justify-content: center;
    margin: 0 calc(-3em/16);
    width: calc(100% + 6em/16);
  }
}
.cm-fixedcta__listItem {
  width: calc(73em/16);
  height: calc(240em/16);
  &amp;:not(:first-child) {
    margin-top: calc(-10em/16);
  }
  @media screen and (max-width: 880px) {
    width: calc(204.5em/16);
    height: calc(50em/16);
    &amp;:not(:first-child) {
      margin-top: 0;
      margin-left: calc(-3em/16);
    }
  }
}
.cm-fixedcta__listItemTarget {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-top: calc(3em/16) solid;
  border-bottom: calc(3em/16) solid;
  border-left: calc(3em/16) solid;
  border-radius: calc(20em/16) 0 0 calc(20em/16);
  overflow: hidden;
  &amp;::before,
  &amp;::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  &amp;::after {
    opacity: 0;
  }
  .cm-fixedcta__listItem.is-new &amp; {
    &amp;::before {
      background: linear-gradient(to bottom, var(--grad-color02-01), var(--grad-color02-02));
    }
    &amp;::after {
      background: linear-gradient(to bottom, var(--grad-color01-01), var(--grad-color01-02));
    }
  }
  .cm-fixedcta__listItem.is-login &amp; {
    &amp;::before {
      background: linear-gradient(to bottom, #19e6b9, #0e9792);
    }
    &amp;::after {
      background: linear-gradient(to bottom, #19bde6, #0e3b97);
    }
  }
  @media screen and (max-width: 880px) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(6em/16);
    border-top: calc(3em/16) solid;
    border-bottom: unset;
    border-left: calc(3em/16) solid;
    border-right: calc(3em/16) solid;
    border-radius: calc(25em/16) calc(25em/16) 0 0;
  }
  &amp; .icon {
    display: none;
    @media screen and (max-width: 880px) {
      position: relative;
      z-index: 1;
      display: block;
      margin-top: calc(2em/16);
      width: calc(23em/16);
    }
  }
  &amp; .txt {
    --fs: 23;
    position: relative;
    z-index: 1;
    font-size: calc(var(--fs) * 1em/16);
    text-shadow:
      1px 1px 0 var(--main-color), -1px -1px 0 var(--main-color),
      -1px 1px 0 var(--main-color), 1px -1px 0 var(--main-color),
      0px 1px 0 var(--main-color),  0 -1px 0 var(--main-color),
      -1px 0 0 var(--main-color), 1px 0 0 var(--main-color);
    letter-spacing: 0.05em;
    :where(.cm-fixedcta__listItem.is-new) &amp; {
      display: flex;
      align-items: center;
    }
    @media screen and (max-width: 880px) {
      --fs: 17;
      display: block;
      writing-mode: horizontal-tb;
      font-family: var(--font-family);
      font-feature-settings : "palt";
      letter-spacing: 0.1em;
    }
  }
  &amp; .txt__small {
    margin: -0.4em 0;
    font-size: calc(16em/23);
    @media screen and (max-width: 880px) {
      margin: 0;
      font-size: calc(11em/17);
    }
  }
}

@media (any-hover: hover) {
  .cm-fixedcta__listItemTarget {
    &amp;::after {
      transition: opacity var(--transition);
    }
    &amp;:is(:hover, :focus-visible) {
      &amp;::after {
        opacity: 1;
      }
    }
  }
}


.cm-cta {
  --cta-width: 980;
  --cta-inner-width: 900;
  --cta-bg: #fff;
  --cta-br: 15;
  --cta-pt: 55;
  --cta-pb: 68;
  --cta-block-title-mb: 22;
  --cta-block-titlemain-fontsize: 20;
  --cta-block-titlemain-mb: 8;
  --cta-block-titlesub-fontsize: 16;
  --cta-block-btn-width: 434;
  background: var(--cta-bg);
  padding: calc(var(--cta-pt) * 1em/16) 0 calc(var(--cta-pb) * 1em/16);
  border-radius: calc(var(--cta-br) * 1em/16);
  @media screen and (max-width: 880px) {
    --cta-pt: 45;
    --cta-pb: 45;
    --cta-block-titlemain-fontsize: 17;
    --cta-block-titlesub-fontsize: 13;
  }
}
.cm-cta-inner {
  width: calc(var(--cta-inner-width) / var(--cta-width) * 100%);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  @media screen and (max-width: 1024px) {
    flex-direction: column;
    align-items: center;
  }
}
.cm-cta__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(var(--cta-block-btn-width) / var(--cta-inner-width) * 100%);
  @media screen and (max-width: 1024px) {
    width: 100%;
    &amp;:not(:first-of-type) {
      margin-top: calc(40em/16);
    }
  }
}
.cm-cta__blockTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(var(--cta-block-title-mb) * 1em/16);
}
.cm-cta__blockTitleMain {
  font-size: calc(var(--cta-block-titlemain-fontsize) * 1em/16);
  line-height: 1.4;
  letter-spacing: .04em;
  margin-bottom: calc(var(--cta-block-titlemain-mb) * 1em / var(--cta-block-titlemain-fontsize));
}
.cm-cta__blockTitleSub {
  font-size: calc(var(--cta-block-titlesub-fontsize) * 1em/16);
  line-height: 1.4;
  letter-spacing: .06em;
}
.cm-cta__blockBtn {
  width: 100%;
  &amp; .c-btn {
    --btn-h: 94;
    --btn-gap: 12;
    --btn-fs-max: 24;
    --btn-fs-min: 18;
    --btn-ls: 0;
    width: 100%;
    @media screen and (max-width: 880px) {
      --btn-h: 70;
      --btn-gap: 7;
      --btn-outer-border-color: #000;
    }
  }
}</pre></body></html>