/* parts */
/* _mixin */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSansJP-Black.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansJP-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansJP-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansJP-Thin.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  src: url("../font/Jost-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url("../font/Jost-SemiBold.woff2") format("woff2");
  font-display: swap;
}
/* other */
/* indiviual */
.policy figure.f-r img {
  max-width: 230px;
}

.logo-explanation dl {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  align-items: center;
}
.logo-explanation dl dt {
  width: 27.5%;
  padding-right: 5%;
}
.logo-explanation dl dd {
  width: 60%;
}

@media screen and (max-width: 600px) {
  .policy figure.f-l {
    width: 50% !important;
  }
  .policy figure.f-l figcaption.detail-link-gray {
    font-size: 0.8em;
  }
  .policy figure.f-l figcaption.detail-link-gray a {
    margin: 5px;
  }
  .activities .logo-explanation dl {
    flex-direction: column;
  }
  .activities .logo-explanation dl dt {
    text-align: center;
    width: 100%;
    padding-right: 0;
    padding-bottom: 1.5em;
  }
  .activities .logo-explanation dl dt img {
    width: 40%;
  }
  .activities .logo-explanation dl dd {
    width: 100%;
  }
}/*# sourceMappingURL=about.css.map */