@charset "utf-8";

/* ==================================================
accessibility color
================================================== */

/* fade
============================== */
.fadein {
    opacity : 1 !important;
    transform : translate(0, 0px) !important;
}

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0) !important;
}

body,
body * {
  color: #FFFF00 !important;
}

/*リンク　文字色白*/
body a,
body button,
body a p,
#menu-sp a,
#header_r ul li button,
#oshirase > div #news #top_news ul li a,
#oshirase > div #news .tabs .horizontal li a,
#oshirase > div #news #top_news .link div a,
#top_life ul.life *,
#article .page_menu_cate_link .btn {
	color:#FFFFFF !important;
}
/*リンク無し　文字色黄*/
#main h2.border span,
#top_life h3,
.top_emg .ttl h2,
#top_life > div h2,
#top_koho_media > div #photonews h2,
#top_profile #population *,
#header_ttl > div h1 span,
.pagetitle_a2,
.pagetitle_a3,
.pagetitle_a4,
.pagetitle_a5,
#article #page_maincontents table#event_month td.day_sat,
#article #page_maincontents table#event_month td.day_sun,
#page-title-area {
	color:#FFFF00 !important;
}

/*リンク無し　背景黒・文字色黄*/
body,
#header,
#wrapper,
#menu-sp,
#gnavi ul,
.top_emg,
.top_emg .ttl,
#top_ban .slick-prev, #top_ban .slick-next,
#top_ban .slick-prev, #top_ban .slick-prev,
#top_search,
#oshirase,
#oshirase *,
#top_osusume *,
#top_koho *,
#top_ad,
#top_life,
#top_profile,
#top_profile > div #population > div,
#top_profile > div #population > div ~ div,
#footer,
#header_ttl > div {
	color:#FFFF00 !important;
	background-image:none !important;
	background-color:#000000 !important;
	border-color:#FFFF00 !important;
	list-style-image:none !important;
}

/*リンクあり　背景黒・文字色白*/
#top_life > div ul.link li a,
#top_profile > div > div ~ div .list,
#top_search #keyword .search_btn input[type="submit"] {
	color:#FFFFFF !important;
	background-image:none !important;
	background-color:#000000 !important;
	border-color:#FFFF00 !important;
	list-style-image:none !important;
}

/*背景黒*/
#overlay {
	background-color:#000000 !important;
}

/*罫線黄色*/
#main h2.red::before, #main h2.red::after,
#header_ttl > div h1 span,
#article #page_maincontents ul.category_page_list li:hover,
#article #page_maincontents-onecol ul.category_page_list li:hover,
.pagetitle_a2,
.pagetitle_a3,
.pagetitle_a4,
.pagetitle_a5,
#article .page_menu_cate_link .btn,
.header_search,
.menu-trigger2 {
	border-color:#FFFF00;
}

/*サイト内検索　overlay*/
.header_search form input::placeholder {
	color:#FFFF00;
}
#overlay #close-btn,
#overlay #close-btn:hover,
#overlay #close-btn:active {
	background:#FFFF00;
	color:#000000 !important;
}

#main h2.border span::before,
#main h2.border span::after,
.top_emg .txt ul li::before,
#oshirase > div #news #top_news ul li::before,
#article #page_maincontents-onecol #news ul li::before,
#article #page_maincontents ul.category_page_list > li ul li::after,
#article #page_maincontents-onecol ul.category_page_list > li ul li::after {
	background-color:#FFFF00;
}

