@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, mb-5, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	/*
	font-weight: bold;
	font-size: 100%;
	*/
	vertical-align: top;
}

html, body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", sans-serif;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	height: 100%;
}

body{
	min-width:auto;
}
/* 共通ヘッダ */

header .header_container {
	height: 70px;
	display: flex;
	width: 100%;
}

.table02 {
    border-collapse: collapse;
    background-color: #FFFAE6;
	width: 100%;
	font-size: 1.0rem;
}

.table02 td {
    display: block;
}

.table02 th, .table02 td {
    border: 1px solid #0168B7;
    text-align: center;
    line-height: 1.5;
    padding: 10px;
}

header .header_container .header_nav {
	width: 50%;
	white-space: nowrap; /* テキストの折り返しを禁止 */
}

header .header_container .header_nav ul.hnav1 li {
	width: 50%;
}

header .header_container .header_nav ul li a.logo {
	padding: 25px 0 0 0;
	width: 150px;
	max-width: 130%;
	margin: 15px 0 0 10px;
	background-image: url(../img/icon/logo2.jpg);
}

header .header_container .header_nav ul li a span.bankcode {
	font-size: 0.75em;
}

header .header_container .header_nav ul li a.logo_100anniversary {
	/* padding: 25px 0 0 0; */
	width: 58px;
	max-width: 50%;
	margin: 20px 0 0 44px;
	background-image: url(../img/icon/100anniversary_logo.png);
}

header .header_container .header_nav ul.hnav2 {
	margin-right: 50px;
	padding-right: 0;
}

header .header_container .header_nav ul.hnav2 li {
	margin-left: 0;
}

header .header_container .header_nav ul.hnav2 li:nth-child(1) a, header .header_container .header_nav ul.hnav2 li:nth-child(2) a {
	margin: 0;
	padding: 25px 5px 0 5px;
	height: 25px;
	width: 100%;
	display: flex;
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	color: black;
	font-size: 1.0rem;
}

header .header_container .header_nav ul.hnav2 li:nth-child(1) a>span, header .header_container .header_nav ul.hnav2 li:nth-child(2) a>span {
	padding: 5px 0 0 0;
	font-size: 1rem;
}

/* header .header_container .header_nav ul.hnav2 li:nth-child(2) a>span {
	margin-left: 10px;
} */

/* header .header_container .header_nav ul.hnav2 li:nth-child(2) a {
	margin-left: -60px;
} */

.header_nav .search {
	display: none;
}

/* パンくず領域 */

.container .breadcrumbs_nav {
    margin: 0 auto;
    margin-bottom: 70px;
    height: 50px;
    background: #f5f5f5;
}

.container .breadcrumbs_nav .breadcrumbs_container {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs {
    display: flex;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li {
    font-size: 1.2rem;
    line-height: 50px;
    margin-right: 10px;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li span {
    color: #2573bb;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li a {
    color: #2573bb;
    margin-right: 10px;
}

/* パンくず領域 ここまで*/

/* ハンバーガーメニューアイコンを表示する */

.icon_hamburger {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	left:auto;
}

/* PCのみ表示の要素は非表示にする */

.pc_only {
	display: none;
}

/* スマホ用メニュー領域 */

#modal_overlay {
	background-color: #0168b7ec;
	position: fixed;
	overflow-y: auto;
	display: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}

#modal_overlay ul.menu {
    margin: 80px 30px 0;
}

/* スマホメニュー上のキーワード検索領域 */
#modal_overlay>.bottom_Box>.search {
    display: none;
}

/* スマホメニュー下部 */
#modal_overlay>.bottom_Box {
	margin-top: 45px;
	padding: 30px 30px;
    background-color: #fff;
}

#modal_overlay>.bottom_Box>.menubuttonList {
    margin: 20px 0;
}
#modal_overlay>.bottom_Box li.menu_icon a {
    box-shadow: 0px 3px 0px #E4E4E4;
}

#close_hamburger {
    display: block;
}

/* サブヘッダー */

.sub_header {
	height: 0px;
	margin-top: 70px;
}

.sub_header_container {
	display: none;
}

/* コンテナー */

.container .contents .select_user_nav li {
	margin: 0;
	width: 50%;
}

.container .contents .select_user_nav label {
	width: 100%;
	min-width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	border-radius: 0;
}

.container .contents .select_user_nav>li>label:before {
	width: 25px;
	height: 25px;
}
/* スライダー画像 */

.sliderbutton_color,
.sliderbutton_normal {
    display: none;
}

#slider_aria {
	margin: 0;
	width: 100%;
	height: auto;
}

.slide-img {
	height: auto;
}

.slide-img img {
	height: auto;
}

#sliderbutton, #sliderbuttonhojin {
	position: relative;
	width: inherit;
	height: inherit;
	margin: 0 auto;
	padding-bottom: 35%;
	overflow: hidden;
}

#navi1, #navi1b {
	left: 27%;
}

#navi2, #navi2b {
	left: 37%;
}

#navi3, #navi3b {
	left: 47%;
}

#navi4, #navi4b {
	left: 57%;
}

#navi5, #navi5b {
	left: 67%;
}

#navi6, #navi6b {
	left: 77%;
}
#navi7, #navi7b {
	left: 87%;
}

#navih1, #navi1h {
	left: 27%;
}

#navih2, #navi2h {
	left: 37%;
}

#navih3, #navi3h {
	left: 47%;
}

#navih4, #navi4h {
	left: 57%;
}

#navih5, #navi5 {
	left: 67%;
}



.mainmenu {
	width: 100%;
	padding: 0 20px 0 20px;
	margin: 25px auto 50px;
}

.mainmenu .mainmenu_list_tab li {
	font-size: 1.2rem!important;
}

/* jQueryにて制御 */
/* .mainmenu .mainmenu_list_tab li a {
	pointer-events: none;
} */

.mainmenu .mainmenu_list_tab li#tameru a {
	font-size: 0;
}
.mainmenu .mainmenu_list_tab li#tameru a:before {
	content: "ためる\Aふやす";
	white-space: pre;
	font-size: 1.25rem!important;
	line-height: 20px;
	padding: 5px 0 0 0;
	display: block;
}
.mainmenu .mainmenu_list_tab li#service a:before {
	content: "各種\Aサービス";
	white-space: pre;
	font-size: 1.25rem!important;
	line-height: 20px;
	padding: 5px 0 0 0;
	display: block;
}

.mainmenu .mainmenu_list_tab li:nth-of-type(1):before,
.mainmenu .mainmenu_list_tab li:nth-of-type(2):before,
.mainmenu .mainmenu_list_tab li:nth-of-type(3):before,
.mainmenu .mainmenu_list_tab li:nth-of-type(4):before,
.mainmenu .mainmenu_list_tab li:nth-of-type(5):before {
	display: none;
}

