@charset "utf-8";
/*=================================
	education.css
	- unique
	- @media only screen and (min-width: 641px)
	- @media only screen and (max-width: 1024px)
	- @media only screen and (max-width: 640px)
	- clearfix
================================ */

/* Heading */
.cm01 {
	background: #583a2f url(/education/img/com_im01.png) no-repeat 50% 0;
}

/* educationSection */
.educationSection {
	width: 100%;
	margin: 30px auto 70px;
	padding: 0;
}

/* educationCol01 */
.educationCol01 {
	clear: both;
	margin-top: 40px;
	padding: 0;
}
.educationCol01 > .col {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.educationCol01 > .col:nth-child(even) {
	margin-right: 0;
}
.educationCol01 > .col figure img {
	width: 100%;
	height: auto;
}
.educationCol01 > .col .colInner {
	background: #edf6fa;
	padding: 25px;
}
.educationCol01 > .col .colInner .marketCol2_01 {
	padding: 0;
}
.educationCol01 > .col .colInner > *:first-child {
	margin-top: 0 !important;
}
.educationCol01 > .col .marketCol2_01 > .col {
	width: 48.5%;
	margin-right: 3%;
}
.educationCol01 > .col .marketCol2_01 > .col:nth-child(even) {
	margin-right: 0;
}
.glossaryCol,	/*20170919追加*/
.rakugoCol,
.coveredcallCol,
.seminarCol,	/*20171218追加*/
.handbookCol,    /*20190116追加*/
.lectureCol {    /*20190305追加*/
	margin-bottom: 20px;
}
.glossaryCol dt,
.rakugoCol dt,
.coveredcallCol dt,	/*20170919追加*/
.seminarCol dt,	/*20171218追加*/
.handbookCol dt,    /*20190116追加*/
.lectureCol dt {    /*20190305追加*/
	display: table;
	width: 100%;
	height: 140px;
	background: #000000;
}
.glossaryCol dt a,
.rakugoCol dt a,
.coveredcallCol dt a,	/*20170919追加*/
.seminarCol dt a,	/*20171218追加*/
.handbookCol dt a,  /*20190116追加*/
.lectureCol dt a {    /*20190305追加*/
	display: table-cell;
	text-decoration:none;
	vertical-align: middle;
	text-align: center;
	transition-property: all;
	transition-duration: 0.2s;
	padding: 0 15px;	/*20170919追加*/
}
.glossaryCol dt a {
	background: #000000 url(/education/img/index_im01.png) no-repeat 50% 0;
	background-size: cover;
}
.rakugoCol dt a {
	background: #000000 url(/education/img/index_im02.png) no-repeat 0 0;
	background-size: cover;
}
.coveredcallCol dt a {	/*20170919追加*/
	background: #000000 url(/education/img/index_im03.png) no-repeat 0 0;
	background-size: cover;
}
.seminarCol dt a {	/*20171218追加*/
	background-image: url(/education/img/index_im04_1.png), url(/education/img/index_im04_2.png), url(/education/img/index_im04.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 100% 100%, 0 100%, 50% 50%;
	background-size:  contain, contain, cover;
}
.handbookCol dt a {    /*20190116追加*/
	background: #000000 url(/education/img/index_im05.png) no-repeat 0 0;
	background-size: cover;
}
.lectureCol dt a {    /*20190308追加*/
	background-image: url(/education/img/index_im06_2.png), url(/education/img/index_im06.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 100% 0, 0 0;
	background-size: cover, cover;
}
.glossaryCol dt a:hover,
.rakugoCol dt a:hover,
.coveredcallCol dt a:hover,	/*20170919追加*/
.seminarCol dt a:hover,	/*20171218追加*/
.handbookCol dt a:hover, /*20190116追加*/
.lectureCol dt a:hover {   /*20190305追加*/
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.glossaryCol dt a span,
.rakugoCol dt a span,
.coveredcallCol dt a span,	/*20170919追加*/
.seminarCol dt a span,	/*20171218追加*/
.handbookCol dt a span,  /*20190116追加*/
.lectureCol dt a span {    /*20190305追加*/
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
	text-align:center;
}
.glossaryCol dt a .subText,
.rakugoCol dt a .subText,
.coveredcallCol dt a .subText,	/*20170919追加*/
.seminarCol dt a .subText,	/*20171218追加*/
.handbookCol dt a .subText, /*20190116追加*/
.lectureCol dt a .subText {    /*20190305追加*/
	font-size: 86%;
	display: inline-block;
}
.glossaryCol dt a .subText2,
.rakugoCol dt a .subText2,
.coveredcallCol dt a .subText2,	/*20170919追加*/
.seminarCol dt a .subText2,	/*20171218追加*/
.handbookCol dt a .subText2, /*20190116追加*/
.lectureCol dt a .subText2 {    /*20190305追加*/
	display: inline-block;
}
.glossaryCol dd.colInner,
.rakugoCol dd.colInner,
.coveredcallCol dd.colInner,	/*20170919追加*/
.seminarCol dd.colInner,	/*20171218追加*/
.handbookCol dd.colInner , /*20190116追加*/
.lectureCol dd.colInner {    /*20190305追加*/
	padding: 20px;
	border: solid 1px #dfdfdf;
}
.glossaryCol dd.colInner > *:first-child,
.rakugoCol dd.colInner > *:first-child,
.coveredcallCol dd.colInner > *:first-child,	/*20170919追加*/
.seminarCol dd.colInner > *:first-child,	/*20171218追加*/
.handbookCol dd.colInner > *:first-child, /*20190116追加*/
.lectureCol dd.colInner > *:first-child {    /*20190116追加*/
	margin-top: 0 !important;
}
.linkBtn01 {
	margin-top: 25px;
	text-align: center;
}

/* educationLink */
.educationLink {
	margin: 0;
}
.educationLink .heading04 {
	margin: 0 -15px;
}
.educationLink dl {
	margin: 0 10px 2em 10px;
	vertical-align: top;
}
.educationLink dt {
	margin-bottom: 0.5em;
	font-size: 1.5rem;
}
.educationLink dd {
	margin-left: 15px;
	line-height: 1.5;
}



@media only screen and (min-width: 641px) {
/* educationCol01 */
	.glossaryCol dd.colInner,
	.rakugoCol dd.colInner,
	.coveredcallCol dd.colInner,	/* 20170925追加 */
	.seminarCol dd.colInner,    	/* 20171218追加 */
    .handbookCol dd.colInner,    /*20190226追加*/
    .lectureCol dd.colInner {    /*20190312追加*/
		line-height: 1.5;
		min-height: 9em;
	}
	.linkBtn01 a {
		min-width: 80%;
	}
}

@media only screen and (max-width: 1024px) {
/* educationSection */
	.educationSection > p {
		margin-left:15px; margin-right:15px;
	}
/* educationCol01 */
	.educationCol01 {
		padding: 0 15px;
	}
/* educationLink */
	.educationLink .heading04 {
		margin: 0;
	}

}

@media only screen and (max-width: 640px) {
/* educationSection */
	.educationSection {
		width: auto;
		margin: 15px auto 50px;
		padding: 0 15px;
	}
/* educationCol01 */
	.educationCol01 {
		margin-top: 20px;
		padding: 0;
	}
	.educationCol01 > .col {
		float: none;
		width: 100%;
		height: auto !important;
		margin-right: 0;
	}
	.educationCol01 > .col .colInner {
		padding: 10px 15px 20px;
	}
	.educationCol01 > .col + .col {
		margin-top: 15px;
	}
	.educationCol01 > .col .marketCol2_01 > .col {
		width: 100%;
		margin-right: 0;
	}
	.educationCol01 > .col .marketCol2_01 > dl.col {
		float: none;
		display: table;
	}
	.educationCol01 > .col .marketCol2_01 > dl.col > dt {
		display: table-cell;
		width: 100px;
		height: auto;
		max-height: auto;
		vertical-align: top;
	}
	.educationCol01 > .col .marketCol2_01 > dl.col > dt > a {
		/*height: auto;
		max-height: auto;*/
	}
	.educationCol01 > .col .marketCol2_01 > dl.col > dd {
		display: table-cell;
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: top;
	}
	.educationCol01 > .col .marketCol2_01 > dl.col > dd > .iconLink01 a {
		display: inline-block;
	}
	.educationCol01 .articleBlock .col dt {
	max-width: 100%;
	max-height: 100%;

}
	.notesList01 li {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 1.1rem;
	}

}

/* clearfix */
.educationCol01:after {
	content : "";
	display : block;
	clear : both;
}