@charset "UTF-8";

.sec-1 {
	margin-top: 57px;
	padding-bottom: 100px;
}

.sec-1 .heading {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: .1em;
}

.sec-1 .sec--content {
	display: grid;
	row-gap: 30px;
	margin-top: 50px;
}

.sec-1 ul {
	display: grid;
	row-gap: 15px;
}

.sec-1 a {
	letter-spacing: .1em;
}

.sec-1 .item-lv1 {
	font-size: 18px;
	font-weight: 500;
}

.sec-1 .item-lv2 a {
	padding-left: 13px;
	background-image: url("../../assets/img/nav_arrow_bk.svg");
	background-position: center left;
	background-size: 6px auto;
}

.sec-1 .list-4 a[target="_blank"] {
	padding-right: 20px;
	background-image: url("../img/link_ex.svg");
	background-position: center right;
	background-size: 13px auto;
}

@media screen and (min-width: 768px) {
	.sec-1 .sec--content {
		grid-template-columns: repeat(2, 350px);
		align-items: start;
		row-gap: 50px;
	}

	.sec-1 .list-1 {
		grid-column: 1/-1;
	}

	.sec-1 .list-3,
	.sec-1 .list-4 {
		grid-column: 1/-1;
		grid-auto-flow: column;
		justify-content: start;
		column-gap: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.sec-1 {
		margin-top: 75px;
	}

	.sec-1 .heading {
		font-size: 32px;
	}

	.sec-1 .sec--content {
		grid-template-columns: repeat(4, max-content);
		column-gap: 90px;
		margin-top: 85px;
	}

	.sec-1 .list-1 {
		grid-column: 1/-1;
	}

	.sec-1 .list-3,
	.sec-1 .list-4 {
		grid-column: 1/-1;
		grid-auto-flow: column;
		justify-content: start;
		column-gap: 50px;
	}

}