@charset "utf-8";
.template_lead {
		margin: 0 0 60px;
}
.template_lead p {
		line-height: 1.8;
		margin: 0 0 0.5em;
}
.template_lead ul {
		margin-left: 1em;
}
.template_lead li {
		line-height: 1.6;
		position: relative;
		list-style: none;
}
.template_lead li span {
		display: block;
		position: absolute;
		top: 0;
		left: -1em;
}
.category_gr {
		margin-bottom: 60px;
		border-radius: 0px 0px 10px 10px;
		overflow: hidden;
}
.section_category {
		font-size: 22px;
		font-weight: 700;
		color: #4A5EAD;
		position: relative;
		margin-top: 14px;
}
.section_category::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 1px);
		right: 0;
		width: 50px;
		height: 4px;
		background: #4A5EAD;
		border-radius: 20px;
}
.mainCategory, .subCategory {
		display: flex;
		align-items: center;
		padding: 0 35px;
}
.mainCategory {
		background: #4A5EAD;
		color: #fff;
		height: 60px;
		border-radius: 10px 10px 0px 0px;
}
.mainCategory h4 {
		font-size: 18px;
		font-weight: 700;
}
.subCategory {
		position: relative;
		height: 50px;
		background: #95bfbe;
		color: #fff;
		cursor: pointer;
		border-bottom: 2px solid #fff;
}
.subCategory.last {
		border-bottom: none;
}
.subCategory h5 {
		font-size: 18px;
		font-weight: 700;
}
.subCategory .trigger {
		position: absolute;
		width: 24px;
		height: 24px;
		right: 20px;
		top: 13px;
		pointer-events: none;
}
.subCategory .trigger::before, .subCategory .trigger::after {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		width: 24px;
		height: 4px;
		background: #fff;
		border-radius: 20px;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.subCategory .trigger::after {
		transform: rotate(90deg);
}
.open .trigger::before {
		transform: rotate(180deg);
}
.open .trigger::after {
		transform: rotate(270deg);
		opacity: 0;
}
.subCont {
		background: #fff;
		padding: 20px 45px 30px;
		display: none;
}
.subCont li {
		list-style: none;
		font-weight: 500;
		margin: 0 0 25px
}
.subCont ul li:last-child {
		margin-bottom: 0;
}
.subCont li a {
		color: #222;
		text-decoration: none;
		padding-left: 30px;
		display: inline-block;
		position: relative;
}
@media (hover: hover) {
		.subCont li a:hover {
				color: #4A5EAD;
				text-decoration: underline;
		}
}
.subCont li a::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		left: 0;
		width: 16px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px;
}
.subCont li a[href$=".xls"]::before, .subCont li a[href$=".xlsx"]::before {
		background-image: url("../images/icon_xlsx.png")
}
.subCont li a[href$=".doc"]::before {
		background-image: url("../images/icon_word.png")
}
@media(max-width: 767px) {
		.template_lead {
				margin: 0 0 40px;
		}
		.category_gr {
				margin-bottom: 30px;
				border-radius: 0px 0px 10px 10px;
		}
		.section_category {
				font-size: 20px;
				margin-top: 10px;
		}
		.section_category span {
				position: relative;
				display: inline-block;
				z-index: 5;
				padding-right: 15px;
				background: #EFF5F5;
		}
		.section_category::after {
				top: calc(50% + 1px);
				right: inherit;
				left: 0;
				width: 100%;
				height: 2px;
		}
		.mainCategory, .subCategory {
				padding: 0 15px;
		}
		.mainCategory {
				height: 46px;
				border-radius: 10px 10px 0px 0px;
		}
		.mainCategory h4 {
				font-size: 18px;
		}
		.subCategory {
				height: 46px;
		}
		.subCategory h5 {
				font-size: 15px;
		}
		.subCategory .trigger {
				width: 18px;
				height: 18px;
				right: 11px;
				top: 14px;
		}
		.subCategory .trigger::before, .subCategory .trigger::after {
				top: 8px;
				width: 18px;
				height: 2px;
		}
		.subCont {
				background: #fff;
				padding: 20px 25px 30px;
				display: none;
		}
		.subCont li {
				margin: 0 0 15px
		}
		.subCont li a::before {
				top: calc(50% - 10px);
				width: 16px;
				height: 19px;
				background-size: 16px;
		}
}