@charset "utf-8";
/*------------------------------------------------------------
	course08
------------------------------------------------------------*/
#main .linkBox .linkUl a:after {
	border-color: #3E8E9E #3E8E9E transparent transparent;
}
#main .secBox:not(.secBg) .content::before {
	background-image: url(../img/course08/icon01.png);
}
#main .secBg {
	background: rgba(62, 142, 158, 0.6);
}
#main .listUl04 .title span {
	background-color: rgba(62, 142, 158, 0.4);
}
#main .listUl02 li {
	border-color: #3E8E9E !important;
}
#main .listUl02 li::after {
	background-color: #3E8E9E !important;
}
#main .listUl03 .title {
	background-image: url(../img/course08/list03_bg.png);
}
#main .listUl04 .image {
	margin-bottom: 1.1rem;
}
#main .listUl04 .smTitle {
	margin-bottom: 1.2rem;
	font-size: 2.1rem;
	font-weight: 200;
	letter-spacing: 0;
}
@media all and (min-width: 897px) {
	#main .topBox .enImg {
		margin-bottom: 6.1rem;
	}
	#main .topBox .text {
		margin-bottom: 6.2rem;
	}
	#main .linkBox .linkUl a {
		padding-left: 1.8rem;
		padding-right: 1.8rem;
		min-width: 15rem;
	}
	#main .titleBox {
		margin-bottom: 4rem;
	}
	#main .secBox {
		padding-bottom: 8.2rem;
	}
	#main .textBox span {
		padding-right: 0;
	}
	#main .listUl04 {
		gap: 4.6rem 0;
	}
	#main .sec02 {
		padding-bottom: 6.6rem;
	}
	#main .sec02 .content {
		padding-top: 8.4rem;
	}
	#main .sec02 .titleBox {
		margin-bottom: 7.9rem;
	}
	#main .listUl .iconImg {
		width: 9.6rem;
		left: -2.3rem;
		top: -0.5rem;
	}
	#main .listUl.wid > li {
		width: 107.4rem;
	}
	#main .imgUl.row2 li {
		width: calc((100% - 8rem) / 3);
	}
	#main .sec04 .content {
		padding-top: 8.4rem;
	}
	#main .listUl02 .right {
		padding-top: 0.3rem;
	}
	#main .pageUl .ttl {
		margin-bottom: 0.9rem;
	}
}
@media all and (max-width: 896px) {
	#main .topBox .enImg {
		margin-bottom: 2.2rem;
	}
	#main .topBox .enImg img {
		max-width: 76.8%;
	}
	#main .topBox .title img {
		height: 2.5rem;
	}
	#main .topBox .title {
		margin-bottom: 1.8rem;
	}
	#main .sec01 .content {
		padding-top: 3rem;
	}
	#main .titleBox {
		margin-bottom: 2.4rem;
	}
	#main .titleBox .title {
		width: 27.5rem;
	}
	#main .titleBox.right .title {
		width: 26rem;
	}
	#main .sec02 .titleBox {
		margin-bottom: 3rem;
	}
	#main .listUl04 li {
		margin-bottom: 3.2rem;
	}
	#main .listUl04 .image {
		margin-bottom: 1.9rem;
	}
	#main .listUl04 .image img {
		aspect-ratio: 335/158;
		object-fit: cover;
	}
	#main .listUl04 .smTitle {
		margin-bottom: 0.7rem;
		font-size: 1.2rem;
	}
	#main .sec03 .content {
		padding-top: 2.9rem;
	}
	#main .sec03 .titleBox .title {
		width: 25.9rem;
	}
	#main .listUl .iconImg {
		width: 5.3rem;
		left: -1.2rem;
		top: -0.4rem;
	}
	#main .sec04 .titleBox {
		margin-bottom: 6rem;
	}
	#main .sec04 .titleBox.right .title {
		width: 27.3rem;
	}
	#main .listUl02 li {
		padding-bottom: 2.1rem;
	}
	#main .listUl02 .img {
		margin-right: 1.5rem;
	}
	#main .listUl02 .right {
		padding-top: 0.3rem;
	}
	#main .listUl02.style .ttl {
		margin-bottom: 0.9rem;
	}
	#main .listUl.wid > li {
		width: 60rem;
	}
	#main .imgUl.row2 li {
		width: calc((100% - 3rem) / 3);
	}
}