@charset "UTF-8";
/* フォントサイズ可変 ------------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* 余白 ------------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
/* ボタンスタイル ------------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
/* 装飾 ------------------------------------------------------------------- */
.color-pink { color: #FB5374; }

.strong { font-weight: 700; }

.badge-pink { display: block; margin: 0 auto; text-align: center; width: 300px; padding: 0.6rem 1.2rem; border-radius: 9999px; background: linear-gradient(90deg, #FF6AA2, #FFD86A); color: #fff; font-weight: 800; line-height: 1.1; white-space: nowrap; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); position: relative; }

.copy-l { font-size: 6.0rem; font-weight: 900; font-family: "M PLUS 1", sans-serif; line-height: 1.4em; margin: 0 0 1em; }

@media screen and (max-width: 767px) { .copy-l { font-size: 3.40rem; } }

.copy-m { font-size: 3.0rem; font-weight: 800; font-family: "M PLUS 1", sans-serif; line-height: 1.4em; margin: 0 0 1em; }

@media screen and (max-width: 767px) { .copy-m { font-size: 2.2rem; } }

.main { width: 100%; overflow: hidden; }

.content-inner { max-width: 1160px; width: 96%; margin: 0 auto; }

@media screen and (max-width: 767px) { .content-inner { width: 88%; margin: 0 auto; } }

.content-a { padding: 10rem 0 8rem; }

@media screen and (max-width: 767px) { .content-a { padding: 4rem 0 4rem; } }

.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 2rem; position: relative; }

.grid-3 img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 767px) { .grid-3 { grid-template-columns: 1fr; } }

.grid-3 > * { min-width: 0; }

.content-block2 { display: flex; justify-content: space-between; }

.content-block2 div:first-child { width: 100%; }

.content-block2 div:nth-child(2) img { width: 100%; height: auto; }

@media screen and (max-width: 767px) { .content-block2 { flex-wrap: wrap; flex-direction: column-reverse; }
  .content-block2 div:first-child { width: 100%; }
  .content-block2 div:nth-child(2) { margin: 0 auto; width: 80%; } }

.top-sup-club__head { margin-bottom: 6.0rem; }

@media screen and (max-width: 767px) { .top-sup-club__head { margin-bottom: 2.0rem; } }

.btn_osuso-app { display: none; }

.index-intro h2 { font-family: "M PLUS 1", sans-serif; font-size: 2.0rem; margin-bottom: 2.0rem; }

.index-intro p { font-family: "M PLUS 1", sans-serif; font-size: 2.8rem; line-height: 2.4em; margin: 0 0 5rem; }

@media screen and (max-width: 767px) { .index-intro h2 { font-size: 1.8rem; }
  .index-intro p { font-size: 2.0rem; line-height: 1.6em; } }

.top-changemakers100 .top-sup-club__head { text-align: center; }

.top-changemakers100 ul { margin: 0 0 5rem; }

.top-changemakers100 h4 { z-index: 100; }

.top-changemakers100 img { margin-top: -0.8rem; }

.aboutus-main-chart img { width: 100%; height: auto; }

.aboutus-section1 .action-flex { display: flex; justify-content: space-between; }

.aboutus-section1 .action-flex div:first-child { width: 75%; }

.aboutus-section1 .action-flex div:nth-child(2) { margin: -100px -20% 0 0; width: 60%; }

.aboutus-section1 .action-flex div:nth-child(2) img { max-width: 100%; height: auto; }

@media screen and (max-width: 767px) { .aboutus-section1 .action-flex { flex-wrap: wrap; flex-direction: column-reverse; }
  .aboutus-section1 .action-flex div:first-child { width: 100%; }
  .aboutus-section1 .action-flex div:nth-child(2) { margin: 0 auto; width: 80%; } }

.aboutus-section1 .action-step { font-family: "M PLUS 1", sans-serif; font-size: 3.0rem; font-weight: 700; }

.aboutus-section1 .action-step li { margin-bottom: 2.8rem; }

.aboutus-section1 .action-step li h4 { line-height: 1.3em; margin-bottom: 1.0em; }

.aboutus-section1 .action-step li p { font-size: 1.8rem; }

@media screen and (max-width: 767px) { .aboutus-section1 .action-step { font-size: 2.6rem; } }

.about-value ul.step { display: flex; justify-content: space-between; align-items: flex-end; }

.about-value ul.step li { width: 23%; padding: 0 1%; text-align: center; }

.about-value ul.step li img { width: 100%; height: auto; }

@media screen and (max-width: 767px) { .about-value ul.step { flex-wrap: wrap; }
  .about-value ul.step li { width: 80%; padding: 0 1% 3rem; margin: auto; } }

.project-imapct .data { display: flex; justify-content: space-between; }

.project-imapct .data li { display: flex; align-items: flex-end; width: 30%; border-bottom: 12px solid #eafb4f; padding: 1.0rem 1.5%; font-family: "M PLUS 1", sans-serif; font-weight: 800; }

.project-imapct .data li .title { width: 70%; font-size: 2.8rem; line-height: 1.1em; padding: 0 0.1em 0 0; }

.project-imapct .data li .number { color: #FB5374; font-size: 8.0rem; line-height: 1.0em; text-align: center; }

.project-imapct .data li .unit { font-size: 2.8rem; line-height: 1.1em; font-feature-setting: "palt"; white-space: nowrap; }

@media screen and (max-width: 767px) { .project-imapct .data { flex-wrap: wrap; }
  .project-imapct .data li { width: 90%; margin: 0 auto 2rem; }
  .project-imapct .data li .title { font-size: 2.6rem; }
  .project-imapct .data li .unit { font-size: 2.6rem; } }

.review-cont { display: block; }

.review-cont li { display: flex; justify-content: space-between; padding: 1.2rem; border-radius: 12px; margin-bottom: 2.0rem; }

.review-cont li.first { background: linear-gradient(90deg, #fff7ad, #ffa9f9); }

.review-cont li.second { background: linear-gradient(90deg, #a8df0c, #ffde59); }

.review-cont li.third { background: linear-gradient(90deg, #fda2da, #eef141); }

.review-cont li .profile { text-align: center; padding: 1.6rem; min-width: 24%; }

.review-cont li .profile img { border-radius: 50%; display: block; margin: 1.6rem auto; width: 100px; height: auto; }

.review-cont li .profile .title { font-size: 1.0rem; }

.review-cont li .profile .name { font-size: 1.0rem; }

.review-cont li .answer-1, .review-cont li .answer-2, .review-cont li .answer-3 { padding: 1.2em; background: #FFFFFF; border-radius: 12px; margin: 0 1rem; width: 24%; }

.review-cont li .answer-1 h5, .review-cont li .answer-2 h5, .review-cont li .answer-3 h5 { font-size: 1.4rem; color: #FB5374; line-height: 1.6em; }

.review-cont li .answer-1 p, .review-cont li .answer-2 p, .review-cont li .answer-3 p { font-size: 1.1rem; }

/*# sourceMappingURL=phase25.map */