.mainmenu .mainmenu_list_tab_houjin li {
	font-size: 1.2rem!important;
	padding-left: 5px;
	padding-right: 5px;
}

.mainmenu .mainmenu_list_tab_houjin li a {
	pointer-events: none;
}

.mainmenu .mainmenu_list_tab_houjin li#cashless {
	font-size: 1.2rem!important;
	line-height: 20px;
	padding: 5px 0 0 0;
}

.mainmenu .mainmenu_list_tab_houjin li#businessmatching {
	font-size: 1.0rem!important;
	line-height: 20px;
	padding: 5px;
}

.mainmenu .mainmenu_list_tab_houjin li br {
	display: block;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li, .mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li {
	width: 100%;
}

.mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li {
	font-size: 1.2rem;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li>ul, .mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li>ul {
	display: none;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li:nth-of-type(1)>ul, .mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li:nth-of-type(1)>ul {
	display: block;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) {
	display: block;
	flex-flow: none;
	justify-content: none;
	font-size: 1.5rem;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 1.2rem!important;
	background-image: none;
	border-radius: none;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li a {
	letter-spacing: 0.1rem;
	margin: 0 auto;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) br {
	display: none;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(1)>a:before {
	position: relative;
	left: -5px;
}
.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(1)>a {
	font-size: 1.4rem!important;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a br {
	display: block;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a {
	letter-spacing: 0.2rem;
	line-height: 0;
	margin-top: 20px;
	font-size: 1.4rem!important;
	text-indent: -2.5rem;
	margin-left: 2rem;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a:before {
	position: relative;
	left: -8px;
	top: 7px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li>a:before {
	width: 25px;
	height: 25px;
	margin-right: 0px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li>a:before {
	width: 25px;
	height: 25px;
	margin-right: 0px;
}

.container .contents .select_user_nav #btn_kojin + label{
	border-radius: 0;
	background-color: #71BB10;
	box-shadow: none;
}
.container .contents .select_user_nav #btn_houjin + label{
	border-radius: 0;
	background-color: #2E9BE0;
	box-shadow: none;
}
.container .contents .select_user_nav #btn_kojin:checked + .switch-on {
    border: none;
	border-top: 4px solid #5A950C;
	padding-bottom: 4px;
}
.container .contents .select_user_nav #btn_kojin:not(:checked) + .switch-on {
    background-color: #9da9af;
}
.container .contents .select_user_nav #btn_houjin:checked + .switch-on {
    border: none;
	border-top: 4px solid #38759d;
	padding-bottom: 4px;
}
.container .contents .select_user_nav #btn_houjin:not(:checked) + .switch-on {
    background-color: #9da9af;
}

/* iPhone 4.0インチ用 */

@media screen and (max-width: 374px) {
	/* メニューのボタン - TOP */
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li {
		font-size: 1rem!important;
	}
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li>a:before {
		margin-left: 20px;
	}
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(1)>a {
		font-size: 1.2rem!important;
	}
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(1)>a:before {
		left: -5px;
	}
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a {
		font-size: 1.1rem!important;
		letter-spacing: 0rem;
		text-indent: -2.5rem;
		margin-left: 1.5rem;
	}
	.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a:before {
		left: -5px;
		top: 6px;
	}
}

footer .footer_container {
	height: 100%;
}

.banner_area {
	height: auto;
}

.banner_area .banner_area_container {
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
}

.banner_area .banner_area_container li {
	position: relative;
	flex: none;
	width: 45%;
	padding: 2px;
	line-height: 60px;
	text-align: left;
}

footer .footer_container .footer_nav {
	height: 240px;
}

footer .footer_container .footer_nav .footer_nav_container {
	height: 100%;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
}

footer .footer_container .footer_nav .footer_nav_container li {
	height: 60px;
	width: 50%;
	line-height: 60px;
	text-align: left;
	border-bottom: solid 1px #fff;
	position: relative;
}

footer .footer_container .footer_nav .footer_nav_container li:nth-child(2n) {
	border-right: none;
}

footer .footer_container .footer_nav .footer_nav_container li a:before, footer .footer_container .footer_nav .footer_nav_container li a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

footer .footer_container .footer_nav .footer_nav_container li a:after {
	right: 15px;
	width: 15px;
	height: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

footer .footer_container .footer_menu {
	padding: 0;
	margin: 0;
	height: 100%;
}

footer .footer_container .footer_menu .footer_menu_container {
	width: 100%;
	padding: 0px;
	flex-flow: column;
}

footer .footer_container .footer_menu .footer_menu_container li {
	text-align: left;
	width: 100%;
	font-size: 1.5rem;
	height: 60px;
	line-height: 60px;
	border-bottom: solid 1px #e4e4e4;
	padding-left: 20px;
	position: relative;
}

footer .footer_container .footer_menu .footer_menu_nav_container {
	width: 100%;
	padding-top: 0;
	flex-flow: column;
}

footer .footer_container .footer_menu .footer_menu_nav_container>li {
	text-align: left;
	width: 100%!important;
	font-size: 1.5rem;
	min-height: 60px;
	line-height: 60px;
	border-bottom: solid 1px #e4e4e4;
	padding-left: 20px;
	position: relative;
}

footer .footer_container .footer_menu .footer_menu_container li a:before, footer .footer_container .footer_menu .footer_menu_container li a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

footer .footer_container .footer_menu .footer_menu_container li a:after {
	right: 15px;
	width: 15px;
	height: 15px;
	border-top: 2px solid #0168b7ec;
	border-right: 2px solid #0168b7ec;
	transform: rotate(45deg);
}

footer .footer_container .footer_menu .footer_menu_nav_container li p:before, footer .footer_container .footer_menu .footer_menu_nav_container li p:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 15px auto;
	content: "";
	vertical-align: middle;
}

footer .footer_container .footer_menu .footer_menu_nav_container li p:after {
	right: 15px;
	width: 15px;
	height: 15px;
	border-top: 2px solid #0168b7ec;
	border-right: 2px solid #0168b7ec;
	transform: rotate(135deg);
}

footer .footer_container .footer_menu .footer_menu_nav_container li input:checked~label p:before, footer .footer_container .footer_menu .footer_menu_nav_container li input:checked~label p:after {
	top: 15px;
}

footer .footer_container .footer_menu .footer_menu_nav_container li input:checked~label p:after {
	transform: rotate(-45deg);
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleTitle {
	font-size: 1.5rem;
	margin-bottom: 0;
	cursor: pointer;
}

/*中身を非表示にしておく*/

footer .footer_container .footer_menu .footer_menu_nav_container .toggleItem {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	font-size: 1.5rem;
}

/*クリックで中身表示*/

footer .footer_container .footer_menu .footer_menu_nav_container input:checked~.toggleItem {
	height: auto;
	animation: fadeIn 0.5s ease 0s 1 normal;
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleItem li {
	border-top: solid 1px #e4e4e4;
	margin-right: 20px;
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleItem li a {
	width: 100%;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	display: inline-block;
	font-size: 1.1rem;
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleItem li a>span {
	display: none;
}

footer .footer_container .logo {
	width: 100%;
}

footer .footer_container .logo ul li:first-child {
	width: 220px;
}

footer .footer_container .logo ul li span.bankcode {
	padding-right: 75px;
}

#copyright {
	margin-bottom: 60px;
}

#return_top {
	width: 80px;
	height: 80px;
}

/* 福岡信金について */

.company_overview {
	height: auto;
	width: 100%;
}

.company_overview_Box {
	width: 100%;
	padding-top: 10px;
}

.company_overview_Box h2 {
	font-size: 1.5rem;
}

.company_overview_images .company_overview_images_list {
	flex-flow: column;
	margin-top: 10px;
}

.company_overview_images .company_overview_images_list>li {
	width: 100%;
	height: 60px!important;
	margin: 0;
}

.company_overview_images .company_overview_images_list>li:nth-child(2n) {
	padding-left: 0px;
}

.company_overview_images .company_overview_images_list .company_overview_image {
	display: none;
}

.company_overview_images .company_overview_images_list>li>a {
	top: 0px;
	width: 100%;
	background-color: #e8f5fb;
	border-bottom: solid 1px #dddddd;
}

.company_overview_images .company_overview_images_list>li>a:after {
	position: absolute;
	top: 35%;
	right: 10px;
}

/* 福岡信金について ここまで*/

/* お知らせ - TOP */

.info_top {
	width: 100%;
}

.info_top h2 {
	font-size: 2rem;
}

.info_top_selector_Box {
	margin-top: 20px;
}

.info_top_selector li {
    height: 48px;
    line-height: 20px;
    font-size: 1.25rem;
    border: 1px solid #0168b7;
}

/* お知らせ - TOP ここまで*/

/********************
	コンテナ（本体）
********************/
.container .breadcrumbs_nav .breadcrumbs_container {
	width:100%
}
.container .contents {
	width: 95%;
	line-height: 25px;
}

.container .contents .contents_Box {
    margin-bottom: 20px;
}

.container .contents .contents_Box .contents_List {
	flex-flow: column;
}

.container .contents .contents_Box .contents_List li {
    width: 100%;
}

.container .contents .contents_Box .contents_List li div.trim {
    width: 100%;
}

/* テレホンサービスセンター */

.container .contents .telephoneservicecenter_Box {
    margin: 20px auto 0;
    background-color: #fffae6;
    display: block;
    border: #0168B5 1px solid;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_title {
    display: block;
	border-right: none;
	border-bottom: #0168B5 1px solid;
    width: 100%;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_title>span {
    display: inline-block;
    height: inherit;
    width: inherit;
    padding: 20px 0;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents {
    display: inline-block;
    height: inherit;
    padding: 20px;
    text-align: left;
    width: 100%;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial {
    display: inline-block;
    color: #0168B5;
    font-size: 3rem;
    margin-bottom: 20px;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial:before {
    content: '';
    display: inline-block;
    height: 3rem;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial:before {
    background-image: url(../img/icon/dial.svg);
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents>p {
    line-height: 2rem;
}

/********************
	お知らせ
********************/

/* お知らせ */
.oshirase_list.pdf::after{
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    top: 3px;
    display:inline-block;
    background-image: url(../img/icon/pdf_color.svg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}

.container .contents .oshirase_box {
	display: flex;
	flex-flow: column;
	margin: 10px 0;
}

.container .contents dl.oshirase_list {
	text-align: left;
	display: block;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 10px;
	border-bottom: 1px solid #DDDDDD;
}

.container .contents dl.oshirase_list:nth-of-type(1) {
	border-top: 1px solid #DDDDDD;
}

.container .contents dl.oshirase_list dt {
	display: flex;
	align-items: center;
}

.container .contents dl.oshirase_list dd {
	width: auto;
	display: inline-block;
	word-break: break-all;
	padding-top: 10px;
}

.container .contents dl.oshirase_list dd a {
	text-decoration: underline;
}

/********************
	矢印
********************/

/* 右方向（白） */

.container .contents .arrow-after-rwhite {
	position: relative;
	padding: 0 40px 0 20px;
}

.container .contents .arrow-after-rwhite::after {
	position: absolute;
	content: '';
	right: 10px;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background: url("../img/icon/arrow_white.svg") no-repeat;
	background-size: contain;
}

/* 右方向（青） */

.container .contents .arrow-after-rblue {
	position: relative;
	padding: 0 40px 0 20px;
}

.container .contents .arrow-after-rblue::after {
	position: absolute;
	content: '';
	right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/arrow_blue.svg") no-repeat;
	background-size: contain;
}

@media screen and (max-width: 767px) {
  .container .contents .btn_densai_info_environment .arrow-after-rblue::after {
    left: auto;
    right: 10px;
  }
}

/* 下方向 */

.container .contents .arrow-after-under {
	position: relative;
}

.container .contents .arrow-after-under::after {
	position: absolute;
	content: '';
	width: 27.5px;
	height: 27.5px;
	background-image: url("../img/icon/arrow_blue.svg");
	background-size: contain;
	transform: rotate(90deg);
}

/********************
    フォントサイズ
********************/

.fontsize-01 {
    font-size: 1.5rem;
}

.fontsize-02 {
    font-size: 1.5rem;
}

.fontsize-03 {
    font-size: 1.75rem;
}

.fontsize-04 {
    font-size: 2rem;
}

.fontsize-05 {
    font-size: 2.25rem;
}

.fontsize-06 {
    font-size: 2.5rem;
}

.fontsize-07 {
    font-size: 2.75rem;
}

/********************
	ボタン
********************/

/*
本体
*/

/* 背景青 */

.container .contents .btn-blue {
	display: flex;
	align-items: center;
	color: #FFF;
	background-color: #2E9BE0;
	border-radius: 3px;
	box-shadow: 0px 4px 0px #E4E4E4;
	letter-spacing: 2.5px;
	justify-content: center;
}

.container .contents .btn-blue:hover {
	background-color: #55bbfa;
	transition: all 0.3s ease;
}

/* 枠青　文字位置左寄せ */

.container .contents .btn-white-left {
    display: flex;
    align-items: center;
    color: #0168B5;
    background-color: #FFF;
    border-radius: 3px;
    border: solid 2px #0168B5;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
}

/* 枠青　文字位置中央寄せ */

.container .contents .btn-white-center {
    display: flex;
    align-items: center;
    color: #0168B5;
    background-color: #FFF;
    border-radius: 3px;
    border: solid 2px #0168B5;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

.container .contents ul.lateral-direction {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*
サイズ
*/

/* 縦サイズ6パターン */

.container .contents a.row-1 {
	height: 50px;
	font-size: 1.5rem;
}

.container .contents a.row-2 {
	height: 60px;
	font-size: 1.5rem;
}

.container .contents a.row-3 {
	height: 65px;
	font-size: 2.0rem;
}

.container .contents a.row-4 {
	height: 70px;
	font-size: 2.0rem;
}

.container .contents a.row-5 {
	height: 50px;
	font-size: 2.0rem;
}

.container .contents a.row-6 {
	height: auto;
	font-size: 2.0rem;
}

/* 横サイズ7パターン */

.container .contents a.col-1 {
	width: 60%;
}

.container .contents a.col-2 {
	width: 65%;
}

.container .contents a.col-3 {
	width: 70%;
}

.container .contents a.col-4 {
	width: 75%;
}

.container .contents a.col-5 {
	width: 80%;
}

.container .contents a.col-6 {
	width: 85%;
}

.container .contents a.col-7 {
	width: 90%;
}


/********************
	電話番号発信用
********************/

a[href^="tel:"] {
	pointer-events: all;
}

/********************
	見出し
********************/

/* 下青線（トップ用） */

.container .contents .midashi01 {
	display: inline-block;
	position: relative;
	margin-bottom: 60px;
	font-size: 2.0rem;
	font-weight: bold;
}

.container .contents .midashi01:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: inline-block;
	width: 100px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #0168B7;
}

/* ハイフン青 文字青 */

.container .contents .midashi02 {
	font-size: 1.75rem;
	color: #0168B7;
	letter-spacing: 2.5px;
	margin-top: 25px;
	margin-bottom: 25px;
	position: static;
	text-align: left;
}

.container .contents .midashi02:before {
	content: "－ ";
}

/* 左線青　文字黒 */

.container .contents .midashi03 {
	font-size: 1.5rem;
	text-align: left;
	border-left: solid 3.5px #0068B7;
	margin-bottom: 20px;
}

/* 左線青　文字青 */

.container .contents .midashi04 {
	font-size: 1.5rem;
	line-height: 20px;
	text-align: left;
	padding-left: 10px;
	border-left: solid 2.5px #0068B7;
	color: #0068B7;
	margin-bottom: 10px;
}

/* 背景青 */

.container .contents .midashi05 {
	text-align: left;
	line-height: 40px;
	padding-left: 20px;
	font-size: 2.0rem;
	background-color: #E6F0F9;
	margin-bottom: 20px;
	vertical-align: middle;
}

/* 背景青　上線 */

.container .contents .midashi06 {
	font-size: 1.5rem;
	text-align: left;
	line-height: 40px;
	color: #010101;
	background: #E6F0F9;
	border-top: solid 4px #0068B7;
	margin-bottom: 30px;
	padding-left: 20px;
}

.container .contents .contents_Box .midashi06 {
	margin-top: 80px;
}

/* 文字黒＋大文字 */

.container .contents .midashi07 {
	font-size: 2.0rem;
	text-align: left;
	color: #010101;
	margin-bottom: 5px;
}

/* 角丸　線橙 */

.orange-midashi {
    margin-top: 20px;
    padding: 25px;
    border: solid 3px #FF570D;
    border-radius: 3.5em;
    border-width: 0.3em;
    font-size: 1rem;
}


/* 背景青＋文字白 */

.financing-midashi {
    color: #FFFFFF;
    border: solid 3px #0068B7;
    border-radius: 0.5em;
    background: #0068B7;
    width: 100px;
    line-height: 25px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

/********************
	リボン
********************/

/* 角丸 */

.container .contents .ribbon01 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	border-radius: 30px;
	font-size: 1.5rem;
	color: #ffffff;
	margin-bottom: 20px;
}

/* 両角山形 */

.container .contents .ribbon02 {
	display: inline-block;
	position: relative;
	height: 50px;
	line-height: unset;
	text-align: center;
	padding: 0 30px;
	font-size: 1.25rem;
	background: #f57a78;
	color: #FFF;
}

.container .contents .ribbon02:before, .container .contents .ribbon02:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.container .contents .ribbon02:before {
	top: 0;
	left: 0;
	border-width: 25px 0px 25px 15px;
	border-color: transparent transparent transparent #FFFBE5;
	border-style: solid;
}

.container .contents .ribbon02:after {
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #FFFBE5 transparent transparent;
	border-style: solid;
}

/* 背景色 */

.container .contents .back-green {
	background-color: #27AE61;
}

.container .contents .back-darkorange {
	background-color: #E77E23;
}

.container .contents .back-orange {
	background-color: #F39C11;
}

.container .contents .back-red {
	background-color: #E84C3D;
}

.container .contents .btn_blue_dark {
    background-color: rgb(26, 104, 153);
}

.container .contents .btn_blue_dark:hover {
    background-color: rgb(26, 104, 153,0.8);
}


/********************
	ボックス
********************/

.box-gray {
	padding: 20px 25px;
	margin: 20px 0;
	border: solid 2.5px #E4E4E4;
}

.box-gray-saving_account {
	padding: 30px 25px;
	margin: 20px 0;
	border: solid 2.5px #E4E4E4;
}

.box-orange {
	padding: 20px;
	text-align: center;
	background-color: #FFFBE5;
}

.fixed {
	margin-bottom: 30px;
}

/* ol数字()付 */

.ol-icon-round li {
    counter-increment: cnt;
    position: relative;
    padding-left: 23px;
}

.ol-icon-round li:before {
    content: (counter(cnt) ) ;
    position: absolute;
    left: 1px;
}

/********************
    見出しごとの余白用
********************/

/* 下 */

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mb-6 {
    margin-bottom: 60px;
}

.mb-7 {
    margin-bottom: 70px;
}

.mb-8 {
    margin-bottom: 80px;
}

/********************
    箇条書き
********************/

/* 半角数字 + .（ドット） */
/* スマホサイズ時のズレ補正 */
.numbering>li {
    text-indent: -17px;
}

/********************
    Ｑ & Ａ　アコーディオン
********************/

/* 質問部分 */

.container .contents .hidden_box .question {
    padding: 20px 50px 20px 65px;
	font-size: 1.5rem;
}

/* （Ｑ）アイコン */

.container .contents .hidden_box .question:before {
    width: 30px;
    height: 30px;
    top: 18px;
    background-size: 30px;
}

/*中身を非表示にしておく*/

.container .contents .hidden_box .answer {
    padding: 0 10px 0 65px;
}

/*クリックで中身表示*/

.container .contents .hidden_box input:checked~.answer {
    padding: 0 10px 20px 65px;
}

/* （Ａ）アイコン */

.container .contents .hidden_box input:checked~.answer:before {
    width: 30px;
    height: 30px;
    top: 5px;
    background-size: 30px;
}


/********************
	ページ別スタイル
********************/

/*
店舗・ＡＴＭ
branch.html
*/

/* 地図 */
.container .contents .map {
    padding: 0;
}

/* テーブル */
.container .contents table.tb_tenpo01 a[href^="tel:"] {
	color: #0068B7;
	border-bottom: 1px solid #0068B7;
}

.container .contents table[class*="tb_tenpo"] th {
	padding: 10px 0;
}

.container .contents table[class*="tb_tenpo"] th span {
	display: block;
}

.container .contents table[class*="tb_tenpo"] td {
	padding: 10px 10px;
}

.container .contents table[class*="tb_tenpo"] img {
	display: none;
}

.container .contents table[class*="tb_tenpo"] span {
	vertical-align: baseline;
}

.container .contents table[class*="tb_tenpo"] a {
	line-height: 25px;
}

.container .contents table[class*="tb_tenpo"] a:before {
	content: "\A";
	white-space: pre;
}

/* 折り返し位置調整 */
.container .contents .tb_tenpo01 p span.tag-blue,
.container .contents .tb_tenpo01 p span.tag-red {
	display: block;
}

.container .contents .tb_tenpo02 p span.tag-blue,
.container .contents .tb_tenpo02 p span.tag-red {
	display: block;
}

/*
アンパンマンコーナー
anpanman.html
*/
/*アンパンマンキャンペーン */
.contents_List-inside-a li span:nth-of-type(1) {
    /* width: 47%; */
}
.contents_List-inside-a li span:nth-of-type(2) {
    /* width: 51%; */
}
/*アンパンマンキャンペーン */

.container .contents .anpanman_cashecard {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	padding: 0;
}

.container .contents .anpanman_cashecard>li {
	width: 100%;
	padding: 20px;
}

.container .contents .anpanman_cashecard>li img {
	margin: 0 auto;
}

.container .contents .anpanman_deposit {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	padding: 0 20px;
}

.container .contents .anpanman_deposit li img {
	margin: 0 auto;
}

.container .contents .anpanman_deposit>li:nth-of-type(odd) {
	margin-right: 0;
}

.container .contents .anpanman_character {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	padding: 30px 20px;
}

.container .contents .anpanman_character>li img {
	margin: 0 auto;
}

.container .contents .anpanman_character>li:nth-of-type(odd) {
	margin-right: 30px;
}

.container #anpaman .box-orange {
	padding: 20px 10px;
	text-align: center;
	background-color: #FFFBE5;
}


/*
反社会的勢力に対する基本方針
compliance.html
*/

/* 左右マージン */
.container .contents #compliance {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 75px;
}

.container .contents #compliance div {
    margin-bottom :30px;
}

.container .contents #compliance li {
    margin-bottom: 10px;
    line-height: 20px;
    padding-left: 24px;
    text-indent: -28px;
}

/*
ビジネスマッチング
bussiness_matching.html
*/

.container .contents table[class*="business"] th {
    padding: 22.5px 0;
}

.container .contents table[class*="business"] td {
    padding: 15px 5px;
}


/* ビジネスマッチング１～２ */

.container .contents table.business01 th:nth-of-type(1), .container .contents table.business01 th:nth-of-type(2), .container .contents table.business01 td:nth-of-type(1), .container .contents table.business01 td:nth-of-type(2) {
    width: 490px;
}

/*
手数料一覧
feelist.html
*/

.container .contents .btn_fee_menu li {
    margin-bottom: 20px;
}

/* テーブル */

.container .contents table[class*="tb_feelist"] {
    width: 100%;
    margin-bottom: 20px;
}

.container .contents table[class*="tb_feelist"] th,
 .container .contents table[class*="tb_feelist"] td {
    padding: 10px 5px;
}

.tb_feelist01 td {
    width: 150px;
}

.tb_feelist02 td {
    width: 300px;
}

.tb_feelist03 td {
    width: 160px;
}

/*
事業性融資のご相談
financing.html
*/

/* 事業性評価融資ポイント */

.container .contents #financing_point li {
	margin-bottom: 10px;
	margin-bottom: 20px;
}

/* 福岡しんきん　事業性評価融資「サポート」商品概要 */

#tb_loan_support {
    margin: 20px 0;
}

#tb_loan_support th,
 #tb_loan_support td {
    padding: 20px;
}

#tb_loan_support th {
    width: 200px;
}

#tb_loan_support td {
    width: 780px;
    text-align: left;
}

/* スピードローン「はやわざ」のお申込 */

#tb_loan_hayawaza {
    line-height: 2.0;
}

#tb_loan_hayawaza th,
 #tb_loan_hayawaza td {
    padding: 10px;
    text-align: left;
}

/* 制度融資（福岡県信用保証協会） */

#tb_system_financing {
    padding: 20px 0;
    margin: 20px 0;
}

#tb_system_financing th {
    padding: 20px 0;
    width: 585px;
}

#tb_system_financing td {
    padding: 30px 30px;
    width: 100%;
    text-align: left;
}

