@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Contact Styles
------------------------------------------------------------------------ */

/* Utilities
---------------------------------------------------------- */

/* Layout
---------------------------------------------------------- */

#header > .logo > a > svg {
	fill: var(--main-color);
}

#header::before {
	display: none;
}

#btn-menu .icon {
	background: var(--main-color);
}

.nav-active #btn-menu .icon {
	background: #fff;
}

#main-header {
	color: var(--main-color);
}

#main-content {
	padding: 0 1.5rem 6rem;
}

#main-content > .txt {
	padding: 0 1.5rem;
	text-align: justify;
}






/*---------------------------------------------------------------------- */
/* 768px Tablet & PC Styles
------------------------------------------------------------------------ */

@media screen and (min-width: 768px), print {

/* Utilities
---------------------------------------------------------- */

/* Layout
---------------------------------------------------------- */

#gnav-pc > .gnav-inner > li > .title {
	color: var(--main-color);
}

#gnav-pc > .gnav-inner > li:not(:last-of-type) > .title::before {
	border-color: var(--main-color);
}

#gnav-pc > .gnav-inner > li:last-of-type > .title > a {
	border-color: var(--main-color);
	color: var(--main-color);
}

#main-content {
	padding: 0 25rem 16rem;
}

#main-content > .txt {
	padding: 0;
	text-align: center;
}


}