@charset "UTF-8";

/* ------------------------------------------------------------
  PCスタイル
 ------------------------------------------------------------ */
@media screen and (min-width: 768px) {

	/* ページヘッダー */
	.pageCtc_ttl {
		padding: 22px 48px;
	}
	.ctcTtl_fig {
		width: 280px;
		height: 245px;
		position: absolute;
		left: -275px;
		bottom: -103px;
	}

	/* 送信完了メッセージ */
	.ctc_cust {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 90px 0 100px;
		margin-top: 130px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		background: #ecf3ee;
	}
	.ctc_custTtl {
		line-height: 1.1;
		text-align: center;
	}
	.ctc_custTtl:after {
		content: "";
		display: block;
		width: calc( 2.5rem * 8);
		height: 2.625rem;
		background: url('../img/contact/fig_ttlunder_6char.svg') no-repeat left bottom / contain;
		position: absolute;
		bottom: -24px;
		left: -10px;
	}
	.contact_body {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 42%;
	}
	.contact_status {
		margin-top: 55px;
		font-size: 1.875rem; /* 30px */
		font-weight: 500;
	}
	.contact_transfer {
		width: 100%;
		text-align: center;
	}
	.contact_transfer span {
		display: block;
		padding: 40px 0;
	}
	.contact_note {
		padding: 0 35px;
		margin-top: 40px;
		text-align: center;
	}

	/* TOPへ戻る */
	.btn_area {
		width: 200px;
		height: 80px;
		margin-top: 40px;
	}
	.btn_area a {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 200px;
		height: 80px;
		padding: 0 20px;
		border: 1px solid #000;
		border-radius: 40px;
		background: #1aad6b url('../img/contact/fig_confirm_arrowW.svg') no-repeat right 22px center / 8px 14px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		transition: var(--hover-speed);
	}
	.btn_area a:hover {
		border: 1px solid #1aad6b;
		background: #fff url('../img/contact/fig_confirm_arrowG.svg') no-repeat right 22px center / 8px 14px;
		color: #1aad6b;
		transition: var(--hover-speed);
	}
}


/* ------------------------------------------------------------
  SPスタイル
 ------------------------------------------------------------ */
@media screen and (max-width: 767px) {

	/* ページヘッダー・イラスト */
	.ctcTtl_fig {
		width: 228px;
		height: 200px;
		position: absolute;
		right: 0;
		bottom: -150px;
		left: 0;
		margin: 0 auto;
	}
	.page_ttl_group {
		height: 484px;
		border-bottom: 1px solid #000;;
	}
	.bread_clumb {
		bottom: 48px;
	}

	/* 送信完了メッセージ */
	.ctc_cust {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 45px 24px 48px;
		border-bottom: 1px solid #000;
		background: #ecf3ee;
	}
	.ctc_custTtl {
		line-height: 1.1;
		text-align: center;
	}
	.ctc_custTtl:after {
		content: "";
		display: block;
		width: calc( 2.0625rem * 7.5 ); /* 33px * 6 */
		height: 2.25rem; /* 36px */
		background: url('../img/contact/fig_ttlunder_6char.svg') no-repeat left bottom / contain;
		position: absolute;
		bottom: -10px;
		left: -10px;
	}
	.contact_body {
		margin-top: 45px;
		text-align: justify;
	}
	.contact_status {
		font-size: 1.875rem; /* 30px */
		font-weight: 500;
		text-align: center;
	}
	.contact_transfer {
		width: 100%;
		text-align: center;
	}
	.contact_transfer span {
		display: block;
		padding: 40px 0;
	}
	.contact_note {
		padding: 0 35px;
		margin-top: 40px;
		text-align: center;
	}

	/* TOPへ戻る */
	.btn_area {
		width: 200px;
		height: 80px;
		margin-top: 40px;
	}
	.btn_area a {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 200px;
		height: 80px;
		padding: 0 20px;
		border: 1px solid #000;
		border-radius: 40px;
		background: #1aad6b url('../img/contact/fig_confirm_arrowW.svg') no-repeat right 22px center / 8px 14px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		transition: var(--hover-speed);
	}
}