/* ===================================================
  デザイン案の作成・送付について
=================================================== */
/* 共通
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* sub_block */
.rough-design .sub_block {
	margin-top: 2rem; /* style.cssの上書き */
}
.rough-design .block h3 + .sub_block {
	margin-top: 1.5rem; /* style.cssの上書き */
}

/* 送付方法　.send
-------------------------------------------*/
/* 見出し・文章
-----------------------------*/
/* tit_group */
.rough-design .tit_group {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1rem;
}
/* 一行目のみ縦中央寄せ */
.rough-design .send .sub_block:nth-of-type(1) .tit_group {
	align-items: center;
}
/* p */
.rough-design .tit_group p {
	width: 3.8%;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 0;
	background-color: var(--color-primary);
	padding: 1.3rem 0.8rem;
}
/* h4 */
.rough-design .tit_group h4 {
	width: 95.2%;
	line-height: 1.1; /* style.cssの上書き */
	border: none; /* style.cssの上書き */
	margin-bottom: 0; /* style.cssの上書き */
	padding: 0; /* style.cssの上書き */
}
/* h4 */
.rough-design .tit_group p + h4 {
	margin-top: 0; /* 上の打消し */
}
/* 注釈 span */
.rough-design .send .annotation span {
	font-weight: 600;
}
/* 注釈 a */
.rough-design .send .annotation a {
	display: inline-block;
	color: #000;
	text-decoration: underline;
}

/* 作成方法 .make
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* marginの調整 */
.rough-design .block.make h3 + .sub_block {
	margin-top: 0.5rem; /* 上の上書き */
}
/* 見出し
-----------------------------*/
/* h3のデザイン */
.rough-design .block.make h4 {
	font-size: 1.2rem;
	background-color: rgba(172,164,80,.5);
	padding: 0.6rem 1.2rem;
	margin-bottom: 1.2rem; /* 上の上書き */
}
/* リスト
-----------------------------*/
/* ul */
.rough-design .make h4 + ul {
	margin-top: 1rem;
}
/* liの幅*/
.rough-design .make .sub_block li:first-child {
	width: 46.6%;
}
.rough-design .make .sub_block li:last-child {
	width: 51%;
}

/* 注意事項 .note
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* marginの調整 */
.rough-design .block.note h3 + .sub_block {
	margin-top: 2.5rem;
}
/* innerの中のinner */
.rough-design .sub_block .inner {
	margin-top: 1rem;
}
/* リスト
-----------------------------*/
/* liの幅*/
.rough-design .note .sub_block li {
	width: 47.7%;
	margin-top: 1rem;
}
/* p */
.rough-design .note .sub_block li p {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.3rem;	
}
/* pの前に四角 */
.rough-design .note .sub_block li p::before {
	content: "";
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: middle;
	background-color: var(--color-primary);
	margin-right: 0.4rem;
}