/*
採用情報
employment.html
 */

 .container .contents table.recruit {
	width: 100%;
	text-align: left;
	margin-bottom: 35px;
}

.container .contents table.recruit th, .container .contents table.recruit td {
   padding: 20px;
}

.container .contents table.recruit th:nth-of-type(1) {
    width: 25%;
}

.container .contents table.recruit td:nth-of-type(2) {
    width: 75%;
}

/* ロゴ（外部リンク） */
.container .contents .logo_recruit {
	margin-bottom: 30px;
}

.container .contents .logo_recruit li{
	display: inline-block;
}

.container .contents .logo_recruit img{
	margin-bottom: 20px;
}


/*タブ切り替え全体のスタイル*/
.tabs {
   width: 100%;
   margin-bottom: 40px;
}

.tab_item {
   width: 25%;
   border-top: 3px solid #0068B7;
   background-color: #d9d9d9;
   line-height: 35px;
   font-size: 16px;
   display: inline-block;
   text-align: center;
   font-weight: bold;
}

.tab_item:hover {
   opacity: 0.85;
}

input[name="tab_item"] {
   display: none;
}

.container .contents .tab_content {
   display: none;
   overflow: hidden;
   padding: 10px;
   border: 2px solid #A8D5FB;
}

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
   display: block;
}

