@charset "UTF-8";

/* =====================
  data-unique
===================== */
[data-unique='contact-complete'] {
  .u-main::before {
    @media (width <= 768px) {
      inset-block-start: 96vw;
    }
  }
}

/* =====================
  main
===================== */
.main {
  padding-block-start: 28px;

  @media (width <= 768px) {
    padding-block-start: calc((100 / 390) * 28 * 1vw);
  }
}

/* =====================
  .u-breadcrumb
===================== */
.u-breadcrumb {
  justify-content: flex-end;
  inline-size: 1280px;
  margin-block-end: 44px;
  margin-inline: auto;

  @media (width <= 768px) {
    inline-size: 100%;
    padding-inline: calc((100 / 390) * 16 * 1vw);
    margin-block-end: 7.2vw;
  }
}

/* =====================
  contents
===================== */
.contents {
  position: relative;
  z-index: 2;
  padding-block-end: 179px;
  isolation: isolate;

  @media (width <= 768px) {
    padding-block-end: 23vw;
  }

  /* ==== u-bg ==== */
  .u-bg {
    inset-block-start: 1050px;

    @media (width <= 768px) {
      inset-block-start: 308vw;
    }
  }

  /* ==== u-inner ==== */
  .u-inner {
    position: relative;
    padding-block-start: 9px;
    overflow: hidden;

    @media (width <= 768px) {
      padding-block-start: 3vw;
    }
  }

  /* ==== u-hgroup ==== */
  .u-hgroup {
    margin-block-end: 108px;

    @media (width <= 768px) {
      margin-block-end: 13vw;
    }
  }
}