@charset "UTF-8";

/* =========================================================================
   flipuru-note.css — 講座ページに置く「Flipuruとは？」の囲みの追加分
   -------------------------------------------------------------------------
   コース名に「【Flipuru】」が付いた 15 本の講座ページで、コース名の直後に
   Flipuru が何かを 2 行で説明し、/training/flipuru/ へ送る。
   初めて見る方には「Flipuru」だけでは何のことか分からないため。

   旧テーマ由来の CSS には手を入れていない。色は旧テーマのものを使う。
     枠・見出し   #00afdf（.topimage などの水色帯と同じ）
     地の文       #555（layout.css の本文色）
     リンク       #001db3（旧テーマのリンク色）

   読み込むページ: 【Flipuru】が付いた講座 15 本のみ
     /seminar_new/211 244 251 253 255 263 268 272 277 286 292 311 322 516
     /webpg/db-sql-1day.html
   ========================================================================= */


.flipuru_note {
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 16px 20px;
	background-color: #f4fbfd;
	border: 1px solid #cfe9f2;
	border-left: 4px solid #00afdf;
}
.flipuru_note .flipuru_note_title {
	font-size: 15px;
	font-weight: 600;
	color: #1d2778;
	margin: 0 0 6px 0;
	line-height: 1.6;
}
.flipuru_note p {
	font-size: 14px;
	line-height: 1.8;
	color: #555;
	margin: 0;
}
.flipuru_note .flipuru_note_link {
	margin-top: 8px;
}
.flipuru_note .flipuru_note_link a {
	font-size: 14px;
	color: #001db3;
	background: url("../images/common/arrow_right_circle.svg") no-repeat right center;
	background-size: 18px;
	padding-right: 24px;
}


@media all and (max-width: 767px) {

.flipuru_note {
	margin-bottom: 20px;
	padding: 12px 14px;
}
.flipuru_note .flipuru_note_title {
	font-size: 14px;
}
.flipuru_note p,
.flipuru_note .flipuru_note_link a {
	font-size: 13px;
	line-height: 1.7;
}

}