.container .contents .tabs input:checked + .tab_item {
   background-color: #A8D5FB;
}

/*
でんさいサービス
densai.html
*/

/* ボタン中央 */
.btn_densai_login {
    width: 100%;
    margin: 0 auto;
	text-align: left;
	padding-left: 60px;
}
.btn_densai_login a:first-child {
    margin-bottom: 5px;
}

/*
サービスのご案内
でんさい　サービスのご案内
densai_info.html
*/

.container .contents .btn_densaiinfo_menu li:nth-child(5) a{
	font-size: 1.25rem !important;
    line-height: 20px;
}


/* 照会サービステーブル */

.inquiry-service-midashi {
    list-style-type: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.inquiry-service-midashi li {
    display: table-cell;
    position: relative;
    background: #0068B9;
    color: #fff;
    height: 55px;
    width: 460px;
    text-align: center;
    vertical-align: middle;
}

.inquiry-service-midashi li:last-child {
    background: #2E9BE0;
}

.inquiry-service-midashi li:last-child:before, .inquiry-service-midashi li:last-child:after {
    display: none;
}

.inquiry-service-midashi li:before, .inquiry-service-midashi li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
}

.inquiry-service-midashi li:before {
    top: -12px;
    right: -1.7em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 2em;
    z-index: 1;
}

