@charset "utf-8";

/* ==================================================
accessibility color
================================================== */
body,
footer,
#categoryTitle,
#appearance > div,
#usageNavi #appearance > div dt,
#globalNavi,
#globalNavi a,
#breadNavi,
#whatNew,
#whatNewContetns,
#categoryMenu,
#categoryMenu section a,
#categoryMenu section a p,
#footerAddress,
#footerContact a,
#copyright,
#breadNavi li:after,
.listIndex a,
#localNavi,
#localNavi li,
#caseNavi,
#caseNavi li a,
#caseNavi h1 span,
#caseNavi h2 span,
#subCategory,
#contents > #mainContents h2,
#topGlobalNavi li a,
#impNotices,
#impNotices h2,
#searchWord h2,
#searchWord p,
#searchWord,
#searchWord form #topSearchText,
#searchWord form #topSearchButton,
#usageNavi form #searchText,
#usageNavi form #searchButton,
#topNews,
#topNews li a,
#topEvent,
#topEvent h2,
#topEventSlide,
#topAdvertising,
#usageNavi-bg,
#globalNaviSp,
#globalNaviSp .submenu-container,
#topPopulation div,
#important-notice div,
#jyosetsu div,
#caseNavi .content ul,
#topGlobalNavi .submenu-container,
#globalNavi .submenu-container,
#info,
#topEventSP,
#topEventSPSlide figure figcaption,
#caseNaviSp,
#caseNaviSp .content ul,
#caseNaviSp .menu-item .menu-button {
	background-color: #FFFF00 !important;
	color: #000000 !important;
}
a, a:hover, a:focus, button,
#categoryTitle p{
	color: #000000 !important;
}
#header,
.toppage #topContents {
	background-image: none !important;
}
#globalNavi li a {
	border-color: #000000 !important;
	border-style: solid !important;
	border-width: 1px 1px 4px 1px !important;
}
#appearance > div,
#footerContact a,
.listIndex a,
#caseNavi li a,
#caseNavi h1 span,
#caseNavi h2 span,
#usageNavi form #searchText,
#usageNavi form #searchButton,
#searchWord form #topSearchText,
#searchWord form #topSearchButton,
#topGlobalNavi li a,
#searchWord,
#impNotices,
#categoryMenu section a,
#topEventSlide,
#usageNavi:not(.toppage #usageNavi),
#usageNavi-bg,
#globalNaviSp,
#globalNaviSp .submenu-container,
#topPopulation div,
#important-notice div,
#jyosetsu div,
#caseNavi .content ul,
#topGlobalNavi .submenu-container,
#globalNavi .submenu-container,
#info,
#topEventSP,
#topEventSPSlide figure figcaption,
#caseNaviSp,
#caseNaviSp .content ul,
#caseNaviSp .content li a,
#caseNaviSp .menu-item .menu-button {
	border: solid 1px #000000 !important;
}
#topPopulation div {
	border-right:none !important;
	border-width: 3px !important;
}
#topNews li a {
	border: solid 1px #000000 !important;
	border-bottom:none !important;
}
#usageNavi form #searchText,
#searchWord form #topSearchText {
	border-right:none !important;
}
#globalNavi,
#footerGuide li a,
#contents > #mainContents h2,
#contents > #mainContents h3,
#localNavi h1:before,
#searchWord p,
#topNews dd,
#topNews dt,
#whatNewContetns dt,
#whatNewContetns dd,
#topNews > div,
#usageNavi li:nth-child(1),
#usageNavi li:nth-child(2),
#whatNew hgroup,
#topPopulation ul,
#topPopulation li{
	border-color: #000000 !important;
}
#categoryTitle span:before,
.kurashi #localNavi li.current,
#localNavi li.current:before,
#localNavi li.current a,
#localNavi li.current,
#contents > #mainContents h4:before,
.listBullets li:before,
a[href$=".pdf"]:before,
a[href$=".xlsx"]:before,
a[href$=".docx"]:before,
a[href$=".pptx"]:before,
#searchWord ul li a,
#topNews li.active a,
#topPromotion .slick-dots li.slick-active button:before,
#topEventPlay .slick-dots li.slick-active button:before,
#topAdvertising h2 span,
#topEventSPPlay .slick-dots li button:before,
#caseNavi .menu-item.first-item a.menu-button,
#caseNavi .menu-item:hover a.menu-button,
#caseNaviSp .menu-item.active .menu-button,
#caseNaviSp .content li a,
#caseNavi h1 span, #caseNavi h2 span,
#caseNaviSp h1 span, #caseNaviSp h2 span {
	background-color: #000000 !important;
	color: #FFFF00 !important;
}
#caseNavi h1 span:before,
#caseNavi h2 span:before,
#topAdvertising h2 span:before {
	border-top-color:#000000 !important;
}
#usageNavi #appearance > div:before,
#usageNavi #globalNaviSp li:not(:last-child) {
	border-bottom-color:#000000 !important;
}
#caseNavi .first-item a.menu-button::after {
	border-top: 20px solid #000000 !important;
}
#impNotices h2 {
	border-right: 1px solid #000000 !important;
}


#usageNavi #changeTxt {
  background-image: url("../images/usg_font_black.svg") !important;
}
#usageNavi #sitemap a {
  background-image: url("../images/usg_sitemap_black.svg") !important;
}
#usageNavi #language a {
  background-image: url("../images/usg_language_black.svg") !important; 
}
#usageNavi #faq a {
  background-image: url("../images/usg_faq_black.svg") !important; 
}
#footerGuide li a:hover, #footerGuide li a:focus {
	color: #FFFF00 !important;
	background-color: #000000 !important;
}
#footerContact li:nth-child(1) a {
  background-image: url("../images/footer_access_black.svg")!important;
}
#footerContact li:nth-child(2) a {
  background-image: url("../images/footer_contact_black.svg")!important; 
}
@media print, screen and (min-width: 1024px) {
	#footerContact li:nth-child(1) a {
		background-image: url("../images/footer_access_black.svg"), url("../images/footer_arrow_black_yellow.svg") !important;
	}
	#footerContact li:nth-child(2) a {
		background-image: url("../images/footer_contact_black.svg"), url("../images/footer_arrow_black_yellow.svg") !important; 
	}
}

@media print, screen and (max-width: 1024px) {
	#usageNavi {
		background-color: #FFFF00 !important;
		color: #000000 !important;
	}
}

#caseNavi .menu-item.first-item a.menu-button::after,
#caseNavi .menu-item:hover a.menu-button::after,
#caseNaviSp .menu-item.first-item .menu-button::after,
#caseNaviSp .menu-item.active .menu-button::after {
	border-top-color: #000000 !important;
}

#caseNaviSp h1 span:before, #caseNaviSp h2 span:before {
	border-top-color: #000000 !important;
}