/*============================
#c-lead
============================*/
article#lead {
  padding-block-start: var(--padding-block, 80px);
}

article#lead h2.c-h2 {
  padding-inline: var(--padding-inline);
}
article#lead section.c-lead {
  padding-top: var(--scale-56);
  background: url(../images/for-organization-lead-bg.jpg) center top
    var(--padding-block, 80px) / auto 364px no-repeat;
  background-position: center top var(--scale-56);
}

@media screen and (max-width: 1080px) {
  article#lead section.c-lead {
    background-position: left top var(--padding-block, 80px);
    padding: min(320px, 100vw / 375 * 160) 0 0 0;
    background-size: auto min(320px, 100vw / 375 * 160);
  }
}

/*============================
#about
============================*/
section#about {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: var(--row-gap, 56px);
  background: var(--surface-variant, #f5f7f8);
}
section#about h2.c-h2 {
}
section#about div.about__body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--column-gap, 56px);
  align-self: stretch;
  max-width: 1080px;
  margin-inline: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  section#about div.about__body {
    flex-direction: column;
  }
}
section#about div.about__body figure.about__image {
  flex: 1 0 0;
}
section#about div.about__body figure.about__image img {
}
section#about div.about__body div.about__text {
  flex: 1 0 0;
  color: var(--on-surface, #132f4e);
  text-align: justify;
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
}
section#about div.about__body div.about__text b {
}

/*============================
#flow
============================*/
section#flow {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: var(--row-gap, 56px);
}
section#flow h2.c-h2 {
}
section#flow div.flow__body {
  display: flex;
  align-items: flex-start;
  gap: var(--column-gap, 56px);
  align-self: stretch;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  section#flow div.flow__body {
    flex-direction: column;
  }
}

section#flow div.flow__body div.about__text {
  color: var(--on-surface, #132f4e);
  text-align: justify;
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-40, 40px);
  flex: 1 0 0;
}
section#flow div.flow__body div.about__text p {
  margin-block: 0;
}
section#flow div.flow__body div.about__text b {
}
section#flow div.flow__body div.about__text div.text__desc {
  display: flex;
  padding: var(--scale-20, 20px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-24, 24px);
  align-self: stretch;
  background: var(--parimary-container, #dbeaf5);
}
section#flow div.flow__body div.about__text div.text__desc p {
  margin-block: 0;
}
section#flow div.flow__body div.about__text div.text__desc h3.c-h3 {
}
section#flow div.flow__body div.about__text div.text__desc b {
}
section#flow div.flow__body figure.about__image {
  flex: 1 0 0;
}
section#flow div.flow__body figure.about__image img {
}

/*============================
#features
============================*/
section#features {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: var(--surface-variant, #f5f7f8);
  gap: var(--row-gap, 56px);
}
section#features div.features__heading {
  display: flex;
  width: 100%;
  max-width: var(--width-m, 1080px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-40, 40px);
  align-self: stretch;
  margin-inline: auto;
}
section#features div.features__heading h2.c-h2 {
}
section#features div.features__heading p {
  color: var(--on-surface, #132f4e);
  text-align: center;
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
}
section#features div.features__units {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--row-gap, 56px);
  max-width: var(--width-m, 1080px);
  width: 100%;
  margin-inline: auto;
}
section#features div.features__units div.features__unit {
  display: flex;
  align-items: flex-start;
  gap: var(--scale-56);
}

section#features div.features__units div.features__unit:nth-of-type(even) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  section#features div.features__units div.features__unit:nth-of-type(n) {
    flex-direction: column;
  }
}

section#features div.features__units div.features__unit figure.unit__image {
  flex: 1 0 0;
}
section#features div.features__units div.features__unit figure.unit__image img {
}
section#features div.features__units div.features__unit div.unit__text {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--scale-24, 24px);
  flex: 1 0 0;
}
section#features div.features__units div.features__unit div.unit__text h3 {
  width: 100%;
  border: none;
  margin-block: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--scale-16, 16px);
  align-self: stretch;

  color: var(--primary, #105e9a);

  /* h3 */
  font-family: "Shippori Mincho";
  font-size: min(28px, 100vw / 375 * 20);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 42px */
}
section#features
  div.features__units
  div.features__unit
  div.unit__text
  h3::after {
  display: none;
}
section#features div.features__units div.features__unit div.unit__text h3 img {
  width: calc(1em / 28 * 40);
}
section#features div.features__units div.features__unit div.unit__text h3 span {
}
section#features div.features__units div.features__unit div.unit__text p {
  color: var(--on-surface, #132f4e);
  text-align: justify;
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
}
section#features div.features__units div.features__unit div.unit__text p b {
}
section#features div.features__units div.features__unit div.unit__text p small {
}

/*============================
#type
============================*/
section#type {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: var(--row-gap, 56px);
}
section#type div.type__heading {
  display: flex;
  max-width: var(--width-m, 1080px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-40);
  align-self: stretch;
  width: 100%;
  margin-inline: auto;
}
section#type div.type__heading h2.c-h2 {
}
section#type div.type__heading p {
  color: var(--on-surface, #132f4e);
  text-align: center;
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
}
section#type figure.type__image {
}
section#type figure.type__image img {
}
section#type div.type__units {
  display: flex;
  align-items: flex-start;
  gap: var(--scale-56);
  align-self: stretch;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  section#type div.type__units {
    flex-direction: column;
  }
}

section#type div.type__units div.units__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--scale-40, 40px);
  flex: 1 0 0;
}
section#type div.type__units div.units__unit h3 {
  color: var(--primary, #105e9a);

  /* h3 */
  font-family: "Shippori Mincho";
  font-size: var(--scale-28, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 42px */
  width: 100%;
  margin-block: 0;
  padding: 0;
  border: none;
}
section#type div.type__units div.units__unit h3::after {
  display: none;
}
section#type div.type__units div.units__unit p {
  color: var(--on-surface, #132f4e);
  font-feature-settings: "palt" on;

  /* body */
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
}
section#type div.type__units div.units__unit p b {
}