/* =============================================================
  デザインプラン　.design
============================================================= */
/* 共通
-------------------------------------------*/
/* 枠
--------------------------------*/
/* リスト
---------------------*/  
/* ul */
.design ul.plan {
	gap: 1.5rem 5%;
	margin-top: 2.5rem;
}
/* li */
.design ul.plan li {
	flex-basis: calc((100% - 5%*2)/3);
}

/* 各プラン
--------------------------------*/
/* 枠
---------------------*/  
/* li div */
.design ul.plan li div {
	border: 1px solid var(--color-border1);
	padding: 1.6rem 1.875rem;
}

/* 見出し
---------------------*/  
/* div h4 */
.design h4 {	
	font-size: 1.4rem;
	font-weight: 900;
	text-align: center;
	margin-top: 0.2rem;
}
.design h4::before {	
	display: none;
}
/* li h5 */
.design h5 {
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
}
/* 画像
---------------------*/  
/* li img */
.design ul.flex li img {
	display: block;
	margin-top: 0.6rem;
}
/* リスト
---------------------*/  
/* plan ul */
.design .plan ul {
	margin-top: 0.6rem;
}
/* plan ul li */
.design .plan ul li {
	font-weight: 600;
	line-height: 1.3;
	border-bottom: 1px dashed #000;
	text-indent: -1.5em;
	padding-left: 1.5em;
	padding-bottom: 0.8rem;
	margin-top: 1rem;
}
/* .plan ul li::before */
.design .plan ul li::before {
	content:"";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #000;
	border-radius: 50%;
	vertical-align: baseline;
	margin-right: 0.5rem;
}
/* 価格 
---------------------*/  
/* p */
.design .plan div p {
	font-size: 2rem;
	font-weight: 900;
	line-height: 1;
	text-align: center;
	margin-top: 1rem;
}
/* p soan */
.design .plan div p span {
	display: inline-block;
	font-size: 1rem;
	padding-left: 0.1rem;
}
/* カラー 
---------------------*/  
/* h5 */
.design .plan_draft h5 { color: var(--color-plan-draft); }
.design .plan_data h5 { color: var(--color-plan-data); }
.design .plan_omakase h5 { color: var(--color-plan-omakase); }

/* ul li */
.design .plan_draft ul li { border-color: var(--color-plan-draft); }
.design .plan_data ul li { border-color: var(--color-plan-data); }
.design .plan_omakase ul li { border-color: var(--color-plan-omakase); padding-bottom: 0.65rem; }

/* ul li::before */
.design .plan_draft ul li::before { background-color: var(--color-plan-draft); }
.design .plan_data ul li::before { background-color: var(--color-plan-data); }
.design .plan_omakase ul li::before { background-color: var(--color-plan-omakase); }



/* =============================================================
  データ作成用テンプレート　.template
============================================================= */
/*共通
-------------------------------------------*/
/* ブロック
--------------------------------*/
.template .block {
	margin-top: 4rem;
}

/* ガイドを確認 .guide
-------------------------------------------*/
/* 枠
--------------------------------*/
/* guide */
.template .guide {
	align-items: center;
	background-color: #fbf4df;
	padding: 1.46875rem 1.875rem;
}
/* 文章
--------------------------------*/
/* p */
.template .guide p {
	font-size: 1.1rem;
	font-weight: 600;
}
/* ボタン
--------------------------------*/
/* a */
.template a.cmn_btn {
	width: 26.315%;
	font-size: 1.1rem;
	padding: 1.5rem 1.25rem;
}

/* ダウンロードボタン .dl_btn
-------------------------------------------*/
/* リスト
--------------------------------*/
/* ul */
.template .download ul {
	gap: 1rem 2.333%;
	margin-top: 1.5rem;
}
/* li */
.template .download ul li {
	flex-basis: calc((100% - 2.333%*2) / 3);
}


/* =============================================================
  データ作成ガイド　.data-guide
============================================================= */
/* 共通
-------------------------------------------*/
/* 見出し・文章
--------------------------------*/
/* pのインデント */
.data-guide p {
	text-indent: -1em;
	padding-left: 1em;
}
.data-guide .create p,
.data-guide .addition p,
.data-guide .image p {
	text-indent: -2.5em;
	padding-left: 2.5em;
}
/* p + p */
.data-guide p + p {
	margin-top: 0.3rem;
}
/* 強調 */
.data-guide .emphasis {
	color: var(--color-primary);
}
/* 画像
--------------------------------*/
/* img */
.data-guide img {
	display: block;
	margin-top: 1rem;
}
/* img + p */
.data-guide img + p {
	display: block;
	margin-top: 1rem;
}