/* =============================================
  共通
============================================= */
:root {
	/* font-weight */
	--thin: 100;
	--extralight: 200;
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semibold: 600;
	--bold: 700;
	--extrabold: 800;
	--black: 900;
}

.page_wrapper {
	padding-block: 0 9.5rem;
}

.contact_thanks_page {
  width: 94.5rem;
  margin: 0 6rem 0 27.5rem;
  padding: 3.5rem 0 7rem 3.5rem;
	background-color: #ECE6D8;
}

.content_wrapper {
  margin: 3.1rem auto 0;
  padding-inline: 19.85rem;
  text-align: center;
}

.contact_complete {
  font-family: var(--NotoSans);
  font-size: 2.5rem;
  font-weight: var(--bold);
  color: #1E1E1E;
}

.message {
  margin-top: 3rem;
  font-family: var(--NotoSans);
  font-size: 1.9rem;
  font-weight: var(--medium);
  color: #1E1E1E;
  white-space: nowrap;
}

@media screen and (max-width: 699.98px) {
  .page_wrapper {
    padding-block: 0 5.1rem;
  }

	.contact_thanks_page {
		width: 100%;
    margin: 0;
    padding: 3rem 1.5rem 4.5rem;
	}

  .content_wrapper {
    margin: 2.5rem auto 0;
    padding-inline: 0;
  }

  .contact_complete {
    font-size: 1.9rem;
    font-weight: var(--medium);
  }

  .message {
    margin-top: 2.5rem;
    font-size: 1.6rem;
    font-weight: var(--regular);
    white-space: wrap;
  }
}