/* =============================================================
  ご注文の流れ
============================================================= */
/* 共通
-------------------------------------------*/
/* リスト
----------------------------*/
ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

/* 数字 .num_group
-------------------------------------------*/
/* 幅 */
.step li.num_group {
	width: 8.4%;
}
/* 背景デザイン（比率を同じに） */
.step li.num_group .inner {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background-color: var(--color-primary-a80);
	border-radius: 5px;
}
/* 文字のデザインとセンター寄せ */
.step li.num_group p {
	position: absolute;
	width: 100%;
	font-family: 'Garamond', serif;
	font-size: 2.2rem;
	font-weight: 600;
	font-style: italic;
	color: #fff;
	line-height: 1.1;
	text-align: center;
	top: calc(50% - 1.75rem);
	left: 0;	
}
/* stepの文字調整 */
.step li.num_group span {
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
}

/* 文章 .txt_group
-------------------------------------------*/
/* 幅 */
.step li.txt_group {
	width: 89.8%;
	text-align: left;
}

/* 文章 .txt
----------------------------*/
/*テキスト上下余白消す*/
.txt{
margin:0;
}
/* 幅 */
.step li.txt_group .txt {
	width: 90.5%;
}
/* h3のデザイン */
.step li.txt_group h3 {
	font-weight: 600;
	margin-top: 1rem;
	font-size: 1.2rem;
	color: var(--color-primary);
	text-align: left;
}
/* pの上マージン */
.step li.txt_group p {
	margin-top: 0.2rem;
}

/* ピクト .pict
----------------------------*/
/* 幅 */
.step li.txt_group .pict {
	width: 9.4%;
}

/* 矢印とライン .arrow_line
-------------------------------------------*/
/* 上下マージン */
.arrow_line {
	margin: 1.5rem 0;
}
/* 幅とセンター寄せ */
.arrow_line .arrow {
	width: 8.4%;
	text-align: center;
}
/* 画像サイズ */
.arrow_line .arrow img {
	width: 25%;
}
/* 線 */
.arrow_line .line {
	width: 89.8%;
	border-top: 1px solid #344063;
}