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

/* 送付方法　.submission
-------------------------------------------*/
/* 見出し・文章
-----------------------------*/
/* tit_group */
.data-guide .submission .tit_group {
	align-items: flex-start;
	margin-bottom: 1rem;
}
/* 一行目のみ縦中央寄せ */
.data-guide .submission .sub_block:nth-of-type(1) .tit_group,
.data-guide .submission .sub_block:nth-of-type(2) .tit_group {
	align-items: center;
}
/* p */
.data-guide .submission .tit_group p {
	width: 5%;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 0;
	background-color: var(--color-primary);
	padding: 1.2rem 0.8rem 1.4rem 0.9rem;
}
/* h4 */
.data-guide .submission .tit_group h4 {
	width: 94%;
	font-size: 1.2rem; /* style.cssの上書き */
	line-height: 1.3; /* style.cssの上書き */
	background-color: transparent; /* style.cssの上書き */
	border: none; /* style.cssの上書き */
	margin-bottom: 0; /* style.cssの上書き */
	padding: 0; /* style.cssの上書き */
}
/* h4 */
.data-guide .submission .tit_group p + h4 {
	margin-top: 0; /* 上の打消し */
}
/* 注釈 span */
.data-guide .submission .annotation span {
	font-weight: 600;
}
/* 注釈 a */
.data-guide .submission .annotation a {
	display: inline-block;
	color: #000;
	text-decoration: underline;
}

/* 作成方法 .how_to_create
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* marginの調整 */
.data-guide .block.how_to_create h3 + .sub_block {
	margin-top: 0.5rem; /* 上の上書き */
}
/* リスト
-----------------------------*/
/* ul */
.data-guide .how_to_create h4 + ul {
	margin-top: 1rem;
}
/* liの幅*/
.data-guide .how_to_create .sub_block li:first-child {
	width: 46.6%;
}
.data-guide .how_to_create .sub_block li:last-child {
	width: 51%;
}

/* 当店で対応できるデザイン .design
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* sub_block */
.data-guide .design .sub_block {
	margin-top: 3rem; /* style.cssの上書き */
}
.data-guide .design .sub_block:first-child {
	margin-top: 0; /* style.cssの上書き */
}
/* リスト
-----------------------------*/
/* ul */
.data-guide .design ul {
	gap: 1rem 6.68%;
	margin-top: 1rem;
}
/* li */
.data-guide .design li {
	width: calc((100% - 6.68%*2) / 3);
}
/* h5 */
.data-guide .design li h5 {
	font-size: 1rem;
	min-height: 3rem;
	margin-top: 0.5rem;
}
/* h5下のp */
.data-guide .design li h5 + p {
	min-height: 5.5rem;
	margin-top: 0.5rem;
}
/* p.price */
.data-guide .design li p.price {
	background-color: var(--color-table-header1);
	margin-top: 0.3rem;
	padding: 0.3rem 0.8rem;
}
/* 対応できないデザイン .unavailable
-----------------------------*/
/* h5下のp */
.data-guide .design .unavailable li h5 + p {
	min-height: auto;
}
/* デザインについての注釈 .design_note
-----------------------------*/
/* p + p */
.data-guide .design .design_note p + p {
	margin-top: 0.3rem;
}
/* p */
.data-guide .design .design_note p {
	text-indent: -1em;
	padding-left: 1rem;
}

/* 注意事項 .note
-------------------------------------------*/
/* 大枠
-----------------------------*/
/* marginの調整 */
.data-guide .block.note h3 + .sub_block {
	margin-top: 2.5rem;
}
/* innerの中のinner */
.data-guide .sub_block .inner {
	margin-top: 1rem;
}
/* リスト
-----------------------------*/
/* liの幅*/
.data-guide .note .sub_block li {
	width: 47.7%;
	margin-top: 1rem;
}
/* p */
.data-guide .note .sub_block li p {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.3rem;	
}
/* pの前に四角 */
.data-guide .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;
}