.inquiry-service-midashi li:after {
    top: -12px;
    right: -1.5em;
    border-style: solid;
    border-color: transparent transparent transparent #0068B9;
    border-width: 40px 0 40px 2em;
    z-index: 1;
}

.inquiry-service-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    margin-bottom: 30px;
}

.inquiry-service-table td {
    text-align: left;
    width: 490px;
    height: 150px;
    padding: 30px 0 30px 30px;
    border: solid 1px #0168B7;
}

/* ご利用時間テーブル */

#tb_densai_usetime {
    width: 100%;
    margin-bottom: 30px;
}

#tb_densai_usetime th,
#tb_densai_usetime td {
    padding: 20px 10px;
}

#tb_densai_usetime tr:nth-of-type(4) td:nth-of-type(1){
    border-right: none;
}

#tb_densai_usetime tr:nth-of-type(4) td:nth-of-type(2){
    border-left: none;
}

/* ご利用料金（基本）テーブル */

#tb_densai_basicfee {
    width: 100%;
    margin-bottom: 20px;
}

#tb_densai_basicfee th,
#tb_densai_basicfee td {
    padding: 20px 10px;
}

#tb_densai_basicfee td:nth-of-type(odd) {
    padding-left: 20px;
    text-align: left;
}

/* ご利用料金（種別）テーブル */