/*罫線黄色 1px */
#header_r ul li,
#gnavi .sub ul.sub-menu li a,
.top_emg,
#top_search #keyword .search_btn input[type="submit"],
#top_life ul.life li,
#top_life ul.link li a,
#oshirase > div #news .tabs .horizontal li,
#top_profile > div #population,
#top_koho_media > div #koho > div,
#top_koho_media > div #koho ul li a,
#top_koho_media > div #photonews,
#top_profile > div > div ~ div .list ul a,
#tenzo > div ul li a,
.footer_btn li a,
#gnavi-sp ul.second li,
#article #page_maincontents ul.category_page_list > li h2.ttl,
#article #page_maincontents-onecol ul.category_page_list > li h2.ttl,
#article #page_maincontents ul.incatlist li a, #article #page_maincontents-onecol ul.incatlist li a,
#article #page_maincontents-onecol .photo_list li a,
#article #page_maincontents #kantan_layout_photo .button, #article #page_maincontents-onecol #kantan_layout_photo .button, #article #page_maincontents .lightbox .button {
	border:1px solid #FFFF00;
}

/*背景消す*/
#top_life::before,
#top_life::after,
#oshirase::before,
#oshirase::after,
#oshirase > div #news + div::after,
#footer_contents::after,
#top_koho_media::before,
#top_koho_media::after {
	content:none;
}
#header_r ul li,
#gnavi .sub ul.sub-menu li a,
.top_emg .txt ul li:hover,
#oshirase > div #news .tabs .horizontal li a,
#oshirase > div #news .tabs .horizontal li:hover a,
#oshirase > div #news .tabs .horizontal li.active a,
#top_koho > div::before,
#top_profile > div > div ~ div .list ul a,
#tenzo > div ul li a,
.footer_btn li *,
#top_life:before,
#top_life:after,
#top_life ul.life *,
#top_life ul.link *,
#top_koho_media *,
#page_maincontents,
#page_maincontents-onecol,
#page_sidemenu h2.page_cate, #page_sidemenu h2,
#page_sidemenu ul,
#article .page_menu_cate_link ul li:hover,
#article #page_maincontents #otoiawase,
#article #page_maincontents-onecol #otoiawase,
#article #page_maincontents ul.category_page_list li,
#article #page_maincontents-onecol ul.category_page_list li,
#gnavi-sp ul.second li,
#article #page_maincontents-onecol #news.page,
#article #page_maincontents-onecol #news h2,
#article #page_maincontents ul.category_page_list > li h2.ttl,
#article #page_maincontents-onecol ul.category_page_list > li h2.ttl,
#article #page_maincontents ul.incatlist li a, #article #page_maincontents-onecol ul.incatlist li a,
#article #page_maincontents-onecol #news ul li:hover,
#article #page_maincontents-onecol #news .link div a,
.pagetitle_a3,
#article .page_menu_cate_link .btn,
#article table th,
#article table td,
#article #page_maincontents table#event_month th,
#article #page_maincontents-onecol .photo_list li a,
#article #page_maincontents #kantan_layout_photo .button, #article #page_maincontents-onecol #kantan_layout_photo .button, #article #page_maincontents .lightbox .button {
	background:none !important;
}

/*スライド*/
#top_ban .slick-dots li button {
	background:#FFFF00;
}
#top_ban .slick-dots li button:hover,
#top_ban .slick-dots li button:focus,
#top_ban .slick-dots li.slick-active button{
	background:#FFFFFF !important;
}

#slider .slick-prev, #slider .slick-next,
#top_header_image #slider .slick-dots li button {
  background: #000000;
  border: 3px solid #FFF;
}

#top_header_image #slider .slick-dots li button:hover,
#top_header_image #slider .slick-dots li button:focus {
  background: #FFFF00;
}

#top_header_image #slider .slick-dots li.slick-active button {
  background: #FFF;
}

#top_header_image #slider .slick-dots li.slick-active button {
  background: #FFF;
}

#pickup, .global-menu.is-fixed, .global-menu {
	background-color: #000;
}
.pickup-card, .box_lightblue, .box_yellow, .box_grey, .otoiawase, .footer_links .eme a, .btn_yellow, .btn_gray, .loan_info > div {
	background-color: #000;
	border: 2px solid #fff;
}
.pickup-card::before {
	content: none;
}
.login_left a:last-of-type, .login_right a:last-of-type, .login_left a:first-of-type, .login_left a:first-of-type:hover, .login_left a:last-of-type:hover, .login_right a:first-of-type, .login_right a:first-of-type:hover, .login_right a:last-of-type:hover, .login_background::after, .login_background::before, .submenu li a:hover, #side-menu a:hover, #page-title-area, .tr_bg_blue, .tr_bg_yellow, .tr_bg_grey {
	background: #000;
}
.logo a:first-of-type {
  display: none;
}
.logo a:last-of-type {
  display: block;
}
.global-menu.is-fixed .inner::before {
  background-image: url('../images/footer_logo.png');
}
.global-menu.is-fixed .inner::after {
  color: #FFFF00;
}


