/* =============================================================
  ご注文の流れ　.orderflow
============================================================= */
/* 共通
-------------------------------------------*/
/* ブロック
--------------------------------*/
.orderflow .block {
	margin-top: 2rem;
}

/* リンク
--------------------------------*/
/* a */
.orderflow a {
	display: inline-block;
	color: var(--color-primary);
	font-weight: 600;
	text-decoration: underline;
}

/* 見出し・文字
--------------------------------*/
/* h3 */
.orderflow h3 {
	text-indent: 0;
	background-color: var(--color-primary5);
	border: 1px solid var(--color-primary); /* style.cssの上書き */
	border-radius: 3px;
	padding: 0; /* style.cssの上書き */
}
/* h3::before */
.orderflow h3::before {
	display: none; /* style.cssの上書き */
}
/* h3 span */
.orderflow h3 span {
	display: inline-block;
	width: 4rem;
	color: #fff;
	text-align: center;
	line-height: 1;
	background-color: var(--color-primary);
	margin-right: 0.8rem;
	padding: 1rem; /* style.cssの上書き */
}
/* 注釈 */
.orderflow .annotation {
	background-color: var(--color-primary10);
	border-radius: 3px;
	margin-top: 1rem;
	padding: 1rem 2.2rem;
}

/* 矢印
--------------------------------*/
.orderflow .block::after {
	content: "";
	display: block;
	width: 36px;
	height: calc(tan(60deg) * 28px / 2);
	background-color: #999;
	border-radius: 2px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin: 2.5rem auto;
}
.orderflow .block:last-of-type::after {
	display: none;
}

/* デザインデータのご入稿 .draft_data
-------------------------------------------*/
/* テーブル
--------------------------------*/
/* td */
.orderflow .draft_data table tr:nth-of-type(1) td {
	text-align: center;
}
/* サービ名のth */
.orderflow .draft_data table tr:nth-of-type(2) th:nth-of-type(2),
.orderflow .draft_data table tr:nth-of-type(3) th:nth-of-type(1),
.orderflow .draft_data table tr:nth-of-type(4) th:nth-of-type(1) {
	background-color: var(--color-table-header2);
}