@charset "utf-8";
/*----------------------------------------------------
	共通タイトル
----------------------------------------------------*/
/*タイトル*/
.top__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: var(--32px);
  font-weight: 700;
  text-align: center;
}

.-en {
  font-family: YuMincho, Yu Mincho, serif;
  font-size: var(--23px);
  color: var(--color-main);
}

/*----------------------------------------------------
	共通パーツ
----------------------------------------------------*/
/*テキスト*/
.top__text {
  text-align: justify;
  line-height: 2.0;
  margin-top: 2em;
}

/*ボタン*/
.top__button {
  text-align: center;
  margin-block: 3.1em;
}

.top__link {
  display: inline-block;
  width: 200px;
  line-height: 1.0;
  color: #fff;
  background: var(--color-main);
  border: 2px solid transparent;
  border-radius: 100vh;
  padding-top: 1.2em;
  padding-bottom: 1.4em;
  transition: .3s;
}

.top__link:is(:hover, :focus) {
  color: var(--color-main);
  background: #fff;
  border-color: currentColor;
}

/*----------------------------------------------------
	単独で使う -***
----------------------------------------------------*/
/* background */
.-bgOrange { background: #FFECE1; }


/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
/* メインビジュアル */
@media (min-width: 768px) { /* PC */
.top__visual { margin-top: 2.5em; }
}

/* 猫の避妊と去勢の会について */
.about__inner { margin: 3.5em 0 4.5em; }

/* 活動のあしあと */
.achievements__inner { margin: 3.5em 0 4em; }

.achievements_img_02{ margin-top: 3em; }

.achievements__flexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 3em;
  text-align: center;
  margin-top: 4.5em;
}

.achievements__item {
  width: calc((100% - 3em) / 2);
  background: #FFECE1;
  padding: 2.5em 3em;
  border-radius: 20px;
}

.achievements__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(25px, 0.690vw + 22.414px, 30px);
  font-weight: 700;
  margin-bottom: 0.4em;
}

.-Orange { 
  font-size: clamp(35px, 0.690vw + 32.414px, 40px);
  color: var(--color-main);
  background: #fff;
  padding-inline: 5px;
  margin-inline: 3px;
}

.achievements__text {
  text-align: justify;
  line-height: 2.0;
  margin-top: 0.9em;
}

@media (max-width: 1023px) { /* SP */
.achievements_img_02{ margin-top: 1em; }
.achievements__flexBox { flex-direction: column; gap: 2em;  margin-top: 2.5em; }
.achievements__item { width: 100%;  padding: 2em 2.5em; }
}

/* 玉桜基金とは */
.fund__flexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3em;
}

@media (min-width: 768px) { /* PC */
.fund__img.-left { width: min(58%, 640px); }
.fund__img.-right { flex: 1; }
}

@media (max-width: 767px) { /* SP */
.fund__flexBox { flex-direction: column; }
.fund__img { 
  width: 100%;
  text-align: center;
  margin-top: 1em;
}
}

/* バナー */
.banner__flexBox {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  padding-top: 1.5em;
}

@media (max-width: 767px) { /* SP */
.banner__flexBox { flex-direction: column; }
.banner__img { 
  width: 100%;
  text-align: center;
}
}