@media screen and (max-width: 1180px) {
	.login_left, .login_right {
		background: #000 !important;
	}
	.global-menu.active {
		background: #000 !important;
	}
	.submenu-container {
		border: none !important;
	}
	.has-submenu {
		color: #FFFF00 !important;
		background-color: #000 !important;
		border: none !important;
		border-bottom: 1px solid #FFFF00 !important;
		list-style-image: none !important;
	}
	.has-submenu .submenu a,
	.global-menu .submenu li a {
		border: none !important;
		background: none !important;
		color: #FFFF00 !important;
		-webkit-text-fill-color: #FFFF00 !important;
	}
	.search-form button {
		border: solid 3px #fff !important;
		background: #000 !important;
		color: #fff !important;
		border-radius: 0 12px 12px 0;
	}
	.menu-toggle.active span {
		background: #FFFF00 !important;
	}
	.menu-toggle span {
		background: #FFFF00 !important;
	}
	.menu-toggle .menu_label {
		background: none !important;
	}
	/* SP グローバルメニュー リンク・テキスト色 */
	.global-nav-sp .global-nav ul li a,
	.global-nav-sp .global-nav ul li button,
	.global-menu-list > li > a {
		color: #FFFF00 !important;
		-webkit-text-fill-color: #FFFF00 !important;
	}
	#header .global-menu-list a,
	#header .global-nav-sp .global-nav button,
	#header .global-nav-sp .setting_txt_sp dt,
	#header .global-nav-sp .search-label {
		color: #FFFF00 !important;
		-webkit-text-fill-color: #FFFF00 !important;
	}
	/* SP キーワード検索インプット枠 */
	.global-nav-sp .search-form input {
		border-color: #FFFF00 !important;
	}
}

.login_slash {
	display: none;
}
#notice .info .pdf, #notice .news .pdf, .footer_links .pdf {
	color: #fff !important;
}
.login_left a:first-of-type::before {
  background: url("../images/login_icon03.png") no-repeat center/contain;
}
.login_left a:last-of-type::before, .login_right a:last-of-type::before {
  background: url("../images/login_icon02.png") no-repeat center/contain;
}

/* テーブルヘッダー */
#page_main table th {
	background-color: #FFFF00 !important;
	color: #000 !important;
	border: 1px solid #000 !important;
}
#page_main table th a {
	color: #000 !important;
}
#page_main table td {
	background: #000 !important;
}
#page_main table td {
	border-color: #FFFF00 !important;
}

/* サブメニューボタン */
.submenu li a {
	border: solid 3px #FFF;
	background-color: #000 !important;
	color: #FFF !important;
}
.submenu li a:hover {
	background-color: #FFFF00 !important;
	color: #000 !important;
	border-color: #FFF !important;
}

/* タブアクティブ */
.tabs li.active {
	border-bottom-color: #FFFF00 !important;
}

/* アイコン */
#nav.global-nav li.a11y button::before,
#nav.global-nav li.search button::before {
	filter: brightness(0) invert(1);
}

/* サイドナビボタン (PC) */
#nav.global-nav a,
#nav.global-nav button {
	background: #000 !important;
	border: 2px solid #FFFF00 !important;
}

/* 目的別ナビ */
#purpose,
#purpose .purpose_img {
	background: #000 !important;
}

/* バナーエリア */
#banner {
	background: #000 !important;
}
#banner ul li {
	border-color: #FFFF00 !important;
}

