@charset "UTF-8";
/* =====================
  u-distribution
===================== */
.u-distribution-section-01 {
  & a {
    display: block;
    width: fit-content;
    margin-block: 60px;
    @media not all and (min-width: 768px) {
      margin-block: 3.2em;
    }
  }

  .blockquote {
    font-size: 14px;
    color: #787878;
    @media not all and (min-width: 768px) {
      font-size: calc((100 / 750) * 24 * 1vw);
    }
  }
}

/* =====================
  u-button-link
===================== */
.u-button-link {
  & a {
    color: white !important;
  }
  & + .u-button-link {
    margin-block-start: 1.6em;
  }

  &[data-id='pickup'] {
    margin-block-start: 2.4em;
    margin-block-end: 4.8em;
    margin-inline: auto;
    text-align: center;
    display: block;
  }
}

/* =====================
  u-ai-start
===================== */
.u-ai-start .img {
  display: flex !important;
  align-items: start !important;
  justify-content: center !important;

  @media not all and (min-width: 768px) {
    flex-direction: column !important;
    align-items: center !important;
  }
}

.u-ai-start[data-id='omochaTarget'] {
  @media print, screen and (min-width: 768px) {
    padding-block-end: 340px !important;
  }
}

/* =====================
  u-link
===================== */
.u-link {
  color: #155293 !important;
  text-decoration: underline;
  @media (any-hover: hover) {
    &:hover {
      text-decoration: none;
    }
  }
}

/* =====================
  u-sdgs-list
===================== */
.u-sdgs-list {
  & li:last-child {
    padding-block-end: 60px;

    @media not all and (min-width: 768px) {
      padding-block-end: 3.2em;
    }
  }
}