@charset "utf-8";

/* ------------------------------------------------------------ lead */
#lead{ padding: 110px 0 130px; }

.lead-wrapper{ display: flex; align-items: center; justify-content: space-between; }
.lead__box{ width: 48%; }
.lead__title{ padding: 34px 0 25px; font-size: 34px; font-family: 'Noto-Sans-JP-Medium'; }
.lead__text{ line-height: 2.2; }

.lead__pic{ width: 40%; }
.lead__pic img{ width: 100%; height: auto; }


/* ------------------------------------------------------------ number */
#number{ padding: 80px 0 50px; background: #F1F1ED; }
#number .title{ padding: 0 0 70px; }
#number .title.avater:before{ width: 94px; height: 150px; bottom: 50px; left: 4%; background-image: url(../images/avater/wolf-05.png); }
#number .title.avater:after{ width: 109px; height: 138px; bottom: 50px; right: 4%; background-image: url(../images/avater/squirrel-05.png); }


/* number-list01 */
.number-lists{ }
.number-list{ padding: 55px 50px; background: #fff; }
.number-list:not(:last-of-type){ margin: 0 0 40px; }
.number-list__head{ display: flex; align-items: stretch; margin: 0 0 85px; }
.number-list__no{  display: flex; align-items: center; padding: 0 26px 0 0; font-size: 87px; line-height: 1; font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; font-style: normal; color: var(--main-color); border-right: 1px solid var(--main-color); }
.number-list__title{ display: flex; align-items: center; padding: 0 0 0 26px; font-size: 28px; line-height: 1.5; font-family: 'Noto-Sans-JP-Medium'; }

.trust__cards{ display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 85px; }
.trust-card{ text-align: center; width: 45%; }
.trust-card__title{ padding: 0 0 25px; font-size: 33px; font-family: 'Noto-Sans-JP-Bold'; border-bottom: 1px solid var(--main-color); }
.trust-card__value{ padding: 15px 0 30px; }
.trust-card__figure{ color: #d8322a; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal; font-size: 88px; }
.trust-card__unit{ margin-left: 3px; font-size: 34px; font-family: 'Noto-Sans-JP-Bold'; }
.trust-card__text{ line-height: 2; text-align: left; }

.member-charts{ padding-top: 10px; }
.member-charts__row{ display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 70px; }
.member-charts__row:last-of-type{ margin: 0; }
.member-charts__card{ width: 49%; }

.member-charts__title{ font-size: 23px; font-family: 'Noto-Sans-JP-Bold'; }
.member-charts__figure{ padding: 16px 0 17px; }
.member-charts__figure img{ width: 100%; height: auto; }
.member-charts__note{ line-height: 2; }

.member-charts__figure--wide{ padding: 35px 0 30px; }
.member-charts__row--single .member-charts__card{ width: 100%; }


/* number-list02 */
.number-list02 .number-list__head{ margin: 0 0 45px; }

.trust-result{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 85px; }
.trust-result__content{ width: 46%; }
.trust-result__title{ margin: 0 0 24px; font-size: 23px; font-family: 'Noto-Sans-JP-Bold'; }
.trust-result__text{ line-height: 2; }
.trust-result__chart{ width: 48%; }
.trust-result__chart img{ width: 100%; height: auto; }

.sample-episode{ text-align: center; }
.sample-episode__head{ padding: 0 0 70px; }
.sample-episode__title{ margin: 0 0 16px; font-size: 27px; line-height: 1.5; font-family: 'Noto-Sans-JP-Bold'; }
.sample-episode__lead{ line-height: 2; }

/* number-list03 */
.number-feature{ display: flex; align-items: center; justify-content: space-between; }
.number-feature__content{ width: 60%; }
.number-feature__title{ padding: 0 0 24px; font-size: 22px; font-family: 'Noto-Sans-JP-Bold'; }
.number-feature__text{ line-height: 2; }
.number-feature__image{ width: 275px; margin: 0 30px; }

.number-list04 .number-list__head{ margin: 0 0 50px; }
.number-list04 .number-feature__image{ width: 250px; margin: 0 50px; }


/* ------------------------------------------------------------ support */
#support{ padding: 215px 0 0; }

.support__wrapper{ display: flex; align-items: flex-end; justify-content: space-between; }
.support__content{ width: 61%; }
.support__catch{ padding: 0 0 35px; font-size: 34px; font-family: 'Noto-Sans-JP-Medium'; }
.support__text{ padding: 0 0 70px; line-height: 2; }
.support__buttons{ display: flex; align-items: center; gap: 5px; }
.support__btn{ width: 50%; height: 77px; padding-right: 15px; }

.support__image{ width: 400px; }
.support__image img{ width: 100%; height: auto; }





/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
/* ------------------------------------------------------------ lead */
	#lead{ padding: 30px 0 60px; }
	#lead .title__main{ text-align: center; }
	#lead .title__main::before{ left: 50%; transform: translate(-50%,0); }
	
	.lead-wrapper{ flex-direction: column; align-items: center; gap: 0; }
	.lead__box{ width: 100%; }
	.lead__title{ padding: 0 0 18px; margin-left: -5%; font-size: 24px; white-space: nowrap; line-height: 1.6; text-align: center; }
	.lead__text{ line-height: 2; }
	
	.lead__pic{ width: 40%; max-width: 145px; margin: 35px auto; translate: 30px 0; }
	.lead__pic img{ width: 100%; height: auto; display: block; }


/* ------------------------------------------------------------ number */
	#number{ padding: 50px 0 0; }
	#number .title{ padding: 0 0 20px; }
	
	#number .title.avater::before { width: 50px; height: 81px; left: -5%; top: 0; }
	#number .title.avater::after { width: 57px; height: 72px; right: -5%; top: 0; }

	.number-lists{ }
	.number-list{ padding: 30px 5%; }
	.number-list:not(:last-of-type){ margin: 0 0 20px; }
	.number-list__head,
	.number-list02 .number-list__head,
	.number-list04 .number-list__head{ margin: 0 0 35px; }
	.number-list__no{ width: 55px; padding: 0; font-size: 30px; }
	.number-list__title{ width: calc(100% - 55px); padding: 0 0 0 15px; font-size: 16px; line-height: 1.6; }
	
	.trust__cards{ flex-direction: column; gap: 30px; margin: 0 0 75px; }
	.trust-card{ width: 100%; }
	
	.trust-card__flex{ display: flex; align-items: baseline; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--main-color); }
	.trust-card__title{ font-size: 22px; padding-bottom: 0; border: none; }
	.trust-card__value{ padding: 0; }
	.trust-card__figure{ font-size: 59px; }
	.trust-card__unit{ font-size: 22px; }
	.trust-card__text{ font-size: 14px; line-height: 1.8; }

	.member-charts__row{ flex-direction: column; gap: 30px; margin-bottom: 30px; }
	.member-charts__card{ width: 100%; }
	.member-charts__figure,
	.member-charts__figure--wide{ padding: 15px 0; }
	.member-charts__title{ font-size: 18px; }
	.member-charts__note{ font-size: 14px; line-height: 1.8; }

	/* ---------- number-list02 ---------- */
	.trust-result{ flex-direction: column-reverse; gap: 15px; margin-bottom: 40px; }
	.trust-result__content,
	.trust-result__chart{ width: 100%; }
	.trust-result__title{ margin: 0 0 15px; font-size: 18px; }
	.trust-result__text{ font-size: 14px; line-height: 1.8; }

	/* ---------- number-list03 ---------- */
	.sample-episode__head{ padding-bottom: 25px; }
	.sample-episode__title{ font-size: 20px; }
	.sample-episode__lead{ font-size: 14px; line-height: 1.8; text-align: left; }
	.number-feature{ flex-direction: column; gap: 15px; }
	.number-feature__content{ width: 100%; }
	.number-feature__title{ font-size: 18px; }
	.number-feature__text{ font-size: 14px; line-height: 1.8; }
	.number-feature__image{ width: 60%; margin: 0 auto; }


/* ------------------------------------------------------------ support */
	#support{ padding: 50px 0 0; }

	.support__wrapper{ flex-direction: column; align-items: flex-start; }
	.support__content{ width: 100%; }
	.support__catch{ font-size: 20px; line-height: 1.6; padding-bottom: 15px; text-align: center; }
	.support__text{ line-height: 2; padding-bottom: 15px; }
	
	.support__buttons{ flex-direction: column; padding: 30px 0 0; gap: 15px; width: 100%; }
	.support__btn{ width: 100%; height: 60px; font-size: 14px; }
	.support__image{ width: 75%; margin: 0 auto; }
	.support__image img{ width: 100%; height: auto; }	
		


}