/* お問い合わせバー */
#contact {
	background-color: #000 !important;
	border-top: 2px solid #FFFF00 !important;
}
.contact_btn {
	background: #FFFF00 !important;
	color: #000 !important;
}
.contact_tel_txt {
	color: #000 !important;
}

/* ニュースカテゴリバッジ */
#info .news_cat,
#info .news_cat.event,
#info .news_cat.update {
	background: #FFFF00 !important;
	color: #000 !important;
}

/* 一覧を確認するボタン */
#info .news_more a {
	background: #FFFF00 !important;
	color: #000 !important;
}

/* 保証制度ガイドカード */
#guide a {
	background: #000 !important;
	color: #FFFF00 !important;
	border: 2px solid #FFFF00 !important;
}
#guide a:hover {
	background: #111 !important;
}

/* ヒーローサーチバー */
.main-visual .search {
	background: #000 !important;
}
.main-visual .search .search-form {
	border-color: #FFFF00 !important;
}
.main-visual .search .search-form button {
	background-color: #000 !important;
}

/* 設定パネル内 search-label は白を維持 */
.setting_txt .search .search-label {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* ページビジュアル */
#page_visual {
	background: #000 !important;
}

/* パンくず */
#breadcrumb {
	background: #000 !important;
}
#breadcrumb li:not(:last-child)::after {
	border-color: rgba(255,255,0,0.8);
}
#breadcrumb li:first-child::before {
	filter: brightness(0) invert(1);
}

/* 詳細イントロ */
#page_main .detail_intro {
	background: #000 !important;
	border: 2px solid #FFFF00 !important;
}
#page_main .detail_intro li::before {
	border-right-color: #FFFF00 !important;
	border-bottom-color: #FFFF00 !important;
}

/* パネル見出し (a5) */
#page_main .pagetitle_a5 {
	background: #FFFF00 !important;
	color: #000 !important;
}

/* テキストボックス */
#page_main .text_box.box01,
#page_main .text_box.box02 {
	background: #000 !important;
	border: 2px solid #FFFF00 !important;
}

/* お問い合わせボックス */
#page_main .contact_box {
	background: #000 !important;
	border: 2px solid #FFFF00 !important;
}
#page_main .contact_title {
	border-bottom-color: #FFFF00 !important;
}

/* 見出し下線 (a2 / a3 / a4) */
#page_main .pagetitle_a2::after,
#page_main .pagetitle_a3::after,
#page_main .pagetitle_a4::after {
	background: #FFFF00 !important;
}

/* サイドナビ */
.side_nav_list li {
	border-bottom-color: #FFFF00 !important;
}
.side_nav_list a::before {
	background: #FFFF00 !important;
}

/* ヘッダー枠線 */
#header {
	border-bottom: 3px solid #FFFF00 !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}
.global-menu,
.global-menu.is-fixed {
	border-bottom: 3px solid #FFFF00 !important;
}

/* 目的別ナビカード */
#purpose_list a,
#purpose_list_2 a {
	background: #000 !important;
	border: 2px solid #FFFF00 !important;
}

/* 目的別ナビメッセージ */
#purpose_message {
	background: #FFFF00 !important;
}
#purpose_message span {
	color: #000 !important;
}

/* カテゴリページ */
.category_list a::before {
	background: #FFFF00 !important;
}
.category_heading::before {
	filter: brightness(0) invert(1);
}

/* ページトップボタン */
#page_top {
	background-color: #FFFF00 !important;
}

/* フォームボタン */
#mail_btn .btn_l input,
#mail_btn .btn_l button,
#online_sodan_btn .btn_l input,
#online_sodan_btn .btn_l button {
	background: #FFFF00 !important;
	color: #000 !important;
}
#mail_btn .btn_r input,
#mail_btn .btn_r button,
#online_sodan_btn .btn_r input,
#online_sodan_btn .btn_r button {
	background: #000 !important;
	color: #FFFF00 !important;
	border: 2px solid #FFFF00 !important;
}

