@charset "utf-8";
.inner {
		max-width: 940px;
		margin: 0 auto;
		padding: 80px 30px;
}
@media(max-width: 767px) {
		.inner {
				padding: 40px 15px;
		}
}
hr {
		height: 1px;
		border: none;
		background: #F55282;
		margin: 50px 0
}
.train_cont hr {
		background: #C6CDD6;
		margin: 35px 0;
}
.inner p {
		line-height: 1.8;
}
.eyecatch img {
		width: 100%;
		height: auto;
}
.feature_gr dl {
		margin-left: 40px;
		margin-bottom: 60px;
		position: relative;
}
.feature_gr dl::before {
		content: '01';
		display: block;
		position: absolute;
		top: 0;
		left: -40px;
		color: #F55282;
		font-family: 'Inter';
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0
}
.feature_gr dl:nth-child(2)::before {
		content: '02';
}
.feature_gr dl:nth-child(3)::before {
		content: '03';
}
.feature_gr dl:nth-child(4)::before {
		content: '04';
}
.feature_gr dl:nth-child(5)::before {
		content: '05';
}
.feature_gr dl dt {
		font-weight: 600;
		margin: 0 0 20px;
		line-height: 1.6;
}
.feature_gr dl dd {
		line-height: 1.8;
}
.train_cont {
		background: #F3F5F8;
		padding: 50px 65px;
		margin-top: 60px;
}
.teacherFrom_hdr {
		display: flex;
		align-items: flex-start;
		margin-bottom: 30px;
}
.teacherFrom_hdr_mark {
		width: 130px;
		margin-right: 25px;
}
.teacherFrom_hdr_mark img {
		width: 100%;
		height: auto
}
.teacherFrom_hdr_caption {
		flex: 1
}
.teacherFrom_hdr_caption p {
		margin-bottom: 0 !important;
}
.train_cont_hd {
		font-size: 20px;
		font-weight: 500;
		color: #F55282;
		padding-bottom: 10px;
		border-bottom: 1px solid #F55282;
		margin-bottom: 30px;
}
.teacherFrom_hdr .train_cont_hd {
		margin-bottom: 15px;
}
.train_cont_hd span.note, .train_cont_hd span.faq, .train_cont_hd span.license {
		padding-left: 33px;
		position: relative;
}
.train_cont_hd span.note::before, .train_cont_hd span.faq::before, .train_cont_hd span.license::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
}
.train_cont_hd span.note::before {
		top: -1px;
		width: 22px;
		height: 27px;
		background-size: 22px;
		background-image: url("../images/icon_note.png")
}
.train_cont_hd span.faq::before {
		top: 2px;
		width: 23px;
		height: 23px;
		background-size: 23px;
		background-image: url("../images/icon_comment.png")
}
.train_cont_hd span.license::before {
		top: -4px;
		width: 19px;
		height: 27px;
		background-size: 19px;
		background-image: url("../images/icon_license.png")
}
.train_cont p {
		line-height: 1.8;
		margin: 0 0 1.5em
}
.train_cont .faqItem p {
		margin: 0
}
.train_cont h5 {
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 20px
}
.train_cont p + .train_cont_hd, .train_cont ul + .train_cont_hd {
		margin-top: 70px;
}
@media(max-width: 767px) {
		.train_cont p + .train_cont_hd, .train_cont ul + .train_cont_hd {
				margin-top: 40px;
		}
}
.train_cont ul {
		padding-left: 25px;
}
.train_cont ul li {
		line-height: 1.8;
		margin: 0 0 10px;
}
.train_cont ul li strong {
		font-weight: 500;
}
.train_cont .faqItem {
		background: #fff;
		margin: 0 0 30px;
		margin-left: 20px;
		padding: 20px 50px;
		border-radius: 10px;
		position: relative;
		box-sizing: border-box;
}
.train_cont .faqItem::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 13px);
		width: 19px;
		height: 26px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 19px;
}
.train_cont .faqItem.Q::after {
		left: -18px;
		background-image: url("../images/faq_serif_left.png")
}
.train_cont .faqItem.A::after {
		right: -18px;
		background-image: url("../images/faq_serif_right.png")
}
.train_cont .faqItem.A {
		margin-left: 48px;
		margin-right: 20px;
}
.train_cont .faqItem::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 12px);
		left: 22px;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 500;
}
.train_cont .faqItem.Q::before {
		content: 'Q.';
		color: #272B31;
}
.train_cont .faqItem.A::before {
		content: 'A.';
		color: #F55282;
}
@media(max-width: 960px) {
		.train_cont {
				padding: 35px;
		}
}
@media(max-width: 767px) {
		.train_cont {
				padding: 20px;
				margin-top: 40px;
		}
		.feature_gr dl {
				margin-left: 0;
				margin-bottom: 30px;
		}
		.feature_gr dl dt {
				position: relative;
				padding-left: 30px;
				margin: 0 0 15px;
		}
		.feature_gr dl dt::before {
				content: '01';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				font-family: 'Inter', sans-serif;
				letter-spacing: 0;
				font-weight: 400;
		}
		.feature_gr dl::before {
				display: none
		}
		.feature_gr dl:nth-child(2) dt::before {
				content: '02';
		}
		.feature_gr dl:nth-child(3) dt::before {
				content: '03';
		}
		.feature_gr dl:nth-child(4) dt::before {
				content: '04';
		}
		.feature_gr dl:nth-child(5) dt::before {
				content: '05';
		}
}
@media(max-width: 960px) {
		.train_cont .faqItem {
				margin-bottom: 30px;
		}
}
@media(max-width: 600px) {
		.teacherFrom_hdr {
				display: block;
				margin-bottom: 30px;
		}
		.teacherFrom_hdr_mark {
				width: 70px;
				margin: 0 auto 5px
		}
		.teacherFrom_hdr_caption p {
				margin-bottom: 0 !important;
		}
		.train_cont_hd {
				font-size: 18px;
				padding-bottom: 8px;
				margin-bottom: 25px;
		}
		.train_cont_hd span.note, .train_cont_hd span.faq, .train_cont_hd span.license {
				padding-left: 28px;
		}
		.train_cont_hd span.note::before {
				top: -1px;
				width: 17px;
				height: 21px;
				background-size: 17px;
		}
		.train_cont_hd span.faq::before {
				top: 2px;
				width: 18px;
				height: 18px;
				background-size: 18px;
		}
		.train_cont_hd span.license::before {
				top: -1px;
				width: 15px;
				height: 21px;
				background-size: 15px;
		}
		.teacherFrom_hdr .train_cont_hd {
				margin-bottom: 15px;
		}
		.train_cont .faqItem {
				margin: 0 0 20px;
				margin-left: 15px;
				padding: 15px;
				border-radius: 8px;
		}
		.train_cont .faqItem.A {
				margin-left: 0;
				margin-right: 15px;
		}
		.train_cont .faqItem::before {
				position: static;
				left: inherit;
				margin: 0 0 5px;
		}
		.train_cont .faqItem::after {
				top: calc(50% - 10px);
				width: 15px;
				height: 21px;
				background-size: 15px;
		}
		.train_cont .faqItem.Q::after {
				left: -13px;
		}
		.train_cont .faqItem.A::after {
				right: -13px;
		}
}