@media (min-width: 769px) {
	#header .-wrapper {
		padding: 0 0 0 2rem;
	}
}

@media (max-width: 768px) {
	#header .-wrapper.is_sp {
		height: initial;
		padding: 0 0 0 1.6rem;
	}
}

#g-nav {
	height: initial;
	box-shadow: initial;
	background-color: #FFFFFF;
	position: absolute;
  top: 0;
	padding: 0 20px 20px;
	z-index: -1;
	display: none;
}

#g-nav.panelactive {
  top: 100%;
	padding: 0 20px 20px;
	display: block;
}

#g-nav #g-nav-list {
  padding: 24px 40px;
	z-index: -1;
}

#g-nav.panelactive #g-nav-list {
	position: initial;
  height: initial;
  padding: 24px 40px;
}

#g-nav #g-nav-list .navigation_container {
	display: grid;
	grid-template-columns: repeat(2, auto);
  gap: 24px;
}

#g-nav #g-nav-list .navigation_courses,
#g-nav #g-nav-list .navigation_about {
  display: flex;
	flex-direction: column;
  gap: 24px;
}

#g-nav #g-nav-list .navigation_title {
  font-size: 24px;
	font-weight: bold;
	padding-block: 10px;
	border-bottom: 1px solid #D8D8D8;
}

#g-nav #g-nav-list .navigation_courses_container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

#g-nav #g-nav-list .navigation_courses_wrapper {
	display: grid;
	grid-template-columns: 32px auto;
	grid-template-rows: 32px auto;
	column-gap: 10px;
  row-gap: 8px;
}

#g-nav #g-nav-list .navigation_courses_img {
	grid-column: 1;
  grid-row: 1;
}

#g-nav #g-nav-list .navigation_courses_title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	grid-column: 2;
  grid-row: 1;
	align-self: center;
}

#g-nav #g-nav-list .navigation_courses_list {
	display: flex;
	flex-direction: column;
	grid-column: 2;
  grid-row: 2;
}

#g-nav #g-nav-list .navigation_courses_list_item {
	width: 100%;
	margin-bottom: initial;
	padding-block: 8px;
	border-bottom: 1px dotted #D8D8D8;
}

#g-nav #g-nav-list a.internal_link,
#g-nav #g-nav-list a.external_link {
	font-size: 16px;
	font-weight: 400;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 4px;
}

#g-nav #g-nav-list .navigation_about_list_item a.internal_link,
#g-nav #g-nav-list .navigation_about_list_item a.external_link {
	font-weight: bold;
}

#g-nav #g-nav-list a.internal_link::after {
	content: "";
	display: block;
	width: 24px;
  height: 24px;
	background-image: url("../img/internal_link.svg");
	background-size: contain;
  background-repeat: no-repeat;
	opacity: 0.5;
}

#g-nav #g-nav-list a.external_link::after {
	content: "";
	display: block;
	width: 24px;
  height: 24px;
	background-image: url("../img/external_link.svg");
	background-size: contain;
  background-repeat: no-repeat;
}

#g-nav #g-nav-list .navigation_about_list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#g-nav #g-nav-list .navigation_about_list_item {
	width: 100%;
	margin-bottom: initial;
}

#g-nav #g-nav-list .navigation_btn_container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#g-nav #g-nav-list .navigation_btn {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1875;
	padding: 12px 20px;
	border-radius: 5px;
	width: 200px;
}

#g-nav #g-nav-list .navigation_btn.counseling_btn {
	color: #FFFFFF;
	background-color: #F47808;
	border: 1px solid #F47808;
}

#g-nav #g-nav-list .navigation_btn.counseling_btn:hover {
	background: #FFFFFF;
	color: #F47808;
	transition: 0.5s;
}

#g-nav #g-nav-list .navigation_btn.contract_btn {
	color: #F47808;
	background-color: #FFFFFF;
	border: 1px solid #F47808;
}

#g-nav #g-nav-list .navigation_btn.contract_btn:hover {
	background-color: #F47808;
	color: #FFFFFF;
	transition: 0.5s;
}

.top_link {
  display: contents;
}

.top_link .internal_link {
  display: none;
}

