@charset "utf-8";
/* CSS Document */

/*==============================*/
/* カラム */
/*==============================*/
div.seminarColumn{
	display: flex;
	align-items: flex-start;
}

div.seminarColumn div.seminar-mainColumn{
	flex: 1;
	margin-right: 48px;
}

div.seminarColumn div.seminar-sideColumn{
	width: 400px;
	padding: 32px 28px 28px 28px;
	background: #ECF7FA;
}
div.seminarColumn div.seminar-sideColumn h3{
	margin-bottom: 24px;
	color: #000;
	font-size: 21px;
	font-weight: 600;
}

div.seminarColumn div.seminar-sideColumn p.receptionClosed{
	color: #000;
	font-size: 19px;
	font-weight: 600;
	text-align: center;
}


	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		div.seminarColumn{ flex-direction: column;}
		div.seminarColumn div.seminar-mainColumn{
			margin-right: 0px;
			margin-bottom: 40px;
		}

		div.seminarColumn div.seminar-sideColumn{
			width: 100%;
			padding: 24px;
			background: #ECF7FA;
		}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		
	}



/*==============================*/
/* コンテンツ */
/*==============================*/

/*---------------------------------
   メイン画
---------------------------------*/
.seminar-visual{ margin-bottom: 32px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*---------------------------------
   タイトル
---------------------------------*/

/*-- メインタイトル
------------------------- */
.seminar-mainTitle{
	margin-bottom: 36px;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.seminar-mainTitle{
			margin-bottom: 32px;
			font-size: 24px;
			font-weight: 600;
			line-height: 1.414em;
		}
	}


/*-- サブタイトル
------------------------- */
.seminarTitle{
	padding-bottom: 12px;
	border-bottom: 3px solid #01ABDB;
	color: #000;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.6em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.seminarTitle{ font-size: 23px;}
	}


/*---------------------------------
   こんな人におすすめ
---------------------------------*/
dl.seminarRecommend{
	margin-bottom: 40px;
	padding: 24px 28px;
	border: 2px solid #D6E3ED;
	border-radius: 5px;
}
dl.seminarRecommend dt{
	margin-bottom: 16px;
	color: #01ABDB;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3em;
}
dl.seminarRecommend dd ul li{
	position: relative;
	padding-left: 28px;
	color: #000;
	line-height: 1.5em;
}
dl.seminarRecommend dd ul li::before{
	position: absolute; top: 4px; left: 0;
	content: "";
	width: 18px;
	height: 18px;
	background: #01ABDB;
	border-radius: 50%;
}
dl.seminarRecommend dd ul li::after{
	position: absolute; top: 9px; left: 4px;
	content: "";
	width: 10px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	z-index: 99;
}
dl.seminarRecommend dd ul li:not(:last-child){ margin-bottom: 10px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		dl.seminarRecommend{
			margin-bottom: 36px;
			padding: 24px 24px;
		}
		dl.seminarRecommend dt{
			margin-bottom: 18px;
			font-size: 21px;
		}
		dl.seminarRecommend dd ul li::before{ position: absolute; top: 2px; left: 0;}
		dl.seminarRecommend dd ul li::after{ position: absolute; top: 7px; left: 4px;}
	}


/*---------------------------------
   開催概要
---------------------------------*/
div.seminarOverview dl{
	display: flex;
	padding: 24px 0;
	border-bottom: 1px solid #D6E3ED;
}
div.seminarOverview dl dt{
	width: 168px;
	color: #72798A;
	font-weight: 600;
	line-height: 1.7em;
}
div.seminarOverview dl dt img{
	position: relative; top: -2px;
	margin-right: 6px;
}
div.seminarOverview dl dd{
	flex: 1;
	margin-left: 24px;
}
div.seminarOverview dl dd,
div.seminarOverview dl dd p{
	color: #000;
	line-height: 1.7em;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.seminarOverview dl{
			flex-direction: column;
			padding: 24px 0;
		}
		div.seminarOverview dl dt{
			margin-bottom: 6px;
			width: 100%;
			font-size: 16px;
		}
		div.seminarOverview dl dd{ margin-left: 26px;}
		div.seminarOverview dl dd,
		div.seminarOverview dl dd p{
			font-size: 14px;
			line-height: 1.618em
		}
	}


/*---------------------------------
   登壇者
---------------------------------*/
div.seminarPresenter{
	display: flex;
	padding: 36px 0 32px 0;
	border-bottom: 1px solid #D6E3ED;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.seminarPresenter{
			padding: 36px 0 32px 0;
			border-bottom: 1px solid #D6E3ED;
		}
	}

/*-- 
------------------------- */
div.seminarPresenter figure{
	width: 160px;
}
div.seminarPresenter figure img{
	border-radius: 50%;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.seminarPresenter figure{
			width: 88px;
		}
	}


/*-- 
------------------------- */
div.seminarPresenter div{
	flex: 1;
	margin-left: 28px;
}
div.seminarPresenter div h4{
	margin-bottom: 16px;
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
div.seminarPresenter div h4 small{
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5em;
}

div.seminarPresenter div p{
	font-size: 13px;
	text-align: justify;
	text-align-last: left;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.seminarPresenter div{ margin-left: 20px;}
	}