#tb_densai_typefee {
    width: 100%;
    margin: 50px 0 20px 0;
}

#tb_densai_typefee th,
#tb_densai_typefee td {
    padding: 20px 10px;
}

#tb_densai_typefee th {
    width: 245px;
}

#tb_densai_typefee td {
    width: 245px;
}

#tb_densai_typefee tr td:nth-of-type(1) {
    padding-left: 20px;
    text-align: left;
}

/* でんさい専用サポート窓口用 */
.container .contents .contents_Box_densai .contents_List_densai>li {
    width: 100%;
    text-align: left;
    position: relative;
    border: 2px solid #0168B5;
    padding: 20px 25px;
    box-shadow: 0 6px 3px -3px #e4e4e4;
    /* padding-left: 200px; */
    font-size: 14px;
	margin-bottom: 20px;
}

/* でんさい専用サポート窓口用 */
.container .contents .contents_Box_densai {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-bottom: 60px; */
}

/*
でんさいについて
 densai.html
 */

.btn_densai_login a{
	margin: 20px;
	font-size: 1.5rem !important;
	padding: 0 20px 0 5px!important;
}


/*
電子証明書について
densai_certificate.html
*/

.container .contents #densai_certificate .telephoneservicecenter_Box .telephoneservicecenter_Box_title>span {
	padding: 10px;
	text-align: center;
}
/*
経営のサポート
management_support.html
 */

.container .contents table[class*="keiei"] th,
.container .contents table[class*="keiei"] td {
    padding: 10px 20px;
}

/* レスポンシブ対応テーブル */
.container .contents table[class*="keiei"] thead {
	display: none;
}
.container .contents table[class*="keiei"] tbody th,
.container .contents table[class*="keiei"] tbody td {
    display: block;
    border: solid 0px!important;
    padding: 0!important;
}
.container .contents table[class*="keiei"] tbody td .tb_responsive_body {
    display: block;
	border: solid 1px #DDDDDD;
	padding: 20px;
}
.container .contents table[class*="keiei"] tbody td::before {
	content: attr(label);
    display: block;
    font-weight: bold;
    border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	text-align: center;
	padding: 10px;
}
.container .contents table[class*="keiei"] tbody td:first-child::before {
	background-color:#E6F0F9;
	text-align: left;
}
.container .contents table[class*="keiei"] tbody td:not(:first-child)::before {
	background-color:#fff;
	text-align: left;
}
.container .contents table[class*="keiei"] tbody tr td:first-child:before {
	border-top: solid 1px #DDDDDD;
}

/*
お困りの方・お問い合わせ
support.html
*/

/* 問合せ先 */

#tb_support {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
}

/*
事業性融資のご相談
financing.html
*/

/* お問い合わせ部分のインライン配置を解除 */
.container .contents .financing-content .inline-block {
	display: block!important;
}
.container .contents .financing-content .inline-block a {
	margin: 0 auto;
}

/* レスポンシブ対応テーブル */
.container .contents #tb_system_financing thead {
	display: none;
}
.container .contents #tb_system_financing tbody th,
.container .contents #tb_system_financing tbody td {
    display: block;
    border: solid 0px!important;
    padding: 0!important;
}
.container .contents #tb_system_financing tbody td .tb_responsive_body {
    display: block;
	border: solid 1px #DDDDDD;
	padding: 20px;
}
.container .contents #tb_system_financing tbody td::before {
	content: attr(label);
    display: block;
    font-weight: bold;
    border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	text-align: center;
	padding: 10px;
}
.container .contents #tb_system_financing tbody td:first-child::before {
	background-color:#E6F0F9;
	text-align: left;
}
.container .contents #tb_system_financing tbody td:not(:first-child)::before {
	background-color:#fff;
	text-align: left;
}
.container .contents #tb_system_financing tbody tr td:first-child:before {
	border-top: solid 1px #DDDDDD;
}

/*
プライバシーポリシー
privacypolicy.html
*/

.container #privacypolicy ul.indent>li {
    margin-left: 20px;
}
.container #privacypolicy ul.indent_none {
    margin-left: 0px;
}
.container #privacypolicy .li_icon_gray {
    margin-left: 15px;
}
.container #privacypolicy .indent .numbering li {
    margin-left: 10px;
}
.container #privacypolicy ul.indent>li:last-child {
    margin-bottom: 10px;
}

