@charset "utf-8";
/*------------------------------------------------------------
	course03
------------------------------------------------------------*/
#main .linkBox .linkUl a::after {
	border-color: #63c7ff #63c7ff transparent transparent;
}
#main .secBg {
	background-color: rgba(99,199,255, 0.6);
}
#main .titleBox {
	margin-bottom: 45px;
}
#main .secBox .content::before {
	background-image: url("../img/course03/icon01.png");
}
#main .secBg .content::before {
	background-image: url("../img/course/icon02.png");
}
#main .listUl03 .title {
	background-image: url("../img/course03/list03_bg.png");
}
#main .sec02 .titleBox {
	margin-bottom: 36px;
}
#main .sec02 .imgBox {
	margin: 0 0 0 -2px;
}
#main .sec02 .imgBox .photo {
	width: 502px;
}
#main .sec02 .imgBox .leftBox {
	margin: -9px 0 0 64px;
	order: 3;
}
#main .sec02 .imgBox .title {
	margin-bottom: 22px;
	font-size: 2.7rem;
	line-height: 1.65;
}
#main .imgBox .leftBox .text span {
	background-color: rgba(99,199,255, 0.4);
}
#main .sec02 {
	padding-bottom: 80px;
}
#main .listUl02 li {
	border-color: #63c7ff !important;
}
#main .listUl02 li::after {
	background-color: #63c7ff;
}
#main .sec04 {
	padding-bottom: 78px;
}
#main .sec05 {
	padding-bottom: 79px;
}
#main .topBox .enImg {
	margin-bottom: 62px;
}
#main .topBox .title {
	margin-bottom: 57px;
}
#main .textBox {
	font-size: 2.6rem;
	letter-spacing: 0.03em;
}
#main .textBox span {
	margin-bottom: 13px;
	padding: 8px 9px;
}
#main .sec02 .textImg {
	margin: 0 -16px 96px;
	text-align: center;
	transform: translateX(17px);
}
#main .sec02 .textImg:last-child {
	margin-bottom: 0;
}
#main .sec03 .bigTxt {
	margin-bottom: 54px;
	font-size: 3.09rem;
	line-height: 1.31;
}
#main .sec03 .titleBox {
	margin-bottom: 37px;
}
#main .sec03 .listUl .title {
	letter-spacing: 0;
	align-items: flex-end;
}
#main .sec03 .listUl .iconImg {
	width: 106px;
	top: -19px;
	left: -28px;
}
#main .listUl p {
	letter-spacing: 0;
}
#main .listUl02 .img {
	width: 75px;
}
#main .listUl02 {
	letter-spacing: 0.05em !important;
}
#main .listUl02.showUl li {
	padding-right: 0;
}
#main .listUl03 .title {
	min-height: 132px;
	margin-bottom: 8px;
	letter-spacing: 0;
}
#main .listUl03 .image {
	margin-bottom: 0;
}
#main .listUl03 li {
	padding-bottom: 29px;
}
@media all and (max-width: 896px) {
	#main .topBox .enImg {
		margin-bottom: 24px;
	}
	#main .topBox .enImg img {
		width: 356px;
	}
	#main .titleBox .title {
		width: 310px;
	}
	#main .titleBox {
		margin-bottom: 23px;
	}
	#main .titleBox.right .title {
		width: 283px;
	}
	#main .sec02 .titleBox {
		margin-bottom: 23px;
	}
	#main .sec02 .imgBox {
		margin: 0;
	}
	#main .sec02 .imgBox .photo {
		width: auto;
		margin-bottom: 23px;
	}
	#main .sec02 .imgBox .leftBox {
		margin: 0;
	}
	#main .sec02 .imgBox .title {
		font-size: 1.5rem;
		margin-bottom: 12px;
	}
	#main .sec02 {
		padding-bottom: 40px;
	}
	#main .sec03 .titleBox .title {
		width: 221px;
	}
	#main .sec04 {
		padding-bottom: 40px;
	}
	#main .sec05 {
		padding-bottom: 40px;
	}
	#main .sec04 .titleBox.right .title {
		width: 294px;
	}
	#main .textBox {
		font-size: 1.3rem;
	}
	#main .topBox .title {
		margin-bottom: 18px;
	}
	#main .topBox .text {
		letter-spacing: 0.05em;
	}
	#main .textBox span {
		margin-bottom: 6px;
		padding: 3px 3px 5px;
	}
	#main .sec02 .textImg {
		margin: 0 -30px 38px -20px;
		transform: translateX(0);
	}
	#main .sec02 {
		overflow: hidden;
	}
	#main .sec03 .titleBox {
		margin-bottom: 19px;
	}
	#main .sec03 .bigTxt {
		margin-bottom: 9px;
		font-size: 1.51rem;
	}
	#main .sec03 .listUl .iconImg {
		width: 59px;
		top: -12px;
		left: -11px;
	}
	#main .h3Title img {
		width: 202px;
	}
	#main .sec04 .titleBox {
		margin-bottom: 55px;
	}
	#main .h3Title {
		margin-bottom: 7px;
	}
	#main .listUl02 .img {
		width: 38px;
	}
	#main .sec04 .h3Title02 img {
		width: 172px;
	}
	#main .sec05 .titleBox .title {
		width: 241px;
	}
	#main .listUl03 .title {
		min-height: 0;
		padding: 16px 0 29px;
		margin-bottom: 2px;
		letter-spacing: 0;
	}
	#main .listUl03 li {
		padding-bottom: 13px;
	}
}
@media all and (max-width: 374px) {
	#main .textBox {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
}