﻿

.wrap-mainnav ul {
	display: block;
	list-style: none;
	margin: 32px 20px 0 0;
}


	.wrap-mainnav ul li {
		display: inline;
		margin: 0 20px;
	}

		.wrap-mainnav ul li div {
			display: inline;
		}

			.wrap-mainnav ul li div a {
				position: relative;
				text-decoration: none;
				color: #000;
				font-size: 1.2rem;
				font-weight: 400;
				white-space: nowrap;
			}

				.wrap-mainnav ul li div a:hover {
					color: #000;
				}

				.wrap-mainnav ul li div a::before {
					content: "";
					position: absolute;
					display: block;
					width: 60px;
					height: 4px;
					bottom: -4px;
					left: 0;
					background-color: #004f9e;
					transform: scaleX(0);
					transform-origin: top left;
					transition: transform 0.3s ease;
				}

				.wrap-mainnav ul li div a:hover::before {
					transform: scaleX(1);
				}