/*--------------------------------------------------------------------------
   .sec-course
---------------------------------------------------------------------------*/
.sec-course {
	padding: 0 0 20px;
}

.sec-course__panel .outer__ttl {
	left: 70px !important;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel .outer__ttl {
		left: 40px !important;
	}
}

.sec-course__panel .outer__ttl--05,
.sec-course__panel .outer__ttl--07,
.sec-course__panel .outer__ttl--09 {
	left: 80px !important;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel .outer__ttl--05,
	.sec-course__panel .outer__ttl--07,
	.sec-course__panel .outer__ttl--09 {
		left: 55px !important;
	}
}

.sec-course__panel .outer__ttl img {
	width: 115px;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel .outer__ttl img {
		width: 70px;
	}
}

.sec-course__panel .outer__img {
	top: auto !important;
	bottom: -29px !important;
	left: auto !important;
	right: -29px !important;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel .outer__img {
		bottom: -20px !important;
		right: -10px !important;
	}
}

.sec-course__panel .outer__img img {
	width: 270px;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel .outer__img img {
		width: 160px;
	}
}

.sec-course__panel .inner::after {
	top: 130px;
	bottom: auto;
}

.sec-course__panel--01 .item .bg-inline:before {
	background: #eb6899;
}

.sec-course__panel--02 .item .bg-inline:before {
	background: #f74a41;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel--03 {
		margin: -18px 24px 0 !important;
	}
}

.sec-course__panel--03 .item .bg-inline:before {
	background: #ef9bbc;
}

@media only screen and (max-width: 767px) {
	.sec-course__panel--04 {
		margin: -20px 50px 0 !important;
	}
}

.sec-course__panel--04 .item .bg-inline:before {
	background: #f09192;
}

.sec-course__panel--05 .item .bg-inline:before {
	background: #cde259;
}

.sec-course__panel--06 .item .bg-inline:before {
	background: #f4bc7d;
}

.sec-course__panel--07 .item .bg-inline:before {
	background: #f3a077;
}

.sec-course__panel--08 .item .bg-inline:before {
	background: #ca92c0;
}

.sec-course__panel--09 .item .bg-inline:before {
	background: #b0b8dd;
}

.sec-course__caution {
	max-width: 1300px;
	margin: 40px auto 0;
	text-align: right;
	font-size: 10px;
}

@media only screen and (max-width: 767px) {
	.sec-course__caution {
		margin: 30px auto 0;
	}
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.sec-course__btn {
		margin: 45px 0 0;
	}
}