/* セレクト */
#main_content select {
	background-color: #000 !important;
	color: #FFFF00 !important;
	border-color: #FFFF00 !important;
}

/* ページャー */
.infomodule_page li a,
.infomodule_page li span {
	background-color: #000 !important;
	color: #FFFF00 !important;
	border-color: #FFFF00 !important;
}
.infomodule_page li span {
	background-color: #FFFF00 !important;
	color: #000 !important;
}
.infomodule_page li a:hover {
	background-color: #FFFF00 !important;
	color: #000 !important;
}

/* GSC 検索結果 */
#page_main .gsc-expansionArea,
#page_main .gsc-result,
#page_main .gsc-webResult,
#page_main .gs-result,
#page_main .gs-result td,
#page_main .gsc-thumbnail-inside {
	background-color: #000 !important;
	color: #FFFF00 !important;
	border-color: #FFFF00 !important;
}
#page_main .gs-title,
#page_main .gs-title b,
#page_main .gs-snippet {
	color: #FFFF00 !important;
}
#page_main .gsc-cursor-page {
	background: #000 !important;
	color: #FFFF00 !important;
	border: 1px solid #FFFF00 !important;
}
#page_main .gsc-cursor-current-page {
	background: #FFFF00 !important;
	color: #000 !important;
}

/* 設定パネル search-label 白を維持 */
#header .global-nav-sp .setting_txt_sp .search-label {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* setting_txt_sp アイコン */
.setting_txt_sp .color dt::before,
.setting_txt_sp .font_size dt::before {
	filter: brightness(0) invert(1) !important;
}

/* arrow_right アイコン */
#page_main a.arrow_right::before,
#page_main a.arrow_down::before {
	border-color: #FFFF00 !important;
}

/* global-menu-list ナビアイコン白化（PC）*/
.global-menu-list > li > a::before {
	filter: brightness(0) invert(1) !important;
}

/* global-nav-sp ナビアイコン白化（SP）*/
@media screen and (max-width: 1160px) {
	.global-nav-sp .global-nav li a::before {
		filter: brightness(0) invert(1) !important;
	}
}

/* #page_main リストマーカー */
#page_main ul li::before {
	background: #FFFF00 !important;
}
/* detail_intro の V字アイコンは除外 */
#page_main .detail_intro li::before {
	background: none !important;
}

/* ローンシミュレーター ボタン */
#submit {
	background-color: #FFFF00 !important;
	color: #000 !important;
}
#submit:hover {
	background-color: #E6E600 !important;
	color: #000 !important;
}
#reset {
	background-color: #FFF !important;
	color: #000 !important;
}
#reset:hover {
	background-color: #E0E0E0 !important;
	color: #000 !important;
}

/* サイトマップ フォルダアイコン白化 */
#sitemap_list .sm_category1::before,
#sitemap_list .sm_category2::before,
#sitemap_list .sm_category3::before,
#sitemap_list .sm_category4::before,
#sitemap_list .sm_category5::before,
#sitemap_list .sm_category6::before,
#sitemap_list .sm_category7::before,
#sitemap_list .sm_category8::before {
	background: url("/common_cgc/images/icon_folder_s.png") no-repeat 0 0 / contain !important;
	filter: brightness(0) invert(1) !important;
}

/* サイトマップ ファイルアイコン白化 */
#sitemap_list .sm_article::before {
	background: url("/common_cgc/images/icon_file_s.png") no-repeat 0 0 / contain !important;
	filter: brightness(0) invert(1) !important;
}

/* サイトマップ 件数入力欄 */
#sitemap_list input {
	color: #000 !important;
}

/* サイドメニュー hover/selected */
.side_nav_list li:hover,
.side_nav_list li.side-menu_selected {
	background-color: #FFFF00 !important;
}
.side_nav_list li:hover > a,
.side_nav_list li.side-menu_selected > a {
	color: #000000 !important;
}
.side_nav_list li:hover > a::before,
.side_nav_list li.side-menu_selected > a::before {
	background: #000000 !important;
}