@charset "utf-8";

/*----------------------------------------------------------------------> ▼ .wrap_smart_menu <--*/

.wrap_smart_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 1);
	transition: var(--transition);
	z-index: 500;
	
	-ms-overflow-style: none;
	scrollbar-width: none;
	visibility: hidden;
}

.wrap_smart_menu::-webkit-scrollbar {
	display: none;
}

.wrap_smart_menu.open {
	visibility: visible;
}

@media (width <= 1023px) {
	.wrap_smart_menu {
		
	}
}

@media (hover: hover) and (pointer: fine) {
}

/*----------------------------------------------------------------------> ▼ .smart_menu <--*/

.smart_menu {
	display: flex;
	flex-wrap: wrap;
	height: fit-content;
}

.smart_menu a {
	display: block;
	justify-content: center;
	border-bottom: 1px solid #f3f3f3;
	text-align: center;
	font-family: YuGo-B;
}


	
@media (1024px <= width) {
	.smart_menu {
		width: 600px;
	}
	
	.smart_menu a {
		width: calc(100% / 3);
		padding: 100px 0 40px;
		font-size: 16px;
	}
	
	.smart_menu a:first-child {
		width: 100%;
	}
	
	.smart_menu a.menu_home {
		background: url(/asset/image/general/header_menu/home.png) no-repeat center 37px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_plan {
		background: url(/asset/image/general/header_menu/plan.png) no-repeat center 39px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_company {
		background: url(/asset/image/general/header_menu/company.png) no-repeat center 37px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_news {
		background: url(/asset/image/general/header_menu/news.png) no-repeat center 37px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_contact {
		background: url(/asset/image/general/header_menu/contact.png) no-repeat center 38px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_sitemap {
		background: url(/asset/image/general/header_menu/sitemap.png) no-repeat center 38px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_map {
		background: url(/asset/image/general/header_menu/map.png) no-repeat center 38px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}
	
	.smart_menu a.menu_tel {
		display: none;
	}
}

@media (width <= 1023px) {
	.smart_menu {
		width: 100%;
		padding: 15px var(--margin) 0;
	}
	
	.smart_menu a {
		width: 50%;
		padding: 80px 0 30px;
		font-size: 13px;
	}
	
	.smart_menu a:first-child {
		width: 100%;
	}
	
	.smart_menu a:nth-child(-n + 2) {
		border-top: 0px solid #f0f0f0;
	}
	
	.smart_menu a:nth-child(2n) {
		border-left: 1px solid #f3f3f3;
	}
	
	.smart_menu a.menu_home {
		background: url(/asset/image/general/header_menu/home.png) no-repeat center 35px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_plan {
		background: url(/asset/image/general/header_menu/plan.png) no-repeat center 37px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_company {
		background: url(/asset/image/general/header_menu/company.png) no-repeat center 35px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_news {
		background: url(/asset/image/general/header_menu/news.png) no-repeat center 35px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_contact {
		background: url(/asset/image/general/header_menu/contact.png) no-repeat center 36px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_sitemap {
		background: url(/asset/image/general/header_menu/sitemap.png) no-repeat center 36px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_map {
		background: url(/asset/image/general/header_menu/map.png) no-repeat center 36px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
	}

	.smart_menu a.menu_tel {
		width: 100%;
		background: url(/asset/image/general/header_menu/tel.png) no-repeat center 36px / auto 30px, linear-gradient(to bottom right, #fff, #f6f6f6);
		font-family: Helvetica-B;
		font-size: 20px;
		letter-spacing: 1px;
		color: #46c;
	}
}

@media (hover: hover) and (pointer: fine) {
}