@charset "utf-8";
/* ==================================================
		
		セミナー&ニュース PC

================================================== */

@media screen and (min-width:781px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/seminar-news/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.seminar-news
-------------------------------------------------- */
.main .seminar-news {
	padding-top: 50px;
}
.main .seminar-news h3 {
	font-size: 35px;
	text-align: center;
	color: #007db7;
}
.main .seminar-news .seminar-news-txt01 {
	font-size: 14px;
	text-align: center;
	color: #555555;
	margin-top: 15px;
}
.main .seminar-news .seminar-news-inner {
	margin-top: 40px;
	display: flex;
}
.main .seminar-news .seminar, .main .seminar-news .news, .main .seminar-news .xross {
	width: calc(100% / 3);
}
.main .seminar-news .seminar .seminar-inner, .main .seminar-news .news .news-inner, .main .seminar-news .xross .xross-inner {
	position: relative;
}
.main .seminar-news .seminar .seminar-inner {
	background: url(/seminar-news/img/seminar-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .news .news-inner {
	background: url(/seminar-news/img/news-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .xross .xross-inner {
	background: url(/seminar-news/img/xross-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .seminar .seminar-inner:before, .main .seminar-news .news .news-inner:before, .main .seminar-news .xross .xross-inner:before {
	padding-top: 58%;
	display: block;
	content: "";
}
.main .seminar-news .seminar .seminar-box, .main .seminar-news .news .news-box, .main .seminar-news .xross .xross-box {
	width: 100%;
	position: absolute;
	top: 0;
}
.main .seminar-news .seminar .seminar-wrapper, .main .seminar-news .news .news-wrapper, .main .seminar-news .xross .xross-wrapper {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main .seminar-news .seminar .seminar-area h4, .main .seminar-news .news .news-area h4, .main .seminar-news .xross .xross-area h4 {
	font-size: 34px;
	text-align: center;
	color: #ffffff;
	text-shadow: 2px 2px 8px #000000, 0 0 1px #000000, 0 0 5px #000000;
}
.main .seminar-news .seminar .seminar-block, .main .seminar-news .news .news-block, .main .seminar-news .xross .xross-block {
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #ffffff;
	margin-top: 5px;
	text-shadow: 2px 2px 8px #000000, 0 0 1px #000000, 0 0 3px #000000;
}
.main .seminar-news .seminar .seminar-area .white-btn, .main .seminar-news .news .news-area .white-btn, .main .seminar-news .xross .xross-area .white-btn {
	margin-top: 20px;
}
/* --------------------------------------------------
		.over 不透明度ロールオーバー
-------------------------------------------------- */
.main .seminar-news .over {
	display: block;
}
}

/* ==================================================
		
		セミナー&ニュース SP

================================================== */

@media screen and (max-width:780px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/seminar-news/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.seminar-news
-------------------------------------------------- */
.main .seminar-news {
	padding-top: 25px;
}
.main .seminar-news h3 {
	font-size: 18px;
	text-align: center;
	color: #007db7;
	padding: 0 12px;
}
.main .seminar-news .seminar-news-txt01 {
	font-size: 12px;
	text-align: left;
	color: #555555;
	padding: 0 12px;
	margin-top: 5px;
}
.main .seminar-news .seminar-news-inner {
	margin-top: 20px;
}
.main .seminar-news .seminar .seminar-inner, .main .seminar-news .news .news-inner, .main .seminar-news .xross .xross-inner {
	position: relative;
}
.main .seminar-news .seminar .seminar-inner {
	background: url(/seminar-news/img/seminar-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .news .news-inner {
	background: url(/seminar-news/img/news-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .xross .xross-inner {
	background: url(/seminar-news/img/xross-bg01.jpg) no-repeat center / cover;
}
.main .seminar-news .seminar .seminar-inner:before, .main .seminar-news .news .news-inner:before, .main .seminar-news .xross .xross-inner:before {
	padding-top: 58%;
	display: block;
	content: "";
}
.main .seminar-news .seminar .seminar-box, .main .seminar-news .news .news-box, .main .seminar-news .xross .xross-box {
	width: 100%;
	position: absolute;
	top: 0;
}
.main .seminar-news .seminar .seminar-wrapper, .main .seminar-news .news .news-wrapper, .main .seminar-news .xross .xross-wrapper {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main .seminar-news .seminar .seminar-area h4, .main .seminar-news .news .news-area h4, .main .seminar-news .xross .xross-area h4 {
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 0 10px #000000;
}
.main .seminar-news .seminar .seminar-block, .main .seminar-news .news .news-block, .main .seminar-news .xross .xross-block {
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	margin-top: 10px;
}
.main .seminar-news .seminar .seminar-area .white-btn, .main .seminar-news .news .news-area .white-btn, .main .seminar-news .xross .xross-area .white-btn {
	margin-top: 20px;
}
}