/* /css/utility.css：汎用的な補助クラス（必要に応じて使用） */
/* ----------------------------
	表示制御（inline-blockなど）
---------------------------- */
.br_span	{ display: inline-block;}
.text_center	{ text-align: center !important; }

/* ----------------------------
	余白（margin / padding）
---------------------------- */
.pt_2	{ padding-top: 2rem !important; }
.pt_4	{ padding-top: 4rem !important; }

.pb_2	{ padding-bottom: 2rem !important; }
.pb_4	{ padding-bottom: 4rem !important; }

.mt_0	{ margin-top: 0 !important; }
.mt_1	{ margin-top: 1rem !important; }
.mt_2	{ margin-top: 2rem !important; }
.mt_4	{ margin-top: 4rem !important; }

.mb_0	{ margin-bottom: 0 !important; }
.mb_1	{ margin-bottom: 1rem !important; }
.mb_2	{ margin-bottom: 2rem !important; }
.mb_4	{ margin-bottom: 4rem !important; }
.mb_8	{ margin-bottom: 8rem !important; }

/* ----------------------------
	テキスト
---------------------------- */
 .text_bold		{ font-weight: 700 !important; }


/* ----------------------------
	カラー
---------------------------- */
.color-primary	{ color: #375899 !important; }
.color-gray-400	{ color: #585858 !important; }

/* ----------------------------
	背景
---------------------------- */
.bg_section	{ background-color: #eff0eb !important; }

/* ----------------------------
	レスポンシブ表示の切替（任意）
---------------------------- */
@media screen and (max-width: 768px) {
	.only_pc { display: none !important; }
	.only_sp { display: block !important; }
}

@media screen and (min-width: 769px) {
	.only_pc { display: block !important; }
	.only_sp { display: none !important; }
}