/*
将来に備える
prepare.html
*/

/* ブロック要素 左右寄せ */

.container .contents div.end-bring {
    display: block;
}

.container .contents .btn_prepare a {
	width:80%;
	margin-bottom: 10px;
}

/* 文字前の画像疑似要素 共通スタイル */

.btn_prepare .btn-blue:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
}

.btn_prepare .btn-blue::before {
    background: url(../img/icon/window_white.svg) no-repeat;
    background-size: contain;
}

/*
インターネットバンキング（法人のお客様）
houjin.html
*/

/* ログオンボタン */
.container .contents .houjin_logon.tran li:nth-of-type(1) {
	margin-bottom: 20px;
}

.container .contents .houjin_logon a {
	font-size: 1.5rem!important;
	width: 100%!important;
}

/* セコムプレミアムネットリンク */
.container #ib_houjin .ribbon01 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    font-size: 1.5rem;
	border-radius: 3.5em;
	box-shadow: 0px 4px 0px #E4E4E4;
}

/*
～_info.html
共通
*/

.container .contents ul[class*="btn_kojin"] a,
.container .contents ul[class*="btn_houjin"] a,
.container .contents ul[class*="btn_densai"] a,
.container .contents ul[class*="btn_member"] a,
.container .contents ul[class*="btn_greeting_menu"] a,
.container .contents ul[class*="btn_fee_menu"] a  {
	width: 100%;
	display: flex;
	align-items: center;
	color: #0168B5;
	background-color: #FFF;
	border-radius: 0px;
	border: none;
	box-shadow: 0px 0px 0px #fff;
	letter-spacing: 2.5px;
	/* justify-content: left; */
	margin: 0;
}

/* ボタンリスト表示 */
.container .contents ul[class*="btn_kojin"],
.container .contents ul[class*="btn_houjin"],
.container .contents ul[class*="btn_densai"],
.container .contents ul[class*="btn_member"],
.container .contents ul[class*="btn_greeting_menu"],
.container .contents ul[class*="btn_fee_menu"] {
	padding-left: 0;
	margin-left: 0px;
}
.container .contents ul[class*="btn_kojin"] li a,
.container .contents ul[class*="btn_houjin"] li a,
.container .contents ul[class*="btn_densai"] li a,
.container .contents ul[class*="btn_member"] li a,
.container .contents ul[class*="btn_greeting_menu"] li a,
.container .contents ul[class*="btn_fee_menu"] li a {
	font-size: 1.75rem;
}
.container .contents ul[class*="btn_kojin"] li,
.container .contents ul[class*="btn_houjin"] li,
.container .contents ul[class*="btn_densai"] li,
.container .contents ul[class*="btn_member"] li,
.container .contents ul[class*="btn_greeting_menu"] li,
.container .contents ul[class*="btn_fee_menu"] li  {
	list-style-type: none;
	margin: 0 10px;
	color: #333333;
	border-bottom: 1px solid #84b2e0;
	margin-bottom: 0px;
}
.container .contents ul[class*="btn_kojin"] li:nth-of-type(1),
.container .contents ul[class*="btn_houjin"] li:nth-of-type(1),
.container .contents ul[class*="btn_densai"] li:nth-of-type(1),
.container .contents ul[class*="btn_member"] li:nth-of-type(1),
.container .contents ul[class*="btn_greeting_menu"]:nth-of-type(1) li:nth-of-type(1),
.container .contents ul[class*="btn_fee_menu"]:nth-of-type(1) li:nth-of-type(1) {
	border-top: 1px solid #84b2e0;
}
.container .contents .btn-white-left::before,
.container .contents .btn-white-center::before {
	width: 0px;
	margin: 0px;
}

/* 除外 */
.container .contents ul.btn_densai_info_environment li {
	border-top: 0px!important;
	border-bottom: 0px!important;
	margin: 0 !important;
}

.container .contents ul.btn_densai_info_environment li a {
	padding: 0 60px 0 20px;
}

/* スマホサイズでもボタン表示を保持 */
.container .contents .btn_block a {
	width: 300px;
}
/********************
  　電話のアイコン
********************/

.telephone {
    position: relative;
    line-height: 1em;
    padding-left: 20px;
    margin-bottom: 20px;
}

.telephone:before {
    position: absolute;
    left: 0px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 25px;
    background: url(../img/icon/telphone.svg) no-repeat;
    background-size: contain;
}

/* cashless キャッシュレス決済 */

/* .tb_cashless tr td,
.tb_cashless tr th {
	display: block;
}
.tb_cashless thead {
	display: flex;
}

.tb_cashless tbody {
	display: flex;
}

.tb_cashless tbody tr{
	display: inline-block;
}

.tb_cashless th:nth-of-type(1) {
    width: 50px;
}

.tb_cashless th:nth-of-type(2) {
    width: 50px;
}

.tb_cashless th:nth-of-type(3) {
    width: 50px;
} */

/* densai_info ボタン */

.btn_densai_info_environment{
	border: solid 2px #0168B5 !important;
}

.btn_densai_info_environment ul li{
	display: inline !important;
	border-top: none !important;
	border-bottom: none !important;
	color: #0168B5 !important;
}

.btn_densai_info_environment .arrow-after-rblue::after{
	left: 92%;
}

.btn_densai_info_environment .arrow-after-rblue{
	padding-right: 10%;
}


/* financing 手数料 */

.scroll{
	width: 100%;
    height: 240px;
    overflow-x: scroll;
    overflow-x: hidden;
    border: solid thin #DDDDDD;
    padding: 30px;
    margin-bottom: 40px;
    vertical-align: top;
}
.btn_agree .col-7{
	width: 100% !important;
}

.btn_agree .fontsize-01{
	font-size: 1.0rem;
}
.btn_agree .fontsize-03{
	font-size: 1.5rem;
}

.btn_densai_info_environment ul li{
	display: inline !important;
}


.financing-header {
    font-size: 1.0rem;
}

.btn_agree .arrow-after-rwhite::after{
	left: 87%;
}

.btn_agree .arrow-after-rwhite{
	padding-right: 10%;
}

.loan-detail-box{
	padding-top: 5%;
	padding-bottom: 5%;
	height: auto;
}

/********************
    法人info、個人info、でんさいinfoメニュー
********************/

/* お知らせ */
.container #ib_kojin dl.oshirase_list dd,
.container #ib_houjin dl.oshirase_list dd,
.container #ib_densai dl.oshirase_list dd {
    width: 100%;
}

/* greeting 福岡信用金庫について */

/* ごあいさつ部分 */

.container .contents .greeting-img {
    display: block;
	margin: 0;
	margin: 50px auto 50px auto;
	/* padding: 20px 30%; */
}

.container .contents .greeting-text1 {
	width: 100%;
}