.top_link .internal_link::after {
	content: "";
	display: block;
	width: 24px;
  height: 24px;
	background-image: url("../img/internal_link.svg");
	background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
	#main #mainvisual #floatingCTA.btnScroll {
		z-index: 995;
	}

	#g-nav_sp {
		position: absolute;
		top: 100%;
		width: 100%;
		height: auto;
		background-color: #333333;
		overflow-y: auto;
		padding: initial;
		z-index: 9999;
	}

	#g-nav_sp #g-nav-list_sp {
		max-height: calc(100vh - 50px);
		overflow-y: auto;
	}

	#g-nav_sp #g-nav-list_sp .link_btn {
		display: flex;
		flex-direction: column;
		gap: 3.2vw;
		padding: 4.26666667vw;
		background-color: #333333;
	}

	#g-nav_sp #g-nav-list_sp .link_list {
		display: grid;
    grid-template-columns: repeat(2, 1fr);
		gap: 3.2vw;
		padding: initial;
	}

	#g-nav_sp #g-nav-list_sp .link_list_item {
		padding-block: 2.66666667vw;
		border: 1px solid #FFFFFF;
	}

	#g-nav_sp #g-nav-list_sp a.anchor_link {
		font-size: 3.73333333vw;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
	}

	#g-nav_sp #g-nav-list_sp a.anchor_link:after {
		content: "";
		display: block;
		width: 5.33333333vw;
		height: 5.33333333vw;
		background-image: url("../img/anchor_link.svg");
		background-size: contain;
		background-repeat: no-repeat;
	}

	#g-nav_sp #g-nav-list_sp .navigation_btn {
		width: 100%;
		height: initial;
		padding-block: 3.2vw;
		border-radius: 1.33333333vw;
		font-size: 4.26666667vw;
		font-weight: bold;
		line-height: 1.1875;
		text-align: center;
	}

	#g-nav_sp #g-nav-list_sp .navigation_btn.counseling_btn {
		background-color: #F47808;
		color: #FFFFFF;
	}

	#g-nav_sp #g-nav-list_sp .navigation_btn.contract_btn {
		background-color: #FFFFFF;
		color: #F47808;
		border: 1px solid #F47808;
	}

	#g-nav_sp #g-nav-list_sp .navigation_container {
		background-color: #FFFFFF;
		padding: 4.26666667vw 4.26666667vw 21.6vw;
		display: flex;
		flex-direction: column;
		gap: 6.4vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses,
	#g-nav_sp #g-nav-list_sp .navigation_about {
		display: flex;
		flex-direction: column;
	}

	#g-nav_sp #g-nav-list_sp .navigation_title {
		font-size: 3.2vw;
		font-weight: bold;
		line-height: 1.41666667;
		padding-block: 2.66666667vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_about .navigation_title {
		font-size: 3.73333333vw;
		font-weight: bold;
		line-height: 1.21428571;
		padding-block: 2.66666667vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_container {
		display: flex;
		flex-direction: column;
		gap: 5.33333333vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_wrapper {
		display: grid;
		grid-template-columns: 7.46666667vw auto;
		grid-template-rows: 7.46666667vw auto;
		column-gap: 2.13333333vw;
		row-gap: 1.33333333vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_img {
		grid-column: 1;
  	grid-row: 1;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_title {
		font-size: 4.26666667vw;
		font-weight: bold;
		line-height: 1.1875;
		grid-column: 2;
		grid-row: 1;
		align-self: center;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_list {
		display: flex;
		flex-direction: column;
		grid-column: 2;
		grid-row: 2;
		padding: initial;
		gap: initial;
	}

	#g-nav_sp #g-nav-list_sp .navigation_courses_list_item {
		width: 100%;
		padding-block: 2.13333333vw;
		border-bottom: 1px dotted #909090;
	}

	#g-nav_sp #g-nav-list_sp a.internal_link,
	#g-nav_sp #g-nav-list_sp a.external_link {
		font-size: 4.26666667vw;
		font-weight: 400;
		line-height: 1.1875;
		color: #000000;
		display: flex;
		align-items: center;
		gap: 1.06666667vw;
		height: initial;
	}

	#g-nav_sp #g-nav-list_sp a.internal_link::after {
		content: "";
		display: block;
		width: 5.33333333vw;
		height: 5.33333333vw;
		background-image: url("../img/internal_link.svg");
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0.5;
	}

	#g-nav_sp #g-nav-list_sp a.external_link::after {
		content: "";
		display: block;
		width: 5.33333333vw;
		height: 5.33333333vw;
		background-image: url("../img/external_link.svg");
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0.5;
	}

	#g-nav_sp #g-nav-list_sp .navigation_about_list {
		display: flex;
		flex-direction: column;
		gap: 4.26666667vw;
		padding: initial;
		padding-left: 3.2vw;
	}

	#g-nav_sp #g-nav-list_sp .navigation_about_list_item {
		width: 100%;
	}

	.top_link {
		display: contents;
	}
	
	.top_link .internal_link {
		display: none;
	}
	
	.top_link .internal_link::after {
		content: "";
		display: block;
		width: 5.33333333vw;
		height: 5.33333333vw;
		background-image: url("../img/internal_link.svg");
		background-size: contain;
		background-repeat: no-repeat;
	}
}

#header:has(.openbtn.active) .top_link {
	display: flex;
	gap: 24px;
}

#header:has(.openbtn.active) .top_link .internal_link {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 4px;
}

#header:has(.openbtn.active) .-container .page_link {
	display: none;
}

@media (max-width: 768px) {
	#header:has(.openbtn_sp.active) .top_link {
		display: flex;
		gap: 2.13333333vw;
	}
	
	#header:has(.openbtn_sp.active) .top_link .internal_link {
		font-size: 3.73333333vw;
		font-weight: bold;
		display: flex;
		align-items: center;
		gap: 1.06666667vw;
	}
}