@charset "UTF-8";
.mv__awardImg img {
  aspect-ratio: auto;
}

.main-sp p.mv__text {
  text-align: left;
  padding: 0 1rem;
}
.mv__logo {
  display: none;
}
.mv__inner {
  transform: none;
}
.mv__award {
  transform: none;
  order: 2;
}
.mv__btn {
  order: 1;
  margin: 0;
  transform: none;
  padding-bottom: 1.2rem;
}
.mv__contents {
  margin-top: 0;
  display: block;
  padding: 1.7rem 0;
}
.mv__awardImg {
  width: 91.7%;
}
.btn.btn--sm {
  font-size: 1.3rem;
  width: 70%;
}
.top-footer {
  margin-top: 0;
}
.cta.top-cta3 {
	margin-top: 0;
}


@media screen and (min-width: 768px) {
	.mv__bg {
		background: url(../images/250831/mv_bg-pc.webp) no-repeat center/cover;
    height:100%;
	}
	.mv__contents{
		margin:0;
		padding: 1.78rem 0;
	}
	.btn.btn--sm {
		width: auto;
	}
	.mv__contents .mv__contents--inner {
		align-items: center;
		flex-direction: row;
		gap: 2.5rem;
		display: flex;
		margin: 0 auto;
		max-width: 1080px;
		justify-content: center;
	}
	.mv__inner {
		padding: 0;
		max-width: 1200px;
		margin: 0 auto;
	}
	.mv__awardImg {
		transform: none;
		max-width: 41.4rem;
	}
	.mv__award {
		margin: 0;
		transform: none;
	}
	.mv__logo {
		display: block;
	}
	.top-cause {
		margin-top: 7rem;
	}
	.cause__answerText img {
		height: auto;
		width: 886px;
		margin: 0 auto;
	}
	.cause__answerText--yellowBg span {
		font-size: 2.75rem;
		background: #FFED54;
		color: #000;
		font-weight: bold;
		line-height: 2;
	}
	.cause__answerText--yellowBg {
		font-size: 2rem;
		margin-top: 1.5rem;
	}
	.cta.top-cta2 {
		margin-top: 9.36rem;
	}
	.compare__note01 {
		font-size: 14px;
		color: #141821;
	}
	.program__note {
		color: #141821;
	}
	.reason__caution {
		font-size: 14px;
		color: #141821;
		font-weight: bold;
	}
	.cause__resultText {
		color: #141821;
	}
	.voice__cards.-voicesp {
		display: none;
	}
}
@media (min-width: 1300px) {
	.mv__bg {
		background: url(../images/250831/mv_bg-pc.webp) no-repeat center/cover;
	}
	.mv__contents .mv__contents--inner {
		justify-content: space-between;
	}
	.cause__resultText {
		font-size:14px;
	}
}
@media screen and (max-width:767px){
	html{ font-size:4.111vw; }
	main{display: block;}
	.mv__bg {
		background: url(../images/250831/mv_bg-sp.webp) no-repeat center/cover;
		padding: 56px 0 0;
		width: 100%;
		height: 126.2vw;
		margin-top: 0;
	}
	.mv__awardText p {
		font-size: 2.6vw;
	}
	.mv__title {
		width: 90%;
		margin-top: 8%;
	}
	.mv__title img {
		aspect-ratio: auto;
		height: auto;
		object-fit: inherit;
	}
	.btn.btn--sm {
		font-size: 1rem;
		color: #000;
	}
	.lesson__shadow {
		filter: none;
	}
	.work__head {
		padding: 1.2rem 0;
	}
	.work__subTtile {
		font-size: 0.825rem;
	}
	.work__title {
		font-size: 1.2rem;
	}
	.lesson.top-lesson {
		margin-top: 1rem;
	}
	.optimal__wrap {
	margin-bottom: 2rem;
	}
	.cause__answerText {
		width: 93%;
		margin: 0.5rem auto 0;
	}
	.cause__answerText--yellowBg {
		font-size: 4.2vw;
		margin-top: 1.5rem;
	}
	.cause__answerText img {
		height: auto;
	}
	.cause__answerText--yellowBg span {
		font-size: 1.3em;
		background: #FFED54;
		color: #000;
		font-weight: bold;
		line-height: 2;
	}
	.cause__resultText {
		padding: 1em;
		margin-top: 0;
	}
	.cause__result:after {
		position: static;
		display: block;
		margin-bottom: 2.5rem;
		height: 33.7vw;
	}
	.optimal__item {
		line-height: 1.8;
	}
	.cause__subTitle {
		padding: 0.5rem 0.5625rem 0.5rem 0.5rem;
	}
	.cta{margin:6rem 0;}
	.business__titleText {
		line-height: 2;
	}
	.learn__graphImg {
		max-width: 80.4%;
	}
	.learn__boxText {
		font-family: inherit;
	}
	.mv__text {
		text-align: left;
		font-size: 3.7vw;
		padding-left: 5%;
		transform: none;
		margin-top: 0.8em;
		letter-spacing: 0.15em;
	}
	.optimal__img {
	}
	.top-cause {
		margin-top: 0;
	}
	.work__badge {
		width: 70%;
		max-width:400px;
	}
	.work__badge .flex.-row > p {
		width: 30%;
	}
	.work__badge .flex img {
		width: 100%;
	}
	.cta.top-cta3 {
		margin: 6rem 0 3rem;
	}
	.siteFooter_menu .siteFooter_credit{
		width: 33%;
	}
	.siteFooter_menu .logo img {
		object-fit: contain;
	}
	.voice__cards.-voicepc {
		display: none;
	}
	.slick-arrow {
		width: 13.5%;
		display: block;
		position: absolute;
		z-index: 10;
		bottom: 7.9rem;
	}
	.prevArrow.slick-arrow {
		left: 0;
		transform: rotate(180deg);
	}
	.nextArrow.slick-arrow {
		right: 0;
	}
	.card3__content {
		height: 18.5rem;
		margin-bottom: 0.5rem;
	}
}