@charset "utf-8";

/* グローバルナビ
----------------------------------------------------------- */
#global_nav {
	display: none;
	position: absolute;
	top: 102px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #326eb4;
	box-sizing: border-box;
	z-index: 5;
}

#global_nav.open {
	display: block;
}

#global_nav > ul {
	background: #fff;
}

#global_nav > ul > li {
	border-bottom: 1px solid #c8ccd0;
}

#global_nav > ul > li:last-child {
	border-bottom: none;
}

#global_nav > ul > li > a {
	display: block;
	padding: 15px 12px;
	background: url(/shared/img/icon_open_sp.png) right 10px center no-repeat;
	background-size: 20px;
	color: #222;
	font-size: 1.3rem;
}

#global_nav > ul > li.open > a {
	background: url(/shared/img/icon_close_sp.png) right 10px center no-repeat;
	background-size: 20px;
}

#global_nav .gnav_mega {
	display: none;
	background: #eff4f9;
}

#global_nav > ul > li.open > .gnav_mega {
	display: block;
}

#global_nav .mega_menu h2 {
	position: relative;
	border-top: 1px solid #c8ccd0;
}

#global_nav .mega_menu h2 a,
#global_nav .mega_menu > ul > li > span a {
	position: relative;
	display: block;
	padding: 15px 40px 15px 12px;
	font-size: 1.3rem;
}

#global_nav .mega_menu h2 .category_ttl::before,
#global_nav .mega_menu h2 .category_ttl::after,
#global_nav .mega_menu > ul > li > span a::before,
#global_nav .mega_menu > ul > li > span a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: "";
}

#global_nav .mega_menu h2 .category_ttl::before,
#global_nav .mega_menu > ul > li > span a::before {
	width: 20px;
	height: 20px;
	margin: -10px 0 0;
	background: #326eb4;
	border-radius: 10px;
}

#global_nav .mega_menu h2 .category_ttl::after,
#global_nav .mega_menu > ul > li > span a::after {
	right: 12px;
	margin: -4px 0 0;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
}

#global_nav .mega_menu h2 a {
	padding-left: 42px;
}

#global_nav .mega_menu h2 .icon {
	position: absolute;
	top: 50%;
	left: 10px;
}

#global_nav .mega_menu h2 .icon::before {
	display: block;
	width: 100%;
	height: 100%;
}

#global_nav #gnav_theme .mega_menu:nth-child(1) h2 .icon,
#global_nav #gnav_theme .mega_menu:nth-child(2) h2 .icon {
	left: 14px;
	width: 18px;
	height: 22px;
	margin: -11px 0 0; 
}

#global_nav #gnav_theme .mega_menu:nth-child(3) h2 .icon {
	left: 16px;
	width: 14px;
	height: 22px;
	margin: -11px 0 0;
}

#global_nav #gnav_theme .mega_menu:nth-child(1) h2 .icon::before {
	content: url(/shared/svg/icon_consumers.svg);
}

#global_nav #gnav_theme .mega_menu:nth-child(2) h2 .icon::before {
	content: url(/shared/svg/icon_counselor.svg);
}

#global_nav #gnav_theme .mega_menu:nth-child(3) h2 .icon::before {
	content: url(/shared/svg/icon_business.svg);
}

#global_nav #gnav_about .mega_menu h2 .icon {
	width: 28px;
	height: 25px;
	margin: -12px 0 0;
}

#global_nav #gnav_about .mega_menu h2 .icon::before {
	content: url(/shared/svg/logo_mark.svg);
}

#global_nav #gnav_news .mega_menu h2 .icon,
#global_nav #gnav_policy .mega_menu h2 .icon {
	width: 25px;
	height: 25px;
	margin: -12px 0 0;
}

#global_nav #gnav_news .mega_menu h2 .icon::before {
	content: url(/shared/svg/icon_info.svg);
}

#global_nav #gnav_policy .mega_menu h2 .icon::before {
	content: url(/shared/svg/icon_policy.svg);
}

#global_nav #gnav_laws .mega_menu h2 .icon {
	width: 25px;
	height: 23px;
	margin: -11px 0 0;
}

#global_nav #gnav_laws .mega_menu h2 .icon::before {
	content: url(/shared/svg/icon_laws.svg);
}


#global_nav #gnav_publication .mega_menu h2 .icon {
	left: 14px;
	width: 17px;
	height: 25px;
	margin: -12px 0 0;
}

#global_nav #gnav_publication .mega_menu h2 .icon::before {
	content: url(/shared/svg/icon_publication.svg);
}

#global_nav .mega_menu > ul > li,
#global_nav .mega_menu ul li ul {
	border-top: 1px solid #c8ccd0;
}

#global_nav .mega_menu ul li ul {
	padding: 5px 13px;
}

#global_nav .mega_menu ul li ul li {
	position: relative;
	margin: 8px 0;
	line-height: 1.6;
}


/*----- #gnav_theme -----*/

#global_nav #gnav_theme .mega_menu h2 {
	border-bottom: 1px solid #c8ccd0;
}

#global_nav #gnav_theme .mega_menu ul {
	padding: 5px 0 5px 13px;
}

#global_nav #gnav_theme .mega_menu ul:nth-of-type(1) {
	padding-bottom: 0;
}

#global_nav #gnav_theme .mega_menu ul:nth-of-type(2) {
	padding-top: 0;
}

#global_nav #gnav_theme .mega_menu ul li {
	position: relative;
	margin: 8px 0;
	border-top: none;
}



/*----- .btn_close -----*/

#global_nav .btn_close {
	margin: 15px 0 0;
	text-align: center;
}

#global_nav .btn_close .btn {
	display: inline-block;
	width: 110px;
	height: 30px;
	padding: 0;
	line-height: 30px;
}

#global_nav .btn_close .btn::before {
	position: relative;
	top: 1px;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	border: none;
	background: url(/shared/img/icon_close.png) 0 0 no-repeat;
	background-size: 10px;
}