/*
 * Convert pixels to rems
 * eg. for a relational value of 12px write f-rem(12)
 * Assumes $em-base is the font-size of 16px
 *
 * @param {number} $pxval - pixel value
 */
/*
 * Convert pixels to line-height
 * eg. When the font size is 18 px and the line feed is 28 px write f-line-height( 18, 28 )
 *
 * @param {number} $fontSize - font-size
 * @param {number} $lineFeed - line-feed
 */
/*
 * Media Breakpoint
 * eg. @include media-breakpoint("md") { ... }
 *
 * @param {string} $size - size
 * @param {string} $type - type
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3e3a39;
	background-image: url("../images/bg-header.svg"), url("../images/bg-site.svg");
	background-size:
		contain,
		325px auto;
	background-position:
		top center,
		top center;
	background-repeat: no-repeat, repeat;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	overflow-x: hidden;
}
@media (min-width: 768px) {
	body {
		background-image: url("../images/bg-header-pc.svg"), url("../images/bg-site.svg");
	}
}

a,
button {
	color: #3e3a39;
	transition: all 0.3s ease;
}
a:hover,
a:active,
button:hover,
button:active {
	color: rgba(62, 58, 57, 0.6);
}
a:hover::before,
a:hover::after,
a:hover img,
a:active::before,
a:active::after,
a:active img,
button:hover::before,
button:hover::after,
button:hover img,
button:active::before,
button:active::after,
button:active img {
	transition: all 0.3s ease;
}

a {
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px;
	text-decoration-color: #6d6d6d;
}

.bold {
	font-weight: 700;
}

img,
video {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	color: #3e3a39;
	margin-block-end: 16px;
}

p {
	font-size: 0.875rem;
}
@media (min-width: 768px) {
	p {
		font-size: 1rem;
	}
}

.pc-hidden {
	display: block;
}
@media (min-width: 768px) {
	.pc-hidden {
		display: none;
	}
}

.sp-hidden {
	display: none;
}
@media (min-width: 768px) {
	.sp-hidden {
		display: block;
	}
}

.btn {
	padding: 16px 24px;
	display: block;
	width: 100%;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
}

.btn-primary {
	padding: 12px 24px;
	max-width: 400px;
	font-size: 1.5625rem;
	color: #ffffff;
	background-color: #bd000d;
	border: 4px solid #bd000d;
	border-radius: 1000px;
}
.btn-primary:hover,
.btn-primary:active {
	color: #bd000d;
	background-color: #ffffff;
}
@media (min-width: 768px) {
	.btn-primary {
		font-size: 1.6875rem;
	}
}

.btn-outline {
	padding: 12px 24px;
	max-width: 295px;
	font-size: 1.0625rem;
	color: #1f0d36;
	background-color: transparent;
	border: 2px solid #1f0d36;
	border-radius: 1000px;
}
.btn-outline:hover,
.btn-outline:active {
	color: #ffffff;
	background-color: #1f0d36;
}
@media (min-width: 768px) {
	.btn-outline {
		font-size: 1.1875rem;
	}
}

.btn-square {
	padding: 12px;
	display: grid;
	row-gap: 4px;
	font-size: 1.25rem;
	color: #ffffff;
	background-color: #bd000d;
	border: 4px solid #bd000d;
	border-radius: 8px;
}
.btn-square:hover,
.btn-square:active {
	color: #bd000d;
	background-color: #ffffff;
}
@media (min-width: 768px) {
	.btn-square {
		padding: 28px 12px;
		font-size: 1.6875rem;
	}
}
.btn-square small {
	font-size: 1rem;
	font-weight: 700;
}

.view {
	display: none;
}
.view.is-active {
	display: block;
}

.js-btn-back.is-hidden {
	display: none;
}

.site-header {
	padding: 16px;
}
.site-header img {
	width: 120px;
}
@media (min-width: 768px) {
	.site-header {
		padding: 32px 40px;
	}
	.site-header img {
		width: 200px;
	}
}

.site-main {
	padding-block: calc(53.3333333333vw - 56px) 64px;
	padding-inline: 24px;
}
@media (min-width: 768px) {
	.site-main {
		padding-block: 80px 120px;
	}
}

.container {
	padding: 40px 16px;
	border-radius: 16px;
	background-image: url("../images/bg-container.png");
	background-size: auto;
	background-position: center;
	background-repeat: repeat;
}
.container + .container {
	margin-block-start: 48px;
}
@media (min-width: 768px) {
	.container + .container {
		margin-block-start: 80px;
	}
}
@media (min-width: 768px) {
	.container {
		padding: 64px;
		border-radius: 40px;
		max-width: 1000px;
		margin-inline: auto;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.container {
	animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hero {
	margin-block-end: 80px;
	text-align: center;
}
@media (min-width: 768px) {
	.hero {
		margin-block-end: 120px;
		max-width: 657px;
		margin-inline: auto;
	}
}
.hero .hero__title-group {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
@media (min-width: 768px) {
	.hero .hero__title-group {
		row-gap: 24px;
	}
}
.hero .hero__title-group .hero__title {
	margin-block-end: 0;
	order: 2;
}
.hero .hero__title-group .hero__title img {
	width: 100%;
}
.hero .hero__title-group .hero__subtitle {
	margin-block-end: 0;
	font-size: 1.25rem;
	font-weight: 700;
	order: 1;
}
@media (min-width: 768px) {
	.hero .hero__title-group .hero__subtitle {
		font-size: 2.4375rem;
	}
}
.hero .hero__catchphrase {
	margin-block: 16px 0;
	font-size: 1rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.hero .hero__catchphrase {
		margin-block: 24px 0;
		font-size: 1.1875rem;
	}
}
.hero .hero__button {
	margin-block-start: 48px;
	display: inline-block;
	width: 100%;
	max-width: 400px;
	position: relative;
}
@media (min-width: 768px) {
	.hero .hero__button {
		margin-block-start: 64px;
	}
}
.hero .hero__button .btn-balloon {
	position: absolute;
	right: -16px;
	bottom: 24px;
	transform: translate(-50%, -50%);
	font-size: 0.875rem;
	font-weight: 700;
	color: #ffffff;
}
@media (min-width: 768px) {
	.hero .hero__button .btn-balloon {
		right: -34px;
		bottom: 20px;
	}
}
.hero .hero__button .btn-balloon span:nth-of-type(1) {
	display: inline-block;
	font-size: 1.125rem;
	font-family: "Nunito", sans-serif;
	transform: translateX(-2px) translateY(1px);
}
.hero .hero__button .btn-balloon span:nth-of-type(2) {
	font-size: 0.75rem;
}
.hero .hero__button .btn-balloon span:nth-of-type(3) {
	display: inline-block;
	transform: translateY(-3px);
}
.hero .hero__button .btn-balloon::before {
	content: "";
	position: absolute;
	top: -11px;
	left: -26px;
	width: 80px;
	aspect-ratio: 80/70;
	background-image: url("../images/btn-balloon.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}

.campaign {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}
@media (min-width: 768px) {
	.campaign {
		row-gap: 64px;
	}
}
.campaign .announcement {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}
.campaign .announcement .announcement__image {
	width: 100%;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__image {
		max-width: 384px;
		flex: 1;
	}
}
.campaign .announcement .announcement__image img {
	width: 100%;
}
@media (min-width: 768px) {
	.campaign .announcement {
		flex-direction: row;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}
}
.campaign .announcement .announcement__info {
	text-align: center;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__info {
		flex: 1;
		order: 2;
	}
}
.campaign .announcement .announcement__title {
	margin-block-end: 0;
	padding-block: 8px;
	font-size: 1.4375rem;
	line-height: 1.7826086957;
	font-weight: 700;
	color: #ffffff;
	background-color: #1f0d36;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__title {
		font-size: 1.6875rem;
		line-height: 1.7407407407;
	}
}
.campaign .announcement .announcement__title::before,
.campaign .announcement .announcement__title::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}
.campaign .announcement .announcement__prize {
	margin-block-start: 24px;
	font-size: 1rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__prize {
		margin-block-start: 40px;
	}
}
.campaign .announcement .announcement__prize strong {
	display: block;
	margin-block: 8px;
	font-size: 2.25rem;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__prize strong {
		margin-block: 16px 8px;
		font-size: 2.4375rem;
	}
}
.campaign .announcement .announcement__prize strong span {
	font-size: 1.625rem;
}
@media (min-width: 768px) {
	.campaign .announcement .announcement__prize strong span {
		font-size: 1.875rem;
	}
}
.campaign .announcement .announcement__prize small {
	font-size: 1rem;
}
.campaign .announcement .announcement__period {
	margin-block-end: 0;
	font-size: 1rem;
	font-weight: 700;
}

.details .details__title {
	margin-block-end: 0;
	padding-block: 8px;
	font-size: 1.4375rem;
	line-height: 1.7826086957;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	background-color: #1f0d36;
}
@media (min-width: 768px) {
	.details .details__title {
		font-size: 1.6875rem;
		line-height: 1.7407407407;
	}
}
.details .details__title::before,
.details .details__title::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}
.details .details__table {
	margin-block-start: 24px;
}
@media (min-width: 768px) {
	.details .details__table {
		margin-block-start: 40px;
	}
}
.details .details__table tbody {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}
@media (min-width: 768px) {
	.details .details__table tbody {
		vertical-align: top;
	}
}
@media (min-width: 768px) {
	.details .details__table tr {
		display: grid;
		grid-template-columns: 3fr 5.72fr;
	}
}
.details .details__table td,
.details .details__table th {
	display: block;
	text-align: left;
}
@media (min-width: 768px) {
	.details .details__table td,
	.details .details__table th {
		display: table-cell;
	}
}
.details .details__table th {
	font-size: 1.1875rem;
	font-weight: 700;
}
.details .details__table td {
	margin-block-start: 8px;
	font-size: 1rem;
}
.details .details__table ol {
	list-style: none;
	padding-inline-start: 7px;
	counter-reset: step-counter;
}
.details .details__table ol li {
	position: relative;
	padding-inline-start: 1em;
	counter-increment: step-counter;
}
.details .details__table ol li::before {
	content: counter(step-counter) ".";
	position: absolute;
	left: 0;
}
.details .details__table ul {
	list-style: none;
	padding-inline-start: 0;
}
.details .details__table ul li {
	position: relative;
	padding-inline-start: 22px;
}
.details .details__table ul li::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 9px;
	width: 3px;
	height: 3px;
	background: #3e3a39;
}
.details .details__table ul li small {
	margin-block-start: 8px;
	display: block;
	font-size: 0.875rem;
}
.details .details__table ul li + li {
	margin-block-start: 8px;
}
.details .details__table ul > li > ul {
	margin-block-start: 8px;
}
.details .details__table ul > li > ul li {
	padding-inline-start: 12px;
}
.details .details__table ul > li > ul li::before {
	content: "- ";
	top: -2px;
	left: 0;
	width: 0;
	height: 0;
}

.partner-companies .partner-companies__title {
	margin-block-end: 0;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
	.partner-companies .partner-companies__title {
		font-size: 1.4375rem;
		width: 100%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		-moz-column-gap: 32px;
		column-gap: 32px;
	}
	.partner-companies .partner-companies__title::before,
	.partner-companies .partner-companies__title::after {
		content: "";
		flex: 1;
		height: 1px;
		background-color: #3e3a39;
	}
}
.partner-companies .partner-companies__list {
	margin-block-start: 24px;
}
@media (min-width: 768px) {
	.partner-companies .partner-companies__list {
		margin-block-start: 40px;
	}
}
.partner-companies .company {
	list-style: none;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}
@media (min-width: 768px) {
	.partner-companies .company {
		flex-direction: row;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}
}
.partner-companies .company + .company {
	margin-block-start: 16px;
}
@media (min-width: 768px) {
	.partner-companies .company + .company {
		margin-block-start: 24px;
	}
}
.partner-companies .company-logo {
	width: 300px;
	margin-inline: auto;
}
.partner-companies .company-info .company-name {
	margin-block-end: 0;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
	.partner-companies .company-info .company-name {
		font-size: 1.4375rem;
		text-align: left;
	}
}
.partner-companies .company-info .company-overview {
	margin-block: 8px 0;
	font-size: 1rem;
}

.about-digitalcube {
	display: grid;
}
@media (min-width: 768px) {
	.about-digitalcube {
		grid-template-columns: auto 1fr;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}
}
.about-digitalcube .about-digitalcube__logo {
	margin-block-end: 24px;
	width: 300px;
	margin-inline: auto;
}
@media (min-width: 768px) {
	.about-digitalcube .about-digitalcube__logo {
		margin-block-end: 0;
	}
}
.about-digitalcube .about-digitalcube__info .title {
	margin-block-end: 0;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
	.about-digitalcube .about-digitalcube__info .title {
		font-size: 1.4375rem;
		text-align: left;
	}
}
.about-digitalcube .about-digitalcube__info .overview {
	margin-block: 8px 0;
	font-size: 1rem;
}
.about-digitalcube .about-digitalcube__links {
	margin-block-start: 40px;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	align-items: center;
}
@media (min-width: 768px) {
	.about-digitalcube .about-digitalcube__links {
		flex-direction: row;
		-moz-column-gap: 24px;
		column-gap: 24px;
		grid-column: 1/-1;
	}
}

.site-footer {
	background-image: url("../images/footer-decoration.svg"), url("../images/bg-footer.png");
	background-size:
		100% auto,
		200px auto;
	background-position:
		bottom 53px center,
		top center;
	background-repeat: no-repeat, repeat;
}
@media (min-width: 768px) {
	.site-footer {
		background-image: url("../images/footer-decoration-pc.svg"), url("../images/bg-footer.png");
		background-size:
			1229px auto,
			200px auto;
		background-position:
			bottom 69px right,
			top center;
	}
}
.site-footer .about-site {
	padding: 80px 24px 30px;
}
@media (min-width: 768px) {
	.site-footer .about-site {
		padding: 120px 0 120px 120px;
		width: 702px;
	}
}
.site-footer .about-site p {
	margin-block-end: 0;
	color: #ffffff;
	font-size: 0.875rem;
}
.site-footer .about-site p.about-site__title {
	font-size: 1rem;
	font-weight: 700;
}
.site-footer .about-site p strong {
	font-size: 1.75rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.site-footer .about-site p strong {
		font-size: 2.4375rem;
	}
}
.site-footer .about-site p + p {
	margin-block-start: 16px;
}
@media (min-width: 768px) {
	.site-footer .about-site p {
		font-size: 1rem;
	}
	.site-footer .about-site p.about-site__title {
		font-size: 1.1875rem;
	}
	.site-footer .about-site pstrong {
		font-size: 2.4375rem;
	}
}
.site-footer .about-site a {
	margin-inline: auto;
	margin-block-start: 16px;
}
@media (min-width: 768px) {
	.site-footer .about-site a {
		margin-inline: 0;
		margin-block-start: 40px;
	}
}
.site-footer .copyright {
	margin-block-start: 116vw;
	margin-block-end: 0;
	padding: 16px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 10px;
	column-gap: 10px;
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	color: #ffffff;
	background-color: #1f0d36;
}
@media (min-width: 768px) {
	.site-footer .copyright {
		-moz-column-gap: 8px;
		column-gap: 8px;
	}
}
@media (min-width: 768px) {
	.site-footer .copyright {
		margin-block-start: 0;
		padding: 24px 10px;
	}
}
.site-footer .copyright img {
	width: 110px;
}

.quiz .quiz__title-group {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
.quiz .quiz__title {
	margin-block-end: 0;
	font-size: 1.6875rem;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
	.quiz .quiz__title {
		font-size: 2.9375rem;
	}
}
.quiz .quiz__number {
	margin-block-end: 0;
	padding: 4px 24px;
	font-size: 1rem;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	color: #ffffff;
	background-color: #bd9c39;
	border-radius: 1000px;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	order: -1;
}
.quiz .quiz__image {
	margin-block-start: 32px;
	width: 100%;
}
.quiz .quiz__image img {
	width: 100%;
}
@media (min-width: 768px) {
	.quiz .quiz__image {
		margin-block-start: 64px;
	}
}
.quiz .quiz__button {
	margin-block-start: 32px;
	display: grid;
	row-gap: 24px;
}
@media (min-width: 768px) {
	.quiz .quiz__button {
		margin-block-start: 64px;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
}
.quiz .quiz__hint {
	margin-block-start: 32px;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	align-items: center;
}
@media (min-width: 768px) {
	.quiz .quiz__hint {
		margin-block-start: 64px;
		flex-direction: row;
		-moz-column-gap: 12px;
		column-gap: 12px;
		justify-content: center;
		align-items: center;
	}
}
.quiz .quiz__hint .quiz__hint-label {
	padding: 4px 24px;
	color: #ffffff;
	background-color: #bd9c39;
	border-radius: 1000px;
	font-size: 1rem;
	font-weight: 700;
	flex-shrink: 0;
}
.quiz .quiz__hint .quiz__hint-text {
	margin-block-end: 0;
	font-size: 1rem;
	font-weight: 700;
}
.quiz .quiz__progress {
	margin-block-start: 48px;
}
@media (min-width: 768px) {
	.quiz .quiz__progress {
		margin-block-start: 80px;
	}
}
.quiz .quiz__progress .progress-bar {
	width: 100%;
	height: 10px;
	background-color: #e7e7e7;
	border-radius: 1000px;
	overflow: hidden;
	position: relative;
}
.quiz .quiz__progress .progress-bar__fill {
	height: 100%;
	background: #bd9c39;
	transition: width 0.5s ease;
	width: 0%;
}
.quiz .quiz__progress p {
	margin-block: 8px 0;
	display: flex;
	align-items: baseline;
	justify-content: center;
	-moz-column-gap: 4px;
	column-gap: 4px;
	font-size: 1.0625rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.quiz .quiz__progress p {
		justify-content: right;
		font-size: 1.1875rem;
	}
}
.quiz .quiz__progress p span {
	font-size: 1.875rem;
	font-family: "Nunito", sans-serif;
	transform: translateY(1px);
}
@media (min-width: 768px) {
	.quiz .quiz__progress p span {
		font-size: 2.0625rem;
	}
}
.quiz .quiz-nav {
	margin-block-start: 24px;
}
.quiz .quiz-nav .btn {
	margin-inline: auto;
	max-width: 295px;
}
@media (min-width: 768px) {
	.quiz .quiz-nav .btn {
		max-width: 200px;
	}
}

body.quiz-active .site-footer {
	background: none;
}
body.quiz-active .about-site {
	display: none;
}
body.quiz-active .copyright {
	margin-block-start: 0;
}

.result .result__title {
	margin-block-end: 0;
	padding-block: 6px;
	font-size: 1.5625rem;
	line-height: 2.08;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	background-color: #1f0d36;
	border-block-start: 2px solid #ffffff;
	border-block-end: 2px solid #ffffff;
}
@media (min-width: 768px) {
	.result .result__title {
		padding-block: 8px;
		font-size: 3.375rem;
		line-height: 1.9130434783;
		border-block-start: 3px solid #ffffff;
		border-block-end: 3px solid #ffffff;
	}
}
.result .result__title::before,
.result .result__title::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ffffff;
}
@media (min-width: 768px) {
	.result .result__title::before,
	.result .result__title::after {
		height: 2px;
	}
}
.result .result__content {
	margin-block-start: 32px;
	display: grid;
	row-gap: 24px;
}
@media (min-width: 768px) {
	.result .result__content {
		margin-block-start: 40px;
		padding: 40px;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		background-image: url("../images/result/bg-result.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 32px;
	}
}
.result .result__image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-image: url("../images/result/bg-result.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 12px;
}
.result .result__image img {
	width: 100%;
	aspect-ratio: 1/1;
}
@media (min-width: 768px) {
	.result .result__image {
		background: none;
	}
}
.result .result__text {
	text-align: center;
}
@media (min-width: 768px) {
	.result .result__text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		order: -1;
	}
}
.result .result__text .result__rank {
	margin-block-end: 0;
	font-size: 1.5625rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.result .result__text .result__rank {
		font-size: 1.6875rem;
	}
}
.result .result__text .result__rank strong {
	position: relative;
	display: block;
	font-size: 3.75rem;
	z-index: 0;
}
.result .result__text .result__rank strong::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-text-stroke: 20px #fffcf1;
	z-index: -1;
}
@media (min-width: 768px) {
	.result .result__text .result__rank strong {
		font-size: 4.375rem;
	}
}
.result .result__text .result__description {
	margin-block: 24px 0;
	font-size: 1.25rem;
	font-weight: 700;
}
@media (min-width: 768px) {
	.result .result__text .result__description {
		font-size: 1rem;
	}
}
.result .result__text button {
	margin-block-start: 32px;
	margin-inline: auto;
	font-size: 1.0625rem;
}
@media (min-width: 768px) {
	.result .result__text button {
		margin-block-start: 40px;
		font-size: 1.6875rem;
	}
}
.result .campaign {
	margin-block: 48px;
}
@media (min-width: 768px) {
	.result .campaign {
		margin-block: 80px;
	}
}
.result button {
	margin-inline: auto;
}

.thanks img {
	width: 100%;
}
.thanks .thanks__title {
	margin-block: 24px 0;
	padding: 4px 24px;
	width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	background-color: #1f0d36;
	border-radius: 1000px;
}
@media (min-width: 768px) {
	.thanks .thanks__title {
		margin-block: 40px 0;
		padding: 8px 24px;
		font-size: 1.6875rem;
	}
}
.thanks .thanks__description {
	margin-block: 24px 0;
	font-size: 1.1875rem;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
	.thanks .thanks__description {
		margin-block: 16px 0;
		font-size: 1.6875rem;
	}
}
.thanks .campaign {
	margin-block: 48px;
}
@media (min-width: 768px) {
	.thanks .campaign {
		margin-block: 80px;
	}
}
.thanks button {
	margin-inline: auto;
}

.title-end {
	background-color: #6d6d6d !important;
}