/* =============================================================
  ご注文の流れ　.orderflow
============================================================= */
/* 共通
-------------------------------------------*/
/*  ボタン
--------------------------------*/
/* マージン */
.orderflow .grad_btn {
	width: 40%;
	margin: 2rem auto;
	padding: 2rem;
}
/* 入稿ガイドボタンの色 */
.orderflow .dguide_btn {
	background: linear-gradient(to bottom, #af5450  5%, #7f3232 100%);
	background-color: #af5450;
}

/*  注釈
--------------------------------*/
/* ボーダー */
.orderflow .annotation,
.orderflow .annotation {
	font-size: 0.9rem;
	line-height: 1.5;
	border: 1px solid var(--color-border1);
	margin-top: 1.25rem;
	padding: 1.25rem;
}
/* spanの文字を赤に */
.orderflow .annotation span,
.orderflow .annotation span {
	color: red;
}

/* step2 デザインデータを制作
-------------------------------------------*/
/* pの文字を赤に */
.orderflow .step2 h3 + p {
	color: red;
	font-weight: bold;
}

/* step3 注文する
-------------------------------------------*/
/*  テーブル
----------------------------*/
/* th */
.orderflow table th {
	width: 35%;
	color: #fff;
	background-color: var(--color-primary);
	border-bottom: #fff;
}
/* td */
.orderflow table td {
	text-align: center;
}