@charset "utf-8";
#seminar_base {
font-family: toppan-bunkyu-gothic-pr6n, serif;
font-style: normal;
font-weight: 400;
}
#seminar_base img {
	width: 100%;
	height: auto;
	display: block;
}

#seminar_base #main {
	position: relative;
	width: 100%;
	hight:auto;
	margin: 0 auto;
}
#seminar_base .shadow {
	background: url("../images/bg_shadow.png") no-repeat center bottom;
	background-size: contain;
	width: 100%;
	height: 24px;
}
#seminar_base .contents-inner {
	padding: 30px 0px;
	margin: 0 auto;
}
#seminar_base .col {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#seminar_base .col .contents {
	flex-basis: 66%;
	padding-right: 20px;
}
#seminar_base .col .navi {
    -webkit-flex-basis: 40;
    flex-basis: 34%;
	background: #ddd;
	border-radius: 10px;
	padding: 20px 10px 0 10px;
}
#seminar_base .col .profImage {
    -webkit-flex-basis: 200px;
    flex-basis: 200px;
	padding-right: 20px;
}
#seminar_base .col .profText {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
#seminar_base .date {
	width: 100%;
	color:#000000;
	text-align: left;
	font-size:1.2em;
	margin-bottom: 10px;
}
#seminar_base .date span {
	color: #FFFFFF;
	background: #000000;
	padding: 6px 9px 6px 6px;
	display: inline-block;
	width: 110px;
	margin-right: 20px;
	text-align: center;
	border-radius: 3px;
}
#seminar_base .mainTit {
	color:#2f99aa;
	font-family: "ruika", sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 2.6em;
	line-height: 1.2em;
	margin: 0 auto 20px auto;
	padding: 0 0 30px 0;
	border-bottom: solid 4px #000000;
}
#seminar_base .mainTit span {
	color:#2f99aa;
	font-size: 24px;
	font-weight: 800;
	display: inline-block;
	margin-bottom: 3px;
}
#seminar_base .formTit {
	font-family: "ruika", sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	color:#2f99aa;
	text-align: center;
	margin-bottom: 10px;
}
#seminar_base .col .contents p { padding-bottom: 15px; }
#seminar_base ul.slist {
	font-family: "ruika", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.4em;
	line-height: 1.8em;
	padding-bottom: 15px;
}
#seminar_base .profile {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	background: #eeeeee;
	padding: 20px 20px 10px 20px!important;
	color:#333333;
	margin-top: 30px;
}
#seminar_base .post { line-height: 1.4em; }
#seminar_base .name {
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 2.0em;
	line-height: 1.0em;
	padding: 0;
}
#seminar_base .pImage {
	width: 200px;
	height: 200px;
}
#seminar_base iframe {
	width: 100%;
	height: 800px;
}

@media screen and (max-width: 980px) {
#seminar_base .col {
	display: contents;
	width: 100%;
	}
#seminar_base .col .contents {
	flex-basis: 100%;
	padding: 20px 4%;
}
#seminar_base .col .navi {
    flex-basis: 100%;
	background: #ddd;
	border-radius: 0;
	padding: 20px;
}
#seminar_base .col .profImage {
    -webkit-flex-basis: 100px;
    flex-basis: 100px;
	padding-right: 20px;
}
#seminar_base .date {
	text-align: center;
	font-size:1em;
	border-bottom: 4px solid #000000;
	padding: 10px 0;
}
#seminar_base .date span {
	width: 100%;
	margin-bottom: 10px;
}
#seminar_base h1.mainTit {
	color:#2f99aa;
	font-family: "ruika", sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 2em;
	line-height: 1.0em;
	margin: 0 auto 20px auto;
	padding: 0 0 30px 0;
	border-bottom: solid 4px #000000;
}
#seminar_base h1.mainTit span {
	color:#2f99aa;
	font-size: 20px;
	font-weight: 800;
	display: inline-block;
	margin-bottom: 3px;
}
#seminar_base .col .contents p {
	padding-bottom: 5px;
}
#seminar_base .pImage {
	width: 100px;
	height: 100px;
}
#seminar_base .post {
	font-size: 0.9em;
	line-height: 1.2em;
}
}