.container .contents .safe-img {
	width: 100%;
	margin-right: 0;
}

.container .contents .safe-table {
	width: 100%;
}

.container .contents #people div {
	display: block;
	width: 100%;
}

/*
セコム・プレミアムネット
secom_premiumnet.html
*/

/* ボタン中央 */
.btn_secom_premium {
    margin: 20px 0;
}

/*
NEOマネー
neomoney.html
*/

/* 商品に関するお問い合わせ先 */
.container .contents .contact_information_Box {
    margin: 20px auto 0;
    background-color: #fffae6;
    display: block;
    border: #0168B5 1px solid;
}
.container .contents .contact_information_Box .contact_information_Detail {
    display: inline-block;
    height: inherit;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.container .contents .contact_information_Box .contact_information_Detail:nth-of-type(1) {
	border-right: none;
	border-bottom: #0168B5 1px solid;
}

/*
保険商品のご案内テーブル
insurance.html
*/

.container .contents .tb_insurance_products {
    margin-bottom: 20px;
    width: 100%;
}
.container .contents .tb_insurance_products th,
.container .contents .tb_insurance_products td {
    padding: 0;
}
.container .contents .tb_insurance_products td:nth-of-type(1) {
    width: 10%;
}
.container .contents .tb_insurance_products td:nth-of-type(2) {
    width: 30%;
}
.container .contents .tb_insurance_products td:nth-of-type(3) {
    width: 30%;
}
.container .contents .tb_insurance_products td:nth-of-type(4) {
    width: 30%;
}

.container .contents .tb_insurance_products td p {
    display: inline-block;
}

/********************
    テーブルスタイル共通
********************/

/* テーブル基本スタイル */

.container .contents .base-table {
	width: 100%;
    border-collapse: collapse;
}

.container .contents .base-table th, .container .contents .base-table td {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
	line-height: 20px;
	padding: 10px;
}

.container .contents .base-table th {
    background-color: #E6F0F9;
}

/* 画像配置 */

.container .contents .base-table img {
    display: inline-block;
}

/* レスポンシブTable（List表現） */
.responsive_list_table {
    width: 100%;
    margin-bottom: 30px;
}

.responsive_list_table ul {
	display: inline-block;
	flex-wrap: wrap;
	margin:0;
}
.responsive_list_table ul:first-child {
	display: none;
}
.responsive_list_table ul {
	width: 100%;
	margin-bottom: 20px;
}
.responsive_list_table li {
	width: 100%;
	display: inherit;
}
.responsive_list_table li {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
.responsive_list_table li:first-child {
	background-color: #E6F0F9;
	text-align: left;
}
.responsive_list_table li:first-child p{
	display: inline;
}
.responsive_list_table li:last-child {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.responsive_list_table ul:last-child li{
	border-bottom: none;
}
.responsive_list_table ul:last-child li:last-child{
	border-bottom: 1px solid #DDDDDD;
}
.responsive_list_table li:not(:last-child) {
	border-right: 1px solid #DDDDDD;
}

.responsive_list_table li p {
	text-align: left;
}

/*
    2020.01.28仮設置！！！
*/
.container .contents .contents_Box .contents_List li div.trim.noimage {
    width: 100%;
    background-size: 60px;
    background-repeat: no-repeat;
}
.container .contents .contents_Box .contents_List li div.trim.noimage::after {
    font-size: 8vw;
    width: 100%;
}

/* ためる・ふやすページの一覧の総合口座・普通預金のイメージ */

.container .contents .contents_Box .contents_List li>div.trim.img_sougou_kouza {
    background-position: left 30px center;
}
.container .contents .contents_Box .contents_List li>div.trim.img_futsu_kouza {
    background-position: left 30px center;
}
.container .contents .contents_Box .contents_List li>div.trim.img_futsu_kouza_murisoku {
    background-position: left 30px center;
}
.container .contents .contents_Box .contents_List li>div.trim.img_futsu_kouza_murisoku::after {
	font-size: 6vw;
	padding-left: 120px;
}
.container .contents .contents_Box .contents_List li>div.trim.img_kouken_kouza {
    background-position: left 30px center;
}
.container .contents .contents_Box .contents_List li>div.trim.img_kouken_kouza::after {
	font-size: 6vw;
	padding-left: 120px;
}
.container .contents .contents_Box .contents_List li>div.trim.img_kojin_kokusai {
    background-position: left 30px center;
}
.container .contents .contents_Box .contents_List li div.trim.img_kojin_kokusai::after {
	font-size: 6vw;
	padding-left: 120px;
}

.container .contents .contents_Box .contents_List li div.trim.img_renovation_loan {
    background-position: left 20px center;
}
.container .contents .contents_Box .contents_List li div.trim.img_renovation_loan::after {
    font-size: 5.5vw;
    padding-left: 100px;
}
/* ローンシミュレーション表示・非表示 */
.loan-housing-pc{
	display: none;
}
.loan-housing-sp{
	display: inline;
}
/* PC/SP表示・非表示 */
.embed_container {
	display: none;
}
.disp-pc{
	display: none;
}
.disp-sp{
	display: inline;
}
.embed_container_sp{
	display: block;
	height: auto;
    overflow: hidden;
    max-width: 100%;
    /* padding-bottom: 125%; */
    position: relative;
    /* margin-bottom: 30px; */
}

/* finfin用ここから */

/* 左線青　文字黒 */
.container .contents .midashi03_finfin {
    font-size: 1.9rem;
}
/* 背景色＋上線 */
.container .contents .midashi06_finfin {
    font-size: 1.5rem;
	line-height: 30px;
	margin-bottom: 30px;
	padding-left: 20px;
}
/* 文字黒＋大文字 */
.container .contents .midashi07_finfin {
    font-size: 1.5rem;
    text-align: left;
    color: #FF6699;
    margin-bottom: 5px;
}
/* finfin用ここまで */

/* remotesupport用ここから */

/* 背景色＋上線 */
.container .contents .midashi02_remotesupport {
    font-size: 1.5rem;
	line-height: 30px;
	margin-bottom: 30px;
	/* padding-left: 20px; */
}

/* remotesupport用ここまで */

/* densai用ここから */

/* ハイフン青 文字青 */
.container .contents .densaisupport {
    font-size: 1.75rem;
    color: #0168B7;
    letter-spacing: 2.5px;
	margin-top: 25px;
    margin-bottom: 25px;
    position: static;
    text-align: left;
}

.container .contents .densaisupport:before {
    content: "－ ";
}

/* densai用ここまで */

/* Bankpayここから */
.midashi01_cotora,.midashi01_bankpay{
	font-size: 1.5rem;
    text-align: left;
    line-height: 40px;
    margin-bottom: 30px;
}
/* Bankpayここまで */