@charset "utf-8";
/*------------------------------------------------------------
	opencourse
------------------------------------------------------------*/
#main .linkBox .linkUl a::after {
	border-color: #004831 #004831 transparent transparent;
}
#main .secBg {
	background-color: #004831;
}
#main .titleBox {
	margin-bottom: 40px;
}
#main .secBox .content::before {
	background-image: url("../img/opencourse/icon01.png");
}
#main .secBg .content::before {
	background-image: url("../img/course/icon02.png");
}
#main .listUl02 li {
	border-color: #004831 !important;
}
#main .listUl02 li::after {
	background-color: #004831;
}
#main .topBox .enImg {
	margin-bottom: 48px;
}
#main .topBox .title {
	margin-bottom: 60px;
}
#main .sec02 .textImg {
	text-align: center;
	margin: 0 -20px;
}
#main .sec02 .titleBox {
	margin-bottom: 46px;
}
#main .sec02 {
	padding-bottom: 30px;
}
#main .sec03 .titleBox {
	margin-bottom: 75px;
}
#main .bgBox {
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
}
#main .bgBox .bgImg {
	z-index: 1;
}
#main .sec03 {
	padding-bottom: 72px;
}
#main .listUl02 {
	background-color: #fff;
}
#main .sec04 .titleBox {
	margin-bottom: 80px;
}
#main .listUl02 .img {
	width: 82px;
}
#main .listUl02 li {
	padding: 37px 0 37px 13px;
}
#main .sec04 {
	padding-bottom: 80px;
}
#main .sec06 .content::before {
	background-image: url("../img/opencourse/icon02.png");
}
@media all and (min-width: 897px) {
	#main .linkBox .linkUl a {
		min-width: 240px;
	}
}
@media all and (max-width: 896px) {
	#main .topBox .enImg img {
		width: 228px
	}
	#main .topBox .enImg {
		margin-bottom: 31px;
	}
	#main .topBox .title img {
		height: 15px;
	}
	#main .topBox .title {
		margin-bottom: 23px;
	}
	#main .titleBox .title {
		width: 261px;
	}
	#main .titleBox {
		margin-bottom: 24px;
	}
	#main .sec02 .textImg {
		margin: 0 -1px 0 0;
	}
	#main .sec02 .textImg img {
		width: 100%;
	}
	#main .titleBox.right .title {
		width: 282px;
	}
	#main .sec02 .titleBox {
		margin-bottom: 23px;
	}
	#main .sec02 {
		padding-bottom: 21px;
	}
	#main .sec03 .titleBox .title {
		width: 243px;
	}
	#main .sec03 .titleBox {
		margin-bottom: 30px;
	}
	#main .sec03 {
		padding-bottom: 35px;
	}
	#main .sec04 .titleBox.right .title {
		width: 222px;
	}
	#main .sec04 .titleBox {
		margin-bottom: 42px;
	}
	#main .listUl02 .img {
		width: 41px;
		margin-right: 1rem;
	}
	#main .listUl02 li {
		padding: 17px 0 16px 8px;
	}
	#main .sec04 {
		padding-bottom: 40px;
	}
}
@media all and (max-width: 374px) {
	#main .listUl02 li {
		padding: 9px 0 9px 8px;
	}
}