/* =============================================================
  ご注文の流れ　.orderflow
============================================================= */
/* 共通
-------------------------------------------*/
/* ブロック
--------------------------------*/
/* block */
.orderflow .block {
	margin-top: 0; /* style.cssの上書き */
}
/* inner_block */
.orderflow .inner_block {
	margin-top: 2rem;
}
.orderflow .inner_block:nth-of-type(1) {
	margin-top: 1.2rem;
}
/* 三角 */
.orderflow .block::after {
	content: "";
	display: block;
	width: 40px;
	height: calc(tan(60deg) * 30px / 2);	
	background-color: #999;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin: 2.5rem auto;
}
/* 最後の三角 */
.orderflow .block:last-of-type::after {
	content: none;
}

/* 見出し
--------------------------------*/
/* h3 */
.orderflow h3 {
	position: relative;
	font-size: 1.5rem; /* style-cssの上書き */
	text-align: center;
	padding-top: 1rem; /* style-cssの上書き */
	padding-bottom: 1.2rem; /* style-cssの上書き */
	padding-left: 25%;
}
/* step */
.orderflow h3 span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 25%;
	height: 100%;
	color: #fff;
	font-weight: 900;
	text-align: center;
	line-height: 2.5;
	background-color: #00D6CF;
}
/* step数字 */
.orderflow h3 span span {
	position: relative; /* 上の打消し */
	display: inline; /* 上の打消し */
	width: 100%; /* 上の打消し */
	height: auto; /* 上の打消し */
	font-size: 1.3rem;
	line-height: 1; /* 上の打消し */
	background-color: transparent; /* 上の打消し */
}
/* h5 */
.orderflow h5 {
	color: var(--color-backpanel);
	font-size: 1.1rem;
	text-align: center;
	border-bottom: 1px solid var(--color-backpanel-pale) ;
	padding-bottom: 0.3rem;
}

/* step1
-------------------------------------------*/
/* ボタン
--------------------------------*/
.step1 .cmn_guide_btn {
	color: #000; /* style.cssの上書き */
	background-color: var(--color-accent1); /* style.cssの上書き */
}
.step1 .cmn_guide_btn::after {
	content: url(https://backbnr.tenjikai-professional.com/wp/wp-content/uploads/cmn_btn_icon_triangle1.png); /* style.cssの上書き */
}

/* stp2
-------------------------------------------*/
/* 見出し・文章
--------------------------------*/
/* h4 */
.step2 h4 {
	text-align: center;
	background-color: transparent; /* style.cssの打消し */
	border: 1px solid var(--color-border);
	margin-top: 1.5rem;
	padding: 0.8rem 0.9rem 0.9rem;
}
/* p */
.step2 .annotation {
	margin-top: 1rem;
}

/* リスト
--------------------------------*/
/* li */
.step2 li {
	width: 46.8%;
	margin-top: 1rem;
}
.step2 .other_site a {
	display: inline;
	text-decoration: underline;
} 

/* stp3
-------------------------------------------*/
/* ボタン
--------------------------------*/
/* emphasis */
.step3 .emphasis {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 0.95rem;
	margin-top: 1rem;
}
/* 前後に線を追加 */
.step3 .emphasis::before, .step3 .emphasis::after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: var(--color-accent);
	margin: 0 4px;
}
.step3 .emphasis::before { transform: rotate(55deg); }
.step3 .emphasis::after {  transform: rotate(-55deg); }

/* cmn_guide_btn */
.step3 .cmn_guide_btn {
	margin-top: 0.2rem; /* style.cssの上書き */
	background-color:#B51616;
}

/* stp5
-------------------------------------------*/
/* テーブル
--------------------------------*/
/* th */
.step5 table th {
	width: 35%;
	text-align: left;
}
/* td */
.step5 table td:nth-of-type(1) {
	width: 25%;
	text-align: center;
	background-color: var(--color-table-header2);
}
.step5 table tr:nth-child(1) td:nth-of-type(1) {
	background-color: #fff;
}
.step5 table td:nth-of-type(2) {
	width: 50%;
}
/* a */
.step5 table a:hover {
	text-decoration: underline;
}

/* stp6
-------------------------------------------*/
/* 文章
--------------------------------*/
/* 注釈 */
.step6 .annotation {
	border: 1px solid var(--color-border);
	margin-top: 1rem;
	padding: 1rem;
}