@charset "UTF-8";

img[src$="freedial.jpg"] { vertical-align: middle; }
img[src$="freedial.gif"] { vertical-align: middle; }

.fd::before { content: ""; padding-left: 25px; background: url(../img/freedial.gif) no-repeat; background-size: contain; background-position: 50% 50%; margin-right: 2px; }

.contents_list { text-align: center; }
.contents_list li { display: inline-block; border: 1px solid #096; border-radius: 5px; margin: .4em 0; transition: .6s; }
.contents_list li + li { margin-left: 8px; }
.contents_list a { display: block; color: #333; text-decoration: none; padding: .3em .8em; }
.contents_list a::before { font-family: "Font Awesome 5 Free"; content: "\f0da"; color: #60A578; font-weight: 900; margin-right: .5em; }
.contents_list li:hover { background: #e6f7f2; transition: .6s; }
.contents_list a:hover { color: #007D55; }

@media screen and ( max-width:670px ) {
	.contents_list li { width: 100%; text-align: left; }
	.contents_list li + li { margin-left: 0; }
}

@media screen and ( min-width:1024px ), print {
	[id^="link"] { margin-top: -160px; padding-top: 160px; z-index: -1; }
}

/*
@media screen and ( min-width:1024px ), print {
	#cash1,#cash2,#cash3,#cash4 {
		margin-top: -160px;
		padding-top: 160px;
	}
}
*/

/* ---------------------------------------------------------------------------------------------
	index.html
---------------------------------------------------------------------------------------------*/

#index { border-top: 1px solid #ccc; }

/* ----- 重要なお知らせ ----- */
#important { color: #FFC61F; background: #424242; padding: 10px 0 25px 0; }
#important > div {  display: block; align-items: center; }
#important > div > p { width: 100%; letter-spacing: 1.2px; text-align: center; margin-bottom: .6em; }

#important #important-box { width: 100%;  color: #333; background: #fff; border-radius: 5px; padding: .4em 2em .4em .5em; }

#important-box a { color: #333; height: 3.5em; display: table-cell; vertical-align: middle; }
#important a[href$=".pdf"]::after { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: .5em; }

@media screen and ( max-width:420px ) {
	#important-box a { font-size: .9em; height: 65px; }
}

@media screen and ( min-width:671px ), print {
	#important { padding: 10px 0; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#important > div { display: block; }
	#important > div > p { width: 100%; margin-bottom: .6em; }
	#important-box a { height: 3.5em; }
}

@media screen and ( min-width:1024px ), print {
	#important #important-box { width: 86%; }
	#important-box a { height: auto; display: inherit; }
	#important > div { display: flex; }
	#important > div > p { width: 10em; margin: auto auto auto .5em; white-space: nowrap; }
}


/* ----- top-menu ----- */

#top-menu { background: #B7E5DC; }
#top-menu > div { display: flex; padding: 35px 0; }

#top-menu a {
	color: #847974;
	font-weight: bold;
	display: block;
	background: #fff;
	text-align: center;
	text-decoration: none;
	border-bottom: solid 4px #92B7B0;
	border-radius: 7px;
	position: relative;
	z-index: 1;
	transition: .6s;
}

#top-menu a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #B7E5DC;
	font-family: "Font Awesome 5 Free";
	z-index: -1;
}

#top-menu .b1:before { content: "\f4d3"; }
#top-menu .b2:before { content: "\f09d"; font-weight: normal; }
#top-menu .b3:before { content: "\f4be"; }
#top-menu .b4:before { content: "\f015"; }
#top-menu .b5:before { content: "\f109"; }

#top-menu a:hover {
	background: #e6f7f2;
	transform: translateY(4px);
	transition: transform .6s, border .6s, background .6s;
}

@media screen and ( max-width:670px ) {
	#top-menu div { justify-content: center; flex-wrap: wrap; }
	#top-menu a {
		font-size: 1em;
		display: block;
/*		width: 40%;*/
		width: 46.5%;
		padding: 28% 0 3% 0;
/*		margin: 10px;*/
	}
	#top-menu a + a { margin: 5% 0 0 0; }
	#top-menu a:nth-child(2) { margin-top: 0; }
	#top-menu a:nth-of-type(2n) { margin-left: 6.5%; }
	#top-menu a:before { font-size: 16vw; }
	#top-menu > div { padding: 25px 0; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#top-menu div { justify-content: center; }
	#top-menu a { font-size: 2.2vw; width: 30%; padding: 13.5% 0 1.5% 0; margin-right: 10px; }
	#top-menu a:last-of-type { margin-right: 0; }
	#top-menu a:before { font-size: 8vw; }
}

@media screen and ( min-width:1024px ), print {
	#top-menu div { justify-content: space-between; }
	#top-menu a { font-size: 1.5em; width: 185px; padding: 13.5% 0 1.5% 0; }
	#top-menu a:before { font-size: 4em; }
}

/* ----- top-menu2 ----- */

#top-menu2 > div { display: flex; justify-content: center; flex-wrap: wrap; gap: .5em 1em; padding-top: 35px; }
#top-menu2 a { display: block; text-decoration: none; border: 6px solid #ddd; }
#top-menu2 a:hover { opacity: .7; }
#top-menu2 img { width: 100%; image-rendering: -webkit-optimize-contrast; }
#top-menu2 img.pc { display: none; }
#top-menu2 img.sp { display: initial; }

@media screen and ( min-width:671px ), print {
	#top-menu2 a { width: calc( ( 100% - ( 1em * 2 ) ) / 3 ); border: 6px solid #ddd; }
	#top-menu2 img.pc { display: initial; }
	#top-menu2 img.sp { display: none; }
}

/* ----- Information ----- */
/*タブ切り替え全体のスタイル*/
.notice {
	margin-top: 30px;
	padding-bottom: 40px;
	background-color: #fff;
	max-width: 1024px;
	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
/*	width: calc(100%/2);*/
	width: calc(100%/3);
	height: 50px;
	border: 1px solid #096;
	border-bottom: 3px solid #096;
	border-radius: 7px 7px 0 0;
	background-color: #fff;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor : pointer;
}
.tab_item:hover {
	opacity: 0.75;
	background: #e6f7f2;
}

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

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 10px 5px;
	clear: both;
	overflow: hidden;
}

.tab_content div { display: flex; padding: 10px 0; }
.tab_content div + div { border-top: 1px solid #ccc; }
.tab_content .date { margin-right: 20px; }

.tab_content > div a[href$=".pdf"]::after { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: .5em; }


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#force:checked ~ #force_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.notice input:checked + .tab_item {
	background-color: #096;
	color: #fff;
}

.newslist_btn { text-align: center; color: #fff; border: 1px solid #096;  margin-top: 10px; transition: .6s;}
.newslist_btn a { display: block; text-decoration: none; padding: 10px 0; }
.newslist_btn:hover { background: #DBF0EA; transition: .6s; }

@media screen and ( max-width:670px ) {
	.tab_content .date { font-weight: bold; }
	.tab_item { font-size: 11px; }
	.tab_content div { display: block; }
}

/* ---------------------------------------------------------------------------------------------
	news_topics.html - トピックス一覧
	news_important.html - 重要なお知らせ一覧
---------------------------------------------------------------------------------------------*/

.news_list { margin-bottom: 4em; }
.news_list > div { display: flex; padding: 5px 20px; }
.news_list .date { margin-right: 20px; }
.news_list div a[href$=".pdf"]::after { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: .5em; }


/* ---------------------------------------------------------------------------------------------
	yokin_syohin.html - お金を貯める
---------------------------------------------------------------------------------------------*/

/*おすすめ商品*/
#yokin_syohin .recommend { background: #DBF0EA; padding: 2em; }
#yokin_syohin .container_recommend { background: #fff; border-radius: 5px; max-width: 1000px; margin: 0 auto; padding: 2em 2em .8em 2em; }
#yokin_syohin .Ttl04_recommend { font-size: 1.5em; }
#yokin_syohin .Ttl04_recommend:before { z-index: 0; }
#yokin_syohin .container_recommend ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; }
#yokin_syohin .container_recommend li { width: 49.2%; background: #f3faf8; border-radius: 5px; margin-bottom: 1.8%; padding: .8em; }
#yokin_syohin .container_recommend li figure { border: 1px solid #ccc; }
#yokin_syohin .container_recommend figure:hover { opacity: 1; animation: flash 0.6s ease 0s  alternate; }
#yokin_syohin .container_recommend li img { width: 100%; }
#yokin_syohin .container_recommend li p { font-size: 1em; background: #fff; text-align: center; border-radius: 5px; margin: 8px 0; }
#yokin_syohin .container_recommend li a[href$=".pdf"] p::before { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-right: 5px; }

#yokin_syohin .container { background: none; padding: 4em 0 2em 0; }

/*定期預金*/
#yokin_syohin .time_deposit { background: #F9F9F9; }
#yokin_syohin .time_deposit .wrap { padding: 4em 0 2em 0; }
#yokin_syohin .time_deposit .container { padding: 0; }

#yokin_syohin .container table,
#yokin_syohin .savings-table { width: 100%; font-size: .9em; margin-top: 1em; }

#yokin_syohin .container table th,
#yokin_syohin .container table td,
#yokin_syohin .savings-table th,
#yokin_syohin .savings-table td { border: 1px solid #ccc; padding: .5em 1em; }

#yokin_syohin .container table th { width: 7em; color: #666; background: #f6f6f6; }

#yokin_syohin .savings-table ul { margin-left: 1.5em; }
#yokin_syohin .savings-table ul.list_arrow { margin-left: 0; }
#yokin_syohin .savings-table th { width: 13em; color: #454545; background: #f6f6f6; }

#yokin_syohin .container div { background: #fff; border: 1px solid #eee; padding: 1em; }

table.savings-table { width: 100%; font-size: .9em; margin-top: 1em; }
table.savings-table th, table.savings-table td { border: 1px solid #ccc; padding: .5em 1em; }
table.savings-table ul { margin-left: 1.5em; }
table.savings-table ul.list_arrow { margin-left: 0; }
table.savings-table th { width: 13em; color: #454545; background: #f6f6f6; }

@media screen and ( max-width:670px ) {
	table.savings-table th, table.savings-table td { width: 100%; display: block; border-bottom: none; }
	table.savings-table tr:last-child { border-bottom: 1px solid #ccc; }
	table.savings-table th br { display: none; }
	table.savings-table table th, table.savings-table table td { width: auto; display: table-cell; }
	table.savings-table table th { white-space: nowrap; }
}

button[data-izimodal-open=".iziModal"] { color: #096; background: none; text-decoration: underline; border: none; cursor: pointer; margin: 0; padding: 0; transition: .6s; }
button[data-izimodal-open=".iziModal"]:hover { text-decoration: none; transition: .6s; }
.iziModal .passbook_design { text-align: center; padding: 2em; }
.iziModal .passbook_design figure { width: 100%; margin: 1em 0; }
.iziModal .passbook_design figure img { max-width: 100%; }

#yokin_syohin iframe { border: 1px solid #ccc; }

@media screen and ( max-width:670px ) {
	#yokin_syohin .recommend { padding: 2em 2em; }
	#yokin_syohin .container_recommend li { width: 100%; margin-bottom: 15px; }
	#yokin_syohin .container div { margin-bottom: 2em; }
	#yokin_syohin .savings-table th, #yokin_syohin .savings-table td { width: 100%; display: block; border-bottom: none; }
	#yokin_syohin .savings-table tr:last-child { border-bottom: 1px solid #ccc; }
	#yokin_syohin .savings-table th br { display: none; }
	#yokin_syohin .savings-table table th, #yokin_syohin .savings-table table td { width: auto; display: table-cell; }
	#yokin_syohin .savings-table table th { white-space: nowrap; }
	#yokin_syohin .container { padding: 2em 0 0 0; }
	#yokin_syohin .time_deposit .wrap { padding: 2em 0 1px 0; }
}

@media screen and ( min-width:671px ), print {
	#yokin_syohin .container_recommend li { width: 49.2%; }
	#yokin_syohin .container_recommend li p { font-size: 1.3em; }
	#yokin_syohin .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
	#yokin_syohin .container div { width: 48%; border: 1px solid #eee; margin-bottom: 2em; }
	#yokin_syohin [class*="Ttl03"] { font-size: 1.2em; }
	#yokin_syohin .Ttl04 { font-size: 1.4em; z-index: 1; }
}

#yokin_syohin .application_list { display: flex; justify-content: center; list-style: none; }
#yokin_syohin .application_list a { display: block; color: #333; text-decoration: none; white-space: nowrap; padding: .5em .5em; }
#yokin_syohin .application_list a::before { display: inline-block; text-align: center; width: 1em; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5em; vertical-align: middle; margin-right: 10px; }

/*インターネットでお申し込み*/
#yokin_syohin .b_net a { background: linear-gradient(to bottom, #FEFEFE, #FEF2B9); border: 1px solid #FDE372; }
#yokin_syohin .b_net a:hover { background: linear-gradient(to bottom, #FEFEFE, #ffea8d); }
#yokin_syohin .b_net a::before { content: "\f108"; color: #F8E386; }

/*スマートフォンでお申し込み*/
#yokin_syohin .b_sp a { background: linear-gradient(to bottom, #F5FDFF, #BDE5FB); border: 1px solid #A2CDE2; }
#yokin_syohin .b_sp a:hover { background: linear-gradient(to bottom, #fff, #a1d8fd); }
#yokin_syohin .b_sp a::before { content: "\f3cd"; color: #97D2FC; }

/*FAXでお申し込み*/
#yokin_syohin .b_fax a { background: linear-gradient(to bottom, #fff, #F4F4F4); border: 1px solid #D1D1D1; }
#yokin_syohin .b_fax a:hover { background: linear-gradient(to bottom, #fff, #eaeaea); }
#yokin_syohin .b_fax a::before {content: "\f1ac"; color: #D2D2D2; }


@media screen and ( max-width:670px ) {
	#yokin_syohin .application_list { flex-wrap: wrap; }
	#yokin_syohin .application_list li { width: 100%; text-align: left; }
	#yokin_syohin .application_list li + li { margin-top: .5em; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#yokin_syohin .application_list li { width: 33.3%; }
}

@media screen and ( min-width:1024px ), print {
	#yokin_syohin .application_list li { width: 28%; }
}

@media screen and ( min-width:671px ), print {
	#yokin_syohin .application_list { text-align: center; }
	#yokin_syohin .application_list li + li { margin-left: 1em; }
}
/* yushi_kyoiku - びしん教育プラン*/

#yokin_syohin iframe.pdf {}

/*フリーローンきゃっする*/
#yushi_free .application_area { display: flex; margin-bottom: 2em; }
#yushi_free .dialogbox { padding: 4em; }
#yushi_free .dialogbox .text { margin-bottom: 2.5em; }
#yushi_free .dialogbox .text p { margin-bottom: 1.2em; }
#yushi_free .dialogbox .link_btn { text-align: center }
#yushi_free button[data-izimodal-open*=".iziModal"] { width: auto; color: #096; background: none; border: none; text-decoration: underline; cursor: pointer; margin: 0; padding: 0; }
#yushi_free button[data-izimodal-open*=".iziModal"]:hover { text-decoration: none; }
#yushi_free .dialogbox .link_btn button { height: 35px; text-decoration: none; border: none; background: none; margin: 0; padding: 0; }
#yushi_free .dialogbox .link_btn a { display: block; color: #fff; text-decoration: none; border-radius: 4px; padding: 6px 0; }
#yushi_free .dialogbox .yes a { background: linear-gradient(#CC0001, #9A0000); border-radius: 4px;}
#yushi_free .dialogbox .no a { background: linear-gradient(#999999, #676767); }
#yushi_free .iziModal1 .link_btn a { font-size: 16px; }
#yushi_free .iziModal1 .link_btn button { width: 135px; }
#yushi_free .iziModal2 .link_btn a { font-size: 14px; }
#yushi_free .iziModal2 .link_btn button { width: 170px; }
#yushi_free .iziModal2 figure { text-align: center; }
#yushi_free .iziModal2 figure img { max-width: 100%; }
#yushi_free .iziModal2 .cancel a { background: linear-gradient(#61ABDC, #2684C4); }

@media screen and ( max-width:670px ) {
	#yushi_free .application_area { justify-content: space-between; flex-wrap: wrap; }
	#yushi_free .application_area div { width: 47%; margin: 1.5%; }
	#yushi_free .application_area div img { width: 100%; }
	#yushi_free button[data-izimodal-open*=".iziModal"] { width: 100%; }
	#yushi_free .dialogbox { padding: 2em; }
	#yushi_free .dialogbox .text { margin-bottom: 1em; }
	#yushi_free .iziModal1 .link_btn a { font-size: 14px; }
	#yushi_free .iziModal1 .link_btn button { width: 110px; }
	#yushi_free .iziModal2 .link_btn a { font-size: 10px; }
	#yushi_free .iziModal2 .link_btn button { width: 120px; }
}

@media screen and ( min-width:671px ), print {
	#yushi_free .application_area { justify-content: center; }
	#yushi_free .application_area div + div { margin-left: .5em; }
}

/* カードローンびしんきゃっする -  yushi_castle.html*/
#yushi_castle .application_area { display: flex; margin-bottom: 2em; }
#yushi_castle .dialogbox { padding: 4em; }
#yushi_castle .dialogbox .text { margin-bottom: 2.5em; }
#yushi_castle .dialogbox .text p { margin-bottom: 1.2em; }
#yushi_castle .dialogbox .link_btn { text-align: center }
#yushi_castle button[data-izimodal-open*=".iziModal"] { width: auto; color: #096; background: none; border: none; text-decoration: underline; cursor: pointer; margin: 0; padding: 0; }
#yushi_castle button[data-izimodal-open*=".iziModal"]:hover { text-decoration: none; }
#yushi_castle .dialogbox .link_btn button { height: 35px; text-decoration: none; border: none; background: none; margin: 0; padding: 0; }
#yushi_castle .dialogbox .link_btn a { display: block; color: #fff; text-decoration: none; border-radius: 4px; padding: 6px 0; }
#yushi_castle .dialogbox .yes a { background: linear-gradient(#CC0001, #9A0000); border-radius: 4px;}
#yushi_free .dialogbox .no a { background: linear-gradient(#999999, #676767); }
#yushi_castle .iziModal1 .link_btn a { font-size: 16px; }
#yushi_castle .iziModal1 .link_btn button { width: 135px; }
#yushi_castle .iziModal2 .link_btn a { font-size: 14px; }
#yushi_castle .iziModal2 .link_btn button { width: 170px; }
#yushi_castle .iziModal2 figure { text-align: center; }
#yushi_castle .iziModal2 figure img { max-width: 100%; }
#yushi_castle .iziModal2 .cancel a { background: linear-gradient(#61ABDC, #2684C4); }

@media screen and ( max-width:670px ) {
	#yushi_castle .application_area { justify-content: space-between; flex-wrap: wrap; }
	#yushi_castle .application_area div { width: 47%; margin: 1.5%; }
	#yushi_castle .application_area div img { width: 100%; }
	#yushi_castle button[data-izimodal-open*=".iziModal"] { width: 100%; }
	#yushi_castle .dialogbox { padding: 2em; }
	#yushi_castle .dialogbox .text { margin-bottom: 1em; }
	#yushi_castle .iziModal1 .link_btn a { font-size: 14px; }
	#yushi_castle .iziModal1 .link_btn button { width: 110px; }
	#yushi_castle .iziModal2 .link_btn a { font-size: 10px; }
	#yushi_castle .iziModal2 .link_btn button { width: 120px; }
}

@media screen and ( min-width:671px ), print {
	#yushi_castle .application_area { justify-content: center; }
	#yushi_castle .application_area div + div { margin-left: .5em; }
}

/*びしんフリーローン｢フィット｣*/
#yushi_fit_free .application_list { font-size: 1.2em; margin-bottom: 1em; }
#yushi_fit_free .application_list a { color: #fff; border-radius: 5px; }
#yushi_fit_free .application_list a:hover { text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff; }
#yushi_fit_free .application_list a::after { font-family: "Font Awesome 5 Free"; content: '\f0da'; font-size: 1.3em; line-height: 1; font-weight: bold; position: relative; bottom: -2px; margin-left: 5px; }
#yushi_fit_free .application_list .btn1 a { background: linear-gradient(to bottom, #FF9100, #FF2900); }
#yushi_fit_free .application_list .btn2 a { background: linear-gradient(to bottom, #FFB300, #FF9900); }

@media screen and ( max-width:670px ) {
	#yushi_fit_free .application_list { font-size: 1em; }
}

/*スマイルレディース*/
#yushi_smileladys .application_list { margin-bottom: 1.5rem; }
#yushi_smileladys .application_list li { position: relative; font-size: 14px; line-height: 35px; font-weight: bold; z-index:0; text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff; border-radius: 7px; }
#yushi_smileladys .application_list li a { border-radius: 7px; }
#yushi_smileladys .application_list li::before,
#yushi_smileladys .application_list li::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 7px; transition: .5s; }
#yushi_smileladys .application_list li::before { z-index: -1; }
#yushi_smileladys .application_list li::after { z-index: -2; }
#yushi_smileladys .application_list li:hover::before { opacity: 0; }

#yushi_smileladys .application_list .btn1 { border: 1px #CCCCCC solid; }
#yushi_smileladys .application_list .btn1::before { background: linear-gradient(#FFFFFF , #E1E1E1); }
#yushi_smileladys .application_list .btn1::after { background: linear-gradient(#F7F7F7 , #C9C9C9); }

#yushi_smileladys .application_list .btn2 { border: 1px #FFCB2D solid; }
#yushi_smileladys .application_list .btn2::before { background: linear-gradient(#FFFCF2 , #FFDE79); }
#yushi_smileladys .application_list .btn2::after { background: linear-gradient(#FFEEBA , #FFC000); }

#yushi_smileladys .application_list .btn3 { border: 1px #80CA35 solid; }
#yushi_smileladys .application_list .btn3::before { background: linear-gradient(#F5FBEF , #B9E18F); }
#yushi_smileladys .application_list .btn3::after { background: linear-gradient(#D7EEBE , #92D050); }
#yushi_smileladys .application_list .btn3 span { color: #C00; font-size: 10px; font-weight: bold; margin-left: 1em; }

@media screen and ( min-width:671px ), print {
	#yushi_smileladys .application_list .btn3 { line-height: 25px; }
	#yushi_smileladys .application_list .btn3 span { position: absolute; line-height: 10px; margin: 22px 0px 0px -122px; }
}


/* ---------------------------------------------------------------------------------------------
	yokin_unyo.html - お金を運用する
---------------------------------------------------------------------------------------------*/

#yokin_unyo section { margin-bottom: 4em; }
#yokin_unyo .table01 { text-align: center; table-layout: fixed; }
#yokin_unyo .table01 tr th:first-child { width: 20%; }
#yokin_unyo .table01 tr:first-child th { color: #666; background: #DBF0EA; }
#yokin_unyo .table01 tr:nth-child(n+2) th { background: #f5f5f5; font-weight: normal; }
#yokin_unyo .table01 #noborder { border-left: 2px #FFF solid; }
#yokin_unyo section li { margin-bottom: 1em; }

@media screen and ( max-width:670px ) {
	#yokin_unyo .external_link { text-align: center; }
}

@media screen and ( min-width:671px ), print {
	#yokin_unyo .external_link { text-align: right; }
}

.nisa_point {
	width: 96%;
	height: auto;
	background-color: #FFFDE4;
	border-radius: 10px;
	padding: 3%;
	margin: 1em 0 1em 1em;
}

.nisa_point p {
	color: #6D5741;
	font-weight: 700;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

.nisa_point p span {
	color: #FFF;
	background-color: #34BAB6;
	border-radius: 15px;
	padding: 0 0.5em;
}

.nisa_point b {
	color: #E9527E;
	font-weight: 700;
}

@media screen and ( max-width:670px ) {
	.nisa_point { margin: 1em 0; }
}

.nisa_faq {
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	margin: 0 2.5%;
}

.nisa_faq dt, .nisa_faq dd {
	box-sizing: border-box;
}

.nisa_faq dt {
	display: flex;
	align-items: center;
	width: 50%;
	color: #666;
	font-weight: 700;
	background-color: #FFF;
	border: 2px solid #CCC;
	margin: -2px 0 0 -2px;
	padding: 20px;
}

.nisa_faq dt:before {
	content: "Ｑ";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #595757;
	color: #FFF;
	font-size: 1.5em;
	position: relative;
	border-radius:  50%;
	margin-right: 5px;
	padding: 0 0.3em 0.2em 0.3em;
}

.nisa_faq dt:last-of-type,
.nisa_faq dd:last-of-type {
	border: 2px solid #CCC;
	margin: -2px 0 0 -2px;
}

.nisa_faq dd {
	display: flex;
	align-items: center;
	width: 50%;
	color: #EB688A;
	font-weight: 700;
	margin-left: 0;
	padding: 20px;
	background-color: #FFF;
	border: 2px solid #CCC;
	margin: -2px 0 0 -2px;
}

.nisa_faq dd:before {
	content: "Ａ";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #EB688A;
	color: #FFF;
	font-size: 1.5em;
	position: relative;
	border-radius:  50%;
	margin-right: 5px;
	padding: 0 0.3em 0.2em 0.3em;
}

.nisa_shisan {
	float: left;
	width: 50%;
	height: auto;
	padding: 2%;
}

.nisa_shisan img { width: 100%;}

@media screen and ( max-width:670px ) {
	.nisa_shisan { width: 100%; }
	.nisa_faq dt { width: 100%; }
	.nisa_faq dd { width: 100%;  margin-bottom: 1.5em;}
}

.clear { clear: both; }


/* ---------------------------------------------------------------------------------------------
	yokin_sonaeru.html - お金を備える
---------------------------------------------------------------------------------------------*/

#yokin_sonaeru .table01 th { color: #666; background: #DBF0EA; }

#yokin_sonaeru .dialogbox { padding: 4em; }
#yokin_sonaeru .dialogbox .text { margin-bottom: 2.5em; }
#yokin_sonaeru .dialogbox .text p { margin-bottom: 1.2em; }
#yokin_sonaeru .dialogbox .link_btn { text-align: center }
#yokin_sonaeru button[data-izimodal-open*=".iziModal"] { width: auto; color: #096; background: none; border: none; text-decoration: underline; cursor: pointer; margin: 0; padding: 0; }
#yokin_sonaeru button[data-izimodal-open*=".iziModal"]:hover { text-decoration: none; }
#yokin_sonaeru .dialogbox .link_btn button { width: 135px; height: 35px; text-decoration: none; border: none; background: none; margin: 0; padding: 0; }
#yokin_sonaeru .dialogbox .link_btn a { font-size: 16px; display: block; color: #fff; text-decoration: none; border-radius: 4px; padding: 6px 0; }

#yokin_sonaeru .dialogbox .yes a { background: linear-gradient(#CC0001, #9A0000); border-radius: 4px;}
#yokin_sonaeru .dialogbox .no a { background: linear-gradient(#999999, #676767); }

@media screen and ( max-width:670px ) {
	#yokin_sonaeru .dialogbox { padding: 2em; }
	#yokin_sonaeru .dialogbox .text { margin-bottom: 1em; }
	#yokin_sonaeru .dialogbox .link_btn a { font-size: 14px; }
	#yokin_sonaeru .dialogbox .link_btn button { width: 110px; }
}

/* ---------------------------------------------------------------------------------------------
	yushi_syohin.html - お金を借りる
---------------------------------------------------------------------------------------------*/

@media screen and ( min-width:671px ), print {
	#yushi_syohin .contents_list { display: none; }
}

.yushi_syohin_list { display: flex; flex-wrap: wrap; grid-row-gap: 1em; margin-bottom: 2em; }
.yushi_syohin_list > div { border: 4px solid #ccc; padding: 1em; transition: .6s; }
.yushi_syohin_list > div:hover { background: #F8FCFA; border-color: #096; transition: .6s; }
.yushi_syohin_list figure { margin-bottom: 10px; }
.yushi_syohin_list > div img { width: 100%; }
.yushi_syohin_list h4 { font-size: 1.5em; color: #454545; margin-bottom: 5px; }
.yushi_syohin_list h4::before { position: relative; bottom: 2px; display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #096; color: #fff; font-size: .8em; text-align: center; border-radius: 50%; margin-right: 5px; }
.yushi_syohin_list ul { margin-left: 5px; }
.yushi_syohin_list li { list-style: none; text-indent: -.75em; margin-left: .75em; }
.yushi_syohin_list li::before { font-family: "Font Awesome 5 Free"; content: "\f0da"; color: #096; font-size: 1.1em; font-weight: 900; margin-right: 5px; }
.yushi_syohin_list li a[href$=".pdf"]::after { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: 5px; }

@media screen and ( min-width:671px ), print {
	.yushi_syohin_list { grid-column-gap: 1.5%; }
	.yushi_syohin_list > div { width: 32.2%; min-height: 420px; }
	.yushi_syohin_list li { list-style: none; }
}


#yushi_syohin [class*="b_"] { border-radius: 3px; white-space: nowrap; cursor: pointer; position: relative; }
#yushi_syohin [class*="b_"]::before { position: relative; display: block; font-family: "Font Awesome 5 Free"; font-size: 5.8em; line-height: 1; font-weight: 900; margin: 5% auto 2% auto; }

/*インターネットでお申し込み*/
#yushi_syohin .b_net { background: linear-gradient(to bottom, #FEFEFE, #FEF2B9); border: 1px solid #FDE372; }
#yushi_syohin .b_net:hover { background: linear-gradient(to bottom, #FEFEFE, #ffea8d); }
#yushi_syohin .b_net::before { color: #F8E386; }
#yushi_syohin .b_net::before {content: "\f108";}

/*スマートフォンでお申し込み*/
#yushi_syohin .b_sp { background: linear-gradient(to bottom, #F5FDFF, #BDE5FB); border: 1px solid #A2CDE2; }
#yushi_syohin .b_sp:hover { background: linear-gradient(to bottom, #fff, #a1d8fd); }
#yushi_syohin .b_sp::before { color: #97D2FC; }
#yushi_syohin .b_sp::before {content: "\f3cd";}

/*FAXでお申し込み*/
#yushi_syohin .b_fax { background: linear-gradient(to bottom, #fff, #F4F4F4); border: 1px solid #D1D1D1; }
#yushi_syohin .b_fax:hover { background: linear-gradient(to bottom, #fff, #eaeaea); }
#yushi_syohin .b_fax::before { color: #D2D2D2; }
#yushi_syohin .b_fax::before {content: "\f1ac";}


article.yushi_syohin .top_btn { float: left; width: 60%; text-align: center; font-size: 1.4em; margin: 0 auto 1em auto; }
article.yushi_syohin .top_btn a { display: block; background: #35a375; color: #fff; line-height: 1.2; text-decoration: none; border-radius: 5px; margin: .5em auto .5em auto; padding: .5em 1em; }
article.yushi_syohin .top_btn a span { font-size: 14px; }
article.yushi_syohin .top_btn a:hover { color: #007d55; background: #DBF0EA; }

article.yushi_syohin .top_btn2 { float: left; width: 38%; text-align: center; font-size: 1.4em; margin: 0 auto 1em 2%; }
article.yushi_syohin .top_btn2 a { display: block; background: #FFD24D; color: #644B00; line-height: 1.2; text-decoration: none; border-radius: 5px; margin: .5em auto .5em auto; padding: 1.1em 1em; }
article.yushi_syohin .top_btn2 a span { font-size: 14px; }
article.yushi_syohin .top_btn2 a:hover { color: #644B00; background: #FFF4D2; }
article.yushi_syohin .top_btn2 a::before { font-family: "Font Awesome 5 Free"; content: "\f1c1"; padding-right: 0.2em; }

@media screen and ( max-width:800px ), print {
	article.yushi_syohin .top_btn { width: 100%; margin: 0; }
	article.yushi_syohin .top_btn2 { width: 100%; margin: 0 0 1em 0; }
}


iframe[src*=".pdf"] { width: 100%; height: 400px; }

:is(button[name="next"], button[name="fax"], button[name="pdf"]) { display: block; width: 100%; text-decoration: none; white-space: nowrap; padding: 1em 4em; }
:is(button[name="next"], button[name="fax"], button[name="pdf"])::before { display: inline-block; text-align: center; width: 1em; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5em; vertical-align: middle; margin-right: 10px; }
:is(button[name="next"], button[name="fax"], button[name="pdf"]):hover { cursor: pointer; }

button[name="next"] + button[name="fax"] { margin: .5em 0 0 0; }
button[name="fax"] + button[name="pdf"] { margin: .5em 0 0 0; }

button[name="next"] { background: linear-gradient(to bottom, #FEFEFE, #FEF2B9); border: 1px solid #FDE372; }
button[name="next"]:hover { background: linear-gradient(to bottom, #FEFEFE, #ffea8d); }
button[name="next"]::before { content: "\f108"; color: #F8E386; }
button[name="fax"] { background: linear-gradient(to bottom, #fff, #F4F4F4); border: 1px solid #D1D1D1; }
button[name="fax"]:hover { background: linear-gradient(to bottom, #fff, #eaeaea); }
button[name="fax"]::before { content: "\f1ac"; color: #D2D2D2; }
button[name="pdf"] { background: linear-gradient(to bottom, #fff, #FFEAEA); border: 1px solid #ffcccc; }
button[name="pdf"]:hover { background: linear-gradient(to bottom, #fff, #ffd3d3); }
button[name="pdf"]::before { content: "\f1ac"; color: #ffcccc; }

@media screen and ( min-width:671px ), print {
	iframe[src*=".pdf"] { height: 400px; }
	:is(button[name="next"], button[name="fax"], button[name="pdf"]) { display: inline-block; width: auto; }
	button[name="next"] + button[name="fax"] { margin: 0 0 0 .5em; }
	button[name="fax"] + button[name="pdf"] { margin: 0 0 0 .5em; }
}


@media screen and ( max-width:1023px ) {
	#yushi_syohin [class*="b_"]::before {
		display: inherit; font-size: 18px; position: absolute; top: 50%; left: 5%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 1em;
		margin: 0 auto;
	}
}


#yushi_syohin .simulation { margin-bottom: 4em; }
#yushi_syohin .simulation_btn { text-align: center; }
#yushi_syohin .simulation_btn div { display: inline-block; width: 25%; background: linear-gradient(to bottom, #fff, #eee); border: 1px solid #ddd; border-radius: 3px; }
#yushi_syohin .simulation_btn div:hover { background: linear-gradient(to bottom, #fff, #ddd); }
#yushi_syohin .simulation_btn div a { font-size: 1.2em; color: #666; font-weight: bold; text-decoration: none; display: block; padding: 12px 0; }

@media screen and ( max-width:670px ) {	
	#yushi_syohin .simulation_btn div { width: 48%; }
	#yushi_syohin .b { width: 100%; font-size: .9em; padding: 1em; }
	#yushi_syohin .product ul li { margin-bottom: .6em; }
	#yushi_syohin .product ul li:last-of-type { margin-bottom: 0; }
	#yushi_syohin .container:first-of-type .product:last-of-type { margin-bottom: 0em; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#yushi_syohin .b { width: 100%; font-size: .8em; padding: .8em; }
	#yushi_syohin .product ul li { margin-bottom: .6em; }
	#yushi_syohin .product ul li:last-of-type { margin-bottom: 0; }
}

@media screen and ( min-width:1024px ), print { 
	#yushi_syohin .product ul li { display: inline; }
	#yushi_syohin .b { width: 32.6%; font-size: .74em; }
}

/* -----  ローンシミュレーション ----- */
/* ----- simulation1.html - 借入可能金額試算 ----- */
/* ----- simulation2.html - 毎月の元利金返済額 ----- */
[id*="simulation"] input, [id*="simulation"] select { margin-right: 4px; }
[id*="simulation"] table { margin: 0 auto; }
[id*="simulation"] .table01 th { width: 13em; background-color: #F1F1F1; text-align: left; white-space: nowrap; padding: 10px; }

#simulation1 .simulation1_table1 input[type="text"] { width: 8em; }
#simulation1 .simulation1_table2 input[type="text"] { width: 10em; }
#simulation1 table { margin-bottom: 1em; }

#simulation2 .simulation2_table1 input[type="text"] { width: 6em; }
#simulation2 .simulation2_table2 input[type="text"],
#simulation2 .simulation2_table3 input[type="text"] { width: 8em; }
#simulation2 .simulation2_table1 { margin-bottom: 1em; }
#simulation2 .simulation2_table2 { margin-bottom: 4em; }
#simulation2 .simulation2_table3 { margin-bottom: .5em; }

@media screen and ( max-width:670px ) {
	[id*="simulation"] .table01 th, [id*="simulation"] .table01 td { display: block; width: 100%; border-bottom: none; }
	[id*="simulation"] .table01 tr:last-child {  border-bottom: 1px solid #ccc; }
}

/* ----- 住宅ローン ----- */
#yushi_jyutaku .btn_area { background: #EDFAF4; border-radius: 9px; padding: 20px 20px; }
#yushi_jyutaku .btn_area .title { color: #009966; text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 12px; }

article.yushi_jyutaku figure img { max-width: 100%; }

/* article.yushi_jyutaku .buttons { display: flex; gap: 20px; justify-content: center; text-align: center; margin-bottom: 20px; }
article.yushi_jyutaku .buttons a { background: #DEF3E8; }
article.yushi_jyutaku .buttons a > span { display: block; }
article.yushi_jyutaku .buttons a > span:nth-child(1) { font-size: 1rem; color: #333; }
article.yushi_jyutaku .buttons a > span:nth-child(2) { font-size: 32px; font-weight: bold; }
article.yushi_jyutaku .buttons a > span span { font-size: .8em; } */
#yushi_jyutaku_1 .btn_01 { width: 100%; }
#yushi_jyutaku_1-3 .btn_01 { width: 100%; }

@media screen and ( max-width:670px ) {
	/* article.yushi_jyutaku .buttons { flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
	article.yushi_jyutaku .buttons a > span:nth-child(1) { font-size: 1em; }
	article.yushi_jyutaku .buttons a > span:nth-child(2) { font-size: 24px; } */
	#yushi_jyutaku_1 .btn_01 { font-size: 1em; }
	#yushi_jyutaku_1-3 .btn_01 { font-size: 1em; }
}

#yushi_jyutaku_3 .button { text-align: center; }

@media screen and ( min-width:671px ), print {
	#yushi_jyutaku_3 .button { text-align: right; }
}

article.yushi_jyutaku button[name="next"] { border: none; }
article.yushi_jyutaku button[name="next"]::before { content: none; }
article.yushi_jyutaku button[name="next"]:hover { background: #FFECB3; }

/* ----- びしんフリーローン｢フィット｣ ----- */
#yushi_fit_free .top-image { text-align: center; }
#yushi_fit_free .top-image img { width: 100%; }
#yushi_fit_free .application-btn { display: flex; justify-content: center; }

#yushi_fit_free .select { text-align: center; list-style: none; margin-bottom: 4em; }
#yushi_fit_free .select li { width: 100%; font-weight: bold; }
#yushi_fit_free .select li + li { margin: .5em 0 0 0; }
#yushi_fit_free .select li a { display: block;
/*	background: #C0E355;*/
	background: #DBF0EA;
	color: #007d55;
	text-decoration: none; border-radius: 7px; padding: 1em; }
#yushi_fit_free .select li a:hover {
/*	background: #b5e1d5;*/
	color: #fff;
	background: #35a375;
}
#yushi_fit_free .clause { list-style: none; }
#yushi_fit_free .clause li a { display: block; width: 100%; color: #555; list-style: none; text-decoration: none; border: 1px solid #096; border-radius: 7px; padding: .5em; }
#yushi_fit_free .clause li a::after { font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; color: #096; margin-left: 5px; }
#yushi_fit_free .clause li a:hover { background: #e6f7f2; }
#yushi_fit_free .clause li + li { margin: .5em 0 0 0; }

@media screen and ( max-width:670px ) {
	#yushi_fit_free .application-btn { display: inherit; text-align: center; }
	#yushi_fit_free .application-btn div + div { margin-top: 1em; }
	#yushi_fit_free .application-btn img { max-width: 100%; }
}

@media screen and ( min-width:671px ), print {
	#yushi_fit_free .application-btn div + div { margin-left: 1em; }
	#yushi_fit_free .select { display: flex; justify-content: center; list-style: none; }
	#yushi_fit_free .select li { width: 40%; }
	#yushi_fit_free .select li + li { margin: 0 0 0 1rem ; }
}

.notes-box { width: 100%; height: 500px; overflow-y: scroll; border: 1px solid #ccc; padding: 1em; }
.notes-box > ol > li, .notes-box > ul > li { margin-bottom: 1.5em; }
.notes-box > ol li ol li { text-indent: -1em; margin-left: 1em; }

#yushi_fit_free .notes-box h5 { font-size: 1.3em; margin-bottom: 1em; }

#yushi_fit_free .notes-box dl { counter-reset: number 0; }
#yushi_fit_free .notes-box dt { font-size: 1.1em; font-weight: bold; margin-bottom: .5em; }
#yushi_fit_free .notes-box dt::before { counter-increment: number 1; content: counter(number)". "; }
#yushi_fit_free .notes-box dd { margin-left: 1.4em; margin-bottom: 3em; }

#yushi_fit_free .ol-circle { list-style: none; }
#yushi_fit_free .ol-circle li { text-indent: -1em; margin-left: 1em; margin-bottom: .8em; }
#yushi_fit_free .ol-brk { list-style: none; }
#yushi_fit_free .ol-brk li { text-indent: -1.8em; margin-left: 1.8em; margin-bottom: .8em; }

#yushi_fit_free .fitbox { padding: 2em; }

#yushi_fit_free .top_image { margin-bottom: .5em; }
#yushi_fit_free .top_image img { width: 100%; }
#yushi_fit_free .feature { display: flex; justify-content: space-between; }
#yushi_fit_free .feature figure { width: 32%; }
#yushi_fit_free .feature img { width: 100%; }
#yushi_fit_free .flow { display: flex; justify-content: center; }
#yushi_fit_free .flow li { list-style: none; width: 22.5%; }
#yushi_fit_free .flow li + li { margin-left: 2%; }
#yushi_fit_free .flow li img { width: 100%; }
#yushi_fit_free .loan_list { text-align: center; }
#yushi_fit_free .loan_list .box { border: 1px solid #ccc; border-radius: 4px; padding: 1.4em; }
#yushi_fit_free .loan_list h4 { font-size: 1.4em; color: #555; }
#yushi_fit_free .loan_list figure { width: 100%; margin-bottom: 1em; }
#yushi_fit_free .loan_list img { width: 100%; }
#yushi_fit_free .loan_list .btn { display: flex; justify-content: center; }
#yushi_fit_free .loan_list .btn > div { width: 100%; }
#yushi_fit_free .loan_list .btn > div a { display: block; font-size: 1.1em; font-weight: bold; border-radius: 5px; letter-spacing: .5px; text-decoration: none; padding: .5em .8em; }
#yushi_fit_free .loan_list .btn > div:first-child a { background: #DBF0EA; color: #007d55; }
#yushi_fit_free .loan_list .btn > div:first-child a:hover { color: #fff; background: #35a375; }
#yushi_fit_free .loan_list .btn > div:last-child a { background: #ffeade; color: #ff4f28; }
#yushi_fit_free .loan_list .btn > div:last-child a:hover { color: #fff; background: #ff8455; }
#yushi_fit_free .loan_list .btn > div + div { margin-left: 1em; }

#yushi_fit_free iframe { width: 100%; height: 300px; border: 1px solid #ccc; }

@media screen and ( max-width:670px ) {
	#yushi_fit_free .flow { flex-wrap: wrap; }
	#yushi_fit_free .flow li { width: 46%; margin: 1.5%; }
	#yushi_fit_free .loan_list > div + div { margin-top: 1.5em; }
}

@media screen and ( min-width:671px ), print {
	#yushi_fit_free .loan_list { display: flex; justify-content: space-between; }
	#yushi_fit_free .loan_list > div { width: 49%; }
	#yushi_fit_free .loan_list .btn > div { width: 40%; }
	#yushi_fit_free iframe { height: 400px; }
}

/* ----- しんきんフリーローン ----- */
#yushi_shinkinfree .top_image { margin-bottom: 1em; }
#yushi_shinkinfree .top_image img { width: 100%; }
#yushi_shinkinfree .top_btn { width: 100%; text-align: center; font-size: 1.4em; margin: 0 auto 1em auto; }
#yushi_shinkinfree .top_btn a { display: block; background: #35a375; color: #fff; line-height: 1.2; text-decoration: none; border-radius: 5px; margin: .5em auto .5em auto; padding: .5em 1em; }
#yushi_shinkinfree .top_btn a span { font-size: 14px; }
#yushi_shinkinfree .top_btn a:hover { color: #007d55; background: #DBF0EA; }
#yushi_shinkinfree .flow { display: flex; justify-content: center; }
#yushi_shinkinfree .flow li { list-style: none; width: 19%; }
#yushi_shinkinfree .flow li + li { margin-left: 2%; }
#yushi_shinkinfree .flow li img { width: 100%; }
#yushi_shinkinfree iframe { width: 100%; height: 300px; border: 1px solid #ccc; }
#yushi_shinkinfree #link1 { pointer-events: none; }

#yushi_shinkinfree button[name="next"],
#yushi_shinkinfree button[name="fax"] { display: block; width: 100%; text-decoration: none; white-space: nowrap; padding: 1em 4em; }

#yushi_shinkinfree button[name="next"]::before,
#yushi_shinkinfree button[name="fax"]::before { display: inline-block; text-align: center; width: 1em; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5em; vertical-align: middle; margin-right: 10px; }

#yushi_shinkinfree button[name="next"] + button[name="fax"] { margin: .5em 0 0 0; }



#yushi_shinkinfree button[name="next"]::before { content: "\f108"; color: #F8E386; }
#yushi_shinkinfree button[name="fax"]::before { content: "\f1ac"; color: #D2D2D2; }

#yushi_shinkinfree button[name="next"]:hover,
#yushi_shinkinfree button[name="fax"]:hover { cursor: pointer; }

#yushi_shinkinfree button[name="next"] { background: linear-gradient(to bottom, #FEFEFE, #FEF2B9); border: 1px solid #FDE372; }
#yushi_shinkinfree button[name="next"]:hover { background: linear-gradient(to bottom, #FEFEFE, #ffea8d); }

#yushi_shinkinfree button[name="fax"] { background: linear-gradient(to bottom, #fff, #F4F4F4); border: 1px solid #D1D1D1; }
#yushi_shinkinfree button[name="fax"]:hover { background: linear-gradient(to bottom, #fff, #eaeaea); }

@media screen and ( max-width:670px ) {
	#yushi_shinkinfree .flow { flex-wrap: wrap; }
	#yushi_shinkinfree .flow li { width: 46%; margin: 1.5%; }
}

@media screen and ( min-width:671px ), print {
	#yushi_shinkinfree .top_btn { font-size: 1.4em; font-weight: bold; }
	#yushi_shinkinfree .top_btn a span { font-size: 14px; font-weight: normal; }
	#yushi_shinkinfree iframe { height: 400px; }
	#yushi_shinkinfree button[name="next"],
	#yushi_shinkinfree button[name="fax"] { display: inline-block; width: auto; }
	#yushi_shinkinfree button[name="next"] + button[name="fax"] { margin: 0 0 0 .5em; }
}

/* ----- WEB完結ローン ----- */
#yushi_web_comp .top_image { margin-bottom: .5em; }
#yushi_web_comp .top_image img { width: 100%; }
#yushi_web_comp .feature { display: flex; justify-content: space-between; }
#yushi_web_comp .feature figure { width: 32%; }
#yushi_web_comp .feature img { width: 100%; }
#yushi_web_comp .flow { display: flex; justify-content: center; }
#yushi_web_comp .flow li { list-style: none; width: 22.5%; }
#yushi_web_comp .flow li + li { margin-left: 2%; }
#yushi_web_comp .flow li img { width: 100%; }
#yushi_web_comp .loan_list { display: grid; grid-template-columns: 1fr; gap: 20px; text-align: center; margin-top: 1.5em; }
#yushi_web_comp .loan_list .box { border: 1px solid #ccc; border-radius: 4px; padding: 1.4em; }
#yushi_web_comp .loan_list h4 { font-size: 1.4em; color: #555; }
#yushi_web_comp .loan_list figure { width: 100%; margin-bottom: 1em; }
#yushi_web_comp .loan_list img { width: 100%; }
#yushi_web_comp .loan_list .btn { display: flex; justify-content: center; }
#yushi_web_comp .loan_list .btn > div { width: 100%; }
#yushi_web_comp .loan_list .btn > div a { display: block; font-size: 1.1em; font-weight: bold; border-radius: 5px; letter-spacing: .5px; text-decoration: none; padding: .5em .8em; }
#yushi_web_comp .loan_list .btn > div:first-child a { background: #DBF0EA; color: #007d55; }
#yushi_web_comp .loan_list .btn > div:first-child a:hover { color: #fff; background: #35a375; }
#yushi_web_comp .loan_list .btn > div:last-child a { background: #ffeade; color: #ff4f28; }
#yushi_web_comp .loan_list .btn > div:last-child a:hover { color: #fff; background: #ff8455; }
#yushi_web_comp .loan_list .btn > div + div { margin-left: 1em; }

@media screen and ( max-width:670px ) {
	#yushi_web_comp .flow { flex-wrap: wrap; }
	#yushi_web_comp .flow li { width: 46%; margin: 1.5%; }
}

@media screen and ( min-width:671px ), print {
	#yushi_web_comp .loan_list { grid-template-columns: repeat(2, 1fr); }
	#yushi_web_comp .loan_list .btn > div { width: 40%; }
}

/* ボタン部分のスタイル */
ul.buttons { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; justify-content: center; align-items: center; text-align: center; list-style: none; font-size: 16px; font-weight: bold; }
ul.buttons li { width: 100%; max-width: 400px; }
ul.buttons li a { display: flex; align-items: center; justify-content: center; width: 100%; background: #f7a548; color: #fff; text-decoration: none; border-radius: 12px; padding: 1em 1em; transition: .4s; }
ul.buttons li a:hover { opacity: .75; transition: .4s; }
ul.buttons li a[href$=".pdf"]::before { position: relative; top: -2px; content: "\f1c1"; font: normal 1.25em/1 "Font Awesome 5 Free"; margin-right: 4px; }

@media screen and ( 768px <= width ), print {
	ul.buttons { flex-wrap: nowrap; font-size: 1.05rem; }
}


/* ---------------------------------------------------------------------------------------------
	service.html - 便利なサービス
---------------------------------------------------------------------------------------------*/

#service .service_menu { margin-bottom: 4em; }
#service .service_menu .list { display: flex; justify-content: center; font-size: 13px; /*flex-wrap: wrap;*/ margin: 2em auto 0 auto; }

#service .service_menu a { position: relative; color: #666; background: #def0ea; font-weight: bold; line-height: 1.7; border-bottom: solid 4px #5bb190; text-align: center; text-decoration: none; border-radius: 5px; padding: 2% 1.5%; z-index: 2; }

#service .service_menu a::before { position: relative; display: block; font-family: "Font Awesome 5 Free"; color: #5bb190; font-size: 5.8em; line-height: 1; font-weight: 900; margin: 0 auto 8% auto; z-index: -1; transition: .6s; }

#service .service_menu a:hover { color: #fff; background: #7cc0aa; border-bottom: solid 4px #609187; transform: translateY(4px); transition: .6s; }
#service .service_menu a:hover::before { color: #fff; transition: .6s; }

#service .cashcard a::before { font-weight: normal; }
#service .service_menu .fa-line::before { font-family: "Font Awesome 5 Brands"; font-weight: normal; }
#service .service_menu .fa-stripe-s::before { font-family: "Font Awesome 5 Brands"; font-weight: normal; }

#service .column2 { width: 70%; }
#service #link1.service_menu a::before { margin: 0 auto 3% auto; }

@media screen and ( min-width:671px ), print {
	#service .service_menu [class*="column"] a { width: 100%; }
	#service .service_menu [class*="column"] a + a { margin-left: 1.5%; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#service [class*="_menu"] { width: 100%; }
	#service [class*="_menu"] a { font-size: 1.4vw; }
}

@media screen and ( max-width:670px ) {
	#service .service_menu { margin-bottom: 2.5em; }
	#service .service_menu .list { flex-wrap: wrap; width: 100%; margin: 1em auto 0 auto; }
	#service .service_menu a { display: block; width: 100%; font-size: .9em; padding: 7%; }
	#service .service_menu a + a { margin-top: 2%; }
	#service .service_menu a::before { width: 1em; position: absolute; font-size: 2.5em; top: 50%; left: 5%; transform: translateY(-50%);  font-size: 10vw; }
}


/* ----- ----- ----- ----- ----- */
	/*スマホアプリサービス*/
/* ----- ----- ----- ----- ----- */

/* kouza_app.html - しんきん口座開設アプリ */
#kouza_app .step_box figure { width: 100%; }
#kouza_app img { width: 100%; }
#kouza_app section { margin-bottom: 3em; }

/*
#kouza_app .table01 th { color: #666; background: #F4FAF8; }
#kouza_app .table01 th:nth-of-type(1) { width: 25%; }
#kouza_app .table01 th, #kouza_app .table01 td { border: 1px solid #DAEDE7; vertical-align: middle; padding: .5em 1em; }
*/
#kouza_app .table02 { text-align: center; table-layout: fixed; }
#kouza_app .table02 tr:first-child th { background: #DBF0EB; }

#kouza_app .step_box { display: flex; justify-content: space-between;  text-align: center; }
#kouza_app .step_box div { width: 23.5%; border: 5px solid #F2F2F2; padding: 1em; }
#kouza_app .step_box h4 { font-size: 1.4em; margin-bottom: .6em; }
#kouza_app .step_box h4 span { display: block; color: #26AE69; font-weight: bold; }
#kouza_app .step_box p { text-align: left; margin: 0 1em }

@media screen and ( max-width:670px ) {
	#kouza_app .step_box { flex-wrap: wrap; }
	#kouza_app .step_box div { width: 100%; margin-bottom: 4%; }
	#kouza_app .step_box figure { max-width: 200px; margin: 0 auto;}
}

/* banking_app.html - びしんバンキングアプリサービス */
#banking_app .table01 { text-align: center; table-layout: fixed; }
#banking_app .table01 caption { font-size: 1.4em; text-align: left; margin-left: -.6em; }
#banking_app .table01 th { color: #666; background: #F4FAF8; }

#banking_app .table01 th, #banking_app .table01 td { /*border: 1px solid #DAEDE7;*/ border: 1px solid #ccc; vertical-align: middle; padding: .5em 1em; }

#banking_app table.feature th { width: 25%; }
#banking_app table.feature td { text-align: left; }
#banking_app table.feature td span { display: block; }

#banking_app .environment > div { margin-bottom: 2em; }
#banking_app .environment table { margin-bottom: .5em; }
#banking_app .environment table caption { font-size: 1.4em; text-align: left; margin-left: -.6em; }
#banking_app .environment table th:nth-of-type(1) { width: 35%; }

@media screen and ( max-width:670px ) {
	#banking_app .environment table caption { font-size: 1.1em; }
	#banking_app table.feature td br { display: none; }
}

/*アプリダウンロード(しんきん口座開設アプリ、びしんバンキングアプリサービス　共通)*/
.AppDL_box { display: flex; justify-content: center;  border: 5px solid #F2F2F2; }
.AppDL_box > div { text-align: center; padding: 5% 0; }
.AppDL_box > div + div { margin-left: 10%; }
.AppDL_box span { font-size: 1.2em; color: #26AE69; font-weight: bold; }
.AppDL_box h4 { font-size: 1.3em; font-weight: normal; margin-bottom: .6em; }
.AppDL_box .DL_btn { width: 150px; margin: 0 auto 1em auto; }
.AppDL_box .QR_img { width: 145px; margin: 0 auto 1em auto; }
.AppDL_box .QR_img img { width: 100%; }

@media screen and ( max-width:670px ) {
	.AppDL_box { flex-wrap: wrap; }
	.AppDL_box > div { width: 100% }
	.AppDL_box > div + div { margin-left: 0; }
	.AppDL_box h4 { font-size: 1.1em; }
}

/* ----- ----- ----- ----- ----- */
	/*Bank Pay*/
/* ----- ----- ----- ----- ----- */

.bpaypc { display: inline; }
.bpaysp { display: none; }
.bpaylist { margin-left: 2em; }
.bpaytel { font-size: 2em; font-weight: 700; }

@media screen and ( max-width:670px ) {
	.bpay { width: 100%; }
	.bpaypc { display: none; }
	.bpaysp { display: inline; width: 100%; }
}

/* ----- ----- ----- ----- ----- */
	/*インターネットサービス*/
/* ----- ----- ----- ----- ----- */

/* service_net.html - ネット口座振替受付サービス */
#service_net th { width: 20%; }
#service_net .catchphrase { text-align: center; }

@media screen and ( max-width:670px ) {
	#service_net th,  #service_net td { display: block; width: 100%; border-bottom: none; }
	#service_net tr:last-child td { border-bottom: 1px solid #ccc; }
}
@media screen and ( min-width:671px ), print {
	#service_net .catchphrase { font-size: 1.25em; text-align: center; }
}

/* ----- ----- ----- ----- ----- */
	/*キャッシュカードサービス*/
/* ----- ----- ----- ----- ----- */

/* service_zeronet.html - しんきんゼロネットサービス */
#service_zeronet .scene { display: flex; justify-content: space-between; margin-bottom: 2em; }
#service_zeronet .scene > figure { width: 24%; text-align: center; }
#service_zeronet .sscene > figure figcaption { color: #663300; font-weight: bold; text-align: center; }
#service_zeronet .scene img { width: 100%; }
#service_zeronet .catchphrase { font-size: 1.25em; color: #c00; text-align: center; }

@media screen and ( max-width:670px ) {
	#service_zeronet .scene { flex-wrap: wrap; }
	#service_zeronet .scene > figure { width: 48%; margin-bottom: 1em; }
}

/* service_pay.html - ペイジー口座振替受付サービス */

#service_pay table td { padding: 1.5em; }
#service_pay table ul.organ { column-count: 2; }
#service_pay table.caution { margin-bottom: .5em; }

@media screen and ( min-width:671px ), print {
	#service_pay table th { width: 20%; }
	#service_pay table.caution th { width: 40%; }
}

@media screen and ( max-width:670px ) {
	#service_pay th, #service_pay td { display: inline-block; }
	#service_pay th, #service_pay td { width: 100%; border-bottom: none; }
	#service_pay table.caution th, #service_pay table.caution td { display: table-cell; }
	#service_pay table.caution th { width: 50%; }
	#service_pay table ul.organ { column-count: 1; }
	#service_pay tr:last-child { border-bottom: 1px solid #ccc; }
}

/* ----- ----- ----- ----- ----- */
	/*会員向けサービス*/
/* ----- ----- ----- ----- ----- */

/* beansmail.html - ビーンズメール */
#beansmail .top-image { text-align: center; margin-bottom: 1.5em; }
#beansmail .top-image img { width: 100%; }
#beansmail section { margin-bottom: 5em; }

#beansmail .video { width: 100%; padding-bottom: 56.25%; height: 0px; position: relative; }
#beansmail .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.beansmail-caution { border: 1px solid #c00; }
.beansmail-caution h5 { background: #c00; color: #fff; padding: .5em 1em; }

.beansmail-caution1 { padding: 1em; }
.beansmail-caution2 { display: inline-block; color: #666; background: #fdd; padding: .5em; margin: .5em 0; }

#beansmail [class^="register"] { display: flex; position: relative; }
#beansmail .box { width: 25%; background: linear-gradient(to bottom, #fffdfe, #e1e1e1); border: 1px solid #ccc; border-radius: 5px; padding: .5em; margin: 0 auto; }

#beansmail .box p { font-size: 0.85em; }

.register1 .fa-caret-right:before { color: #C90207; }
.register2 .fa-caret-right:before { color: #007E2A; }
.register3 .fa-caret-right:before { color: #00349A; }
.fa-caret-right:before { font-size: 1.5em; position: relative; top: 45%; margin: 0 .2em; }

#beansmail .register1 .box div { background: #FF0066; }
#beansmail .register2 .box div { background: #019934; }
#beansmail .register3 .box div { background: #0166FF; }

#beansmail .box div { color: #fff; font-weight: bold; text-align: center; padding: .1em .5em; margin-bottom: .5em; }

#beansmail button { width: 25%; background: linear-gradient(to bottom, #fff, #eee); border: 1px solid #ddd; border-radius: 3px; }
#beansmail button a { font-size: 1.2em; color: #666; font-weight: bold; text-decoration: none; display: block; padding: 12px 0; }
#beansmail button:hover { background: linear-gradient(to bottom, #fff, #ddd); }

#beansmail dt { text-indent: -2.2em; margin: 0 .5em .5em 2.2em; }
#beansmail dt::before { background: #0052BC; font-family: 'arial'; font-weight: bold; content: "Q."; color: #fff; border-radius: 2px; padding: 3px 4px; margin-right: .5em; }
#beansmail dd { text-indent: -2.1em; margin: 0 .5em 3em 2.1em; }
#beansmail dd::before { background: #FF67A8; font-family: 'arial'; font-weight: bold; content: "A."; color: #fff; border-radius: 2px; padding: 3px 4px; margin-right: .5em; }

@media screen and ( max-width:670px ) {
	#beansmail [class^="register"] { display: inherit; position: relative; }
	#beansmail .box { width: 100%; }
	#beansmail i { text-align: center; font-size: 1.5em; display: block; margin: .2em auto; transform: rotate(90deg) }
	#beansmail button { width: 48%; }
	#beansmail .Ttl02 span { display: block; font-size: .7em; position: relative; right: .1em; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#beansmail button { width: 30%; }
}

@media screen and ( min-width:1024px ), print {
	#beansmail button { width: 25%; }
}

/* line-at.html - びしんLINE公式アカウント */
#line-at .top_image { width: 100%; margin-bottom: 1em; }
#line-at .top_image img { width: 100%; }
#line-at .How_to_add { position: relative; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto 1em auto; }
#line-at .How_to_add figure { width: 50%; margin-bottom: 5px; }
#line-at .How_to_add figure img { width: 99%; }
#line-at .friend { position: relative; }
#line-at .friendsbutton { position: absolute; top: 70%; left: 50%; transform: translateY(-70%) translateX(-50%); }

@media screen and ( max-width:670px ) {
	#line-at .How_to_add figure { width: 48%; margin: 0 2px 5px 2px; }
	#line-at .friendsbutton { top: 75%; transform: translateY(-75%) translateX(-50%); }
	#line-at .friendsbutton img { position: relative; width: 27vw!important; }
}

@media screen and ( min-width:671px ), print {
	#line-at .How_to_add { width: 80%; }
}

/* line-stamp.html - LINEスタンプ */
#line-stamp .line_stamp_link { width: 100%; margin: 0 auto; }
#line-stamp .line_stamp_link a { display: block; color: #007D55; background: linear-gradient(to bottom, #fff, #DBF0EA); border-radius: 7px; border: 1px solid #92B7B0; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; padding: .5em .5em; }
#line-stamp .line_stamp_link a:hover { background: linear-gradient(to bottom, #fff, #b5e1d5); }

@media screen and ( min-width:671px ), print {
	#line-stamp .line_stamp_link { width: 20em; margin: 0 auto; }
	#line-stamp .line_stamp_link a { font-size: 1.2em; }
}

/* service_tomonokai.html - びしん年金友の会 */
#service_tomonokai figure { width: 300px; }
#service_tomonokai figure img { width: 100%; }
#service_tomonokai figcaption { text-align: center; margin-top: .5em; }
#service_tomonokai .past { display: flex; justify-content: space-between; }
#service_tomonokai .past td { padding-right: 1em; }
@media screen and ( max-width:670px ) {
	#service_tomonokai figure { margin: 0 auto; }
	#service_tomonokai figure img { width: 100%; }
	#service_tomonokai .past { display: inherit; }
}

/* ----- ----- ----- ----- ----- */
	/*その他*/
/* ----- ----- ----- ----- ----- */

/* service_kinko.html - その他 */
#service_other th { width: 20%; }
@media screen and ( max-width:670px ) {
	#service_other th, #service_other td { width: 100%; display: block; border-bottom: none; }
	#service_other tr:last-child td { border: 1px solid #ccc; }
	#service_other th br { display: none; }
}


/* ---------------------------------------------------------------------------------------------
	zeikin.html - 税金･各種料金の払込み
---------------------------------------------------------------------------------------------*/

#zeikin th { background: #F1F1F1; }
#zeikin .table-Ttl { background: #dcdcdc; text-align: left; }
#zeikin .table01-0 { border: 1px solid #fff0; }
#zeikin .table01-0 td:nth-child(1) { width: 145px; }
#zeikin .table01-0 th, #zeikin .table01-0 td { border: 1px solid #fff; }
#zeikin .table01-1 td:nth-child(1), #zeikin .table01-2 td:nth-child(1), #zeikin .table01-3 td:nth-child(1) { width: 24%; }
#zeikin .table01-1 td:nth-child(2), #zeikin .table01-2 td:nth-child(2), #zeikin .table01-3 td:nth-child(2) { width: 12%; text-align: center; white-space: nowrap; }
#zeikin .table01-4 { width: 580px; }
#zeikin .table01-5 { width: auto; max-width: 580px; }
#zeikin .table01-5 th { width: 25%; }
#zeikin .table01-6 { table-layout: fixed; max-width: 580px; }

@media screen and ( max-width:670px ) {
	#zeikin .table01-0 td { display: block; }
	#zeikin .table01-0 td:nth-child(1) { width: 100%; }
	#zeikin .table01-0 td figure { text-align: center; }
	#zeikin .table01-4 { width: 100%; }
}


/* ---------------------------------------------------------------------------------------------
	tenpo.html - 店舗・ATM一覧
---------------------------------------------------------------------------------------------*/

@media screen and ( min-width:1024px ), print {
	#area1,#area2,#area3,#area4,#cash_corner1,#cash_corner2 {
		margin-top: -160px;
		padding-top: 160px;
	}
}

/* ----- 地図から探す ----- */
#tenpo .store_map { margin-bottom: 2em; }
#tenpo .store_map iframe { width: 100%; }

/* ----- 営業地区から探す ----- */
#tenpo .icon_area { margin-bottom: 2em; }
#tenpo .icon_area span + span { margin-left: 1em; }

@media screen and ( max-width:670px ) {
	#tenpo .icon_area { font-size: .75em; text-align: center; }
}

@media screen and ( min-width:671px ), print {
	#tenpo .icon_area { font-size: .8em; text-align: right; }
}

/*#tenpo .tenpo_list li + li { margin-left: 1em; }*/
#tenpo table { width: 100%; }
#tenpo table th, #tenpo table td { border: 1px solid #ccc; vertical-align: middle; }

#tenpo .extension-list { margin-left: 1.5em; }

.tenpo_table1 th { color: #666; background: #EFEFEF; }
.tenpo_table1 th, .tenpo_table1 td { padding: 5px 10px; }

.tenpo_table1 td:nth-of-type(-n+2),
.tenpo_table1 td:nth-last-of-type(2) { text-align: center; }


/* ----- 店舗一覧 キャッシュコーナー ----- */

.tenpo_table2 { text-align: center; table-layout: fixed; }
.tenpo_table2 .fontss { font-size: 0.8em; }
.tenpo_table2 tr:first-child th { background: #eee; }
.tenpo_table2 th:first-child  { width: 33.3%; }
.tenpo_table2 tr:nth-child(n+3) th { background: #f9f9f9; font-weight: normal; }
.tenpo_table2 tr:nth-child(n+3) td { height: 4em; }
.tenpo_table2 th { color: #666; background: #f9f9f9; }
.tenpo_table2 th, .tenpo_table2 td { padding: 5px 10px; }

/* ----- マネーコンサルティングプラザ ----- */

#cash_corner1 .tenpo_table1 th:first-child  { width: 15em; }
#cash_corner1 .tenpo_table1 td:nth-of-type(2) { width: auto; text-align: left; }


/* ----- 各支店（店舗下層ページ） ----- */

.tenpo_table3 { text-align: left; }
.tenpo_table3 th { width: 33.3%; background: #f9f9f9; font-weight: normal; }
.tenpo_table3 th, .tenpo_table3 td { padding: 10px 10px; }

#tenpo .store-view { margin-bottom: 1.5em; }

@media screen and ( max-width:670px ) {
	#tenpo .tenpo_table3 th, #tenpo .tenpo_table3 td { width: 100%; display: block; border-bottom: none; }
	.tenpo_table3 { border-bottom: solid 1px #ccc; }
	#tenpo .tenpo_table3 th { text-align: center; }
	#tenpo .tenpo_table3 .access th, #tenpo .tenpo_table3 .access td,
	#tenpo .tenpo_table3 .t2 th, #tenpo .tenpo_table3 .t2 td { width: inherit; display: table-cell; }
	#tenpo .tenpo_table3 .t1 td { text-indent: 1em; }
	#tenpo .tenpo_table3 .t2 th { width: 8em; }
	#tenpo .tenpo_table3 .access { font-size: 0.9em; }
}

@media screen and ( min-width:671px ) {
	.tenpo_table3 .headquarters_address th { width: 8em; }
}

/* ----- 本店のみ ----- */
.tenpo_table4 .w25 { width: 25%; }
#tenpo iframe, #tenpo .store-view img { width: 100%; }

.icon_train:before { color: #333; font-family: "Font Awesome 5 Free"; content: "\f239"; font-size: 14px; font-weight: 900; margin-right: 0; vertical-align: -1px; text-decoration: none; }
.icon_bus:before { color: #333; font-family: "Font Awesome 5 Free"; content: "\f55e"; font-size: 14px; font-weight: 900; margin-right: 0; vertical-align: -1px; text-decoration: none; }

#tenpo .access { width: auto; }
#tenpo .access th, #tenpo .access td { width: auto; background: none; font-weight: normal; border: none; margin: 0; padding: 0 .4em; }

/* ----- 各支店 営業時間のご案内 ----- */
.tenpo_table4 { width: 100%; table-layout: fixed; text-align: left; }
.tenpo_table4 tr:first-child th { background: #DBF0EA; text-align: center; }
.tenpo_table4 th, .tenpo_table4 td { padding: 10px 10px; }
.tenpo_table4 th { background: #f9f9f9; font-weight: normal; }
.tenpo_table4 td { text-align: center; }
.w33 { width: 33.3%; }

@media screen and ( max-width:670px ) {
	#tenpo iframe { height: 300px; margin: 0em auto; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#tenpo iframe { height: 450px; }
	.tenpo_table1 td:nth-of-type(1) { width: 9em; }
	.tenpo_table1 td:nth-of-type(2) { width: 6em; }
	.tenpo_table1 td:nth-of-type(4) { width: 5em; }
	.tenpo_table1 td:nth-of-type(5) { width: 15em; }
}

@media screen and ( min-width:1024px ), print {
	#tenpo iframe { height: 600px; }
	.tenpo_table1 td:nth-of-type(1) { width: 9em; }
	.tenpo_table1 td:nth-of-type(2) { width: 6em; }
	.tenpo_table1 td:nth-of-type(4) { width: 5em; }
	.tenpo_table1 td:nth-of-type(5) { width: 15em; }

	#cash_corner1 .tenpo_table1 td:nth-of-type(3) { width: 5em; }
	#cash_corner1 .tenpo_table1 td:nth-of-type(4) { width: 15em; }
}


/* ---------------------------------------------------------------------------------------------
	nichiyou.html - 日曜営業･各種相談業務のご案内
---------------------------------------------------------------------------------------------*/

#nichiyou section { margin-bottom: 5em; }

#nichiyou table { table-layout: fixed; }
#nichiyou td { text-align: center; }

#nichiyou div.loans-pensions { display: flex; justify-content: center; text-align: center; }
#nichiyou div.loans-pensions div { width: 25%; background: linear-gradient(to bottom, #fff, #eee); border: 1px solid #ddd; border-radius: 3px; }
#nichiyou div.loans-pensions div + div { margin-left: 0.5em; }
#nichiyou div.loans-pensions div a { font-size: 1.2em; color: #666; font-weight: bold; text-decoration: none; display: block; padding: 12px 0; }
#nichiyou div.loans-pensions div:hover { background: linear-gradient(to bottom, #fff, #ddd); }

@media screen and ( max-width:670px ) {
	#nichiyou div.loans-pensions div { width: 48%; }
	#nichiyou .Ttl02 span { display: block; font-size: .7em; position: relative; right: .1em; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#nichiyou div.loans-pensions div { width: 30%; }
}

@media screen and ( min-width:1024px ), print {
	#nichiyou div.loans-pensions div { width: 25%; }
}


/* ---------------------------------------------------------------------------------------------
	tesuuryou.html - 手数料のご案内
---------------------------------------------------------------------------------------------*/

#tesuuryou table td:last-child { text-align: right; }
.between { justify-content: space-between; }
.between span:first-child { margin-right: 10em; }

@media screen and ( max-width:670px ) {
	#tesuuryou .table00 { width: 100%; }
	#tesuuryou .table-wrap table { width: 1000px; }
}

@media screen and ( min-width:671px ), print {
	#tesuuryou .toc { column-count: 2; }
}


/* ---------------------------------------------------------------------------------------------
	service_cashcard.html - キャッシュカードサービス
---------------------------------------------------------------------------------------------*/

#service_cashcard section { margin-bottom: 4em; }

/*当金庫キャッシュカードのATM取引範囲*/
.table02_cashcard1 th { width: 23%; }

/*キャッシュカード取引限度額*/
.table02_cashcard2 { table-layout: fixed; margin-bottom: .5em; }
.table02_cashcard2 th:first-child { width: 23%; }
.table02_cashcard2 td { text-align: center; }

@media screen and ( max-width:670px ) {
	#service_cashcard #link1 img { width: 100%; }
	#service_cashcard .table02_cashcard1 { border-bottom: solid 1px #ccc; }
	#service_cashcard .table02_cashcard1 th,
	#service_cashcard .table02_cashcard1 td { border-bottom: none; display: block; width: 100%; }
	.table-wrap { width: 100%; overflow: auto; }
	.table-wrap::-webkit-scrollbar { height: 8px; }
	.table-wrap::-webkit-scrollbar-track { background: #ededed; border-radius: 50px; }
	.table-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 50px; }
	#service_cashcard .table02_cashcard2 { width: 1000px; }
	.cashcard_table2_note { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 8px; margin-top: .5em; margin-bottom: .5em; }
}

@media screen and ( min-width:671px ), print {
	#service_cashcard .contents_list { max-width: 870px; margin: 0 auto; }
	#service_cashcard #link2 table { width: 60%; }
	.cashcard_table2_note { display: inherit; justify-content: space-between; }
	.cashcard_table2_note .note1 { display: none; }
}


/* ---------------------------------------------------------------------------------------------
	hanboubi.html - 繁忙日回避のご案内
---------------------------------------------------------------------------------------------*/

#hanboubi section { margin-bottom: 3em; }

#hanboubi table.hanboubi { width: 100%; font-weight: bold; table-layout: fixed; text-align: center; margin: 0 auto; }
#hanboubi table th, #hanboubi table td { position: relative; width: 14%; color: #8C8C8C; border: 2px solid #ccc; vertical-align: middle; }
#hanboubi table.hanboubi tr:first-child { background: #F5F5F5; }
#hanboubi table.hanboubi tr:first-child th:first-child { color: #DB444D; background: #FEEAE9; }
#hanboubi table.hanboubi tr:first-child th:last-child { color: #4FAFC7; background: #E2F9FF; }
#hanboubi table.hanboubi td:first-child { color: #DB444D; }
#hanboubi table.hanboubi td:last-child { color: #4FAFC7; }
#hanboubi table.hanboubi .g { color: #DCF2EF; background: #33C09D; }
#hanboubi table.hanboubi .r { color: #DB444D; }
#hanboubi table.hanboubi div { width: 100%; letter-spacing: .9px; position: absolute; top: 95%; left: 50%; transform: translateY(-95%) translateX(-50%); }

@media screen and ( max-width:670px ) {
/*	#hanboubi table.hanboubi { width: 800px; margin-bottom: 1em; }*/
	#hanboubi table.hanboubi th { font-size: 1.2em; padding: 5px 10px; }
	#hanboubi table.hanboubi td { font-size: 4vw; padding: 15px 10px; }
/*	#hanboubi table.hanboubi div { width: 100%; font-size: 8px; letter-spacing: .9px; }*/
	#hanboubi table.hanboubi div { font-size: 2.5vw; }
	#hanboubi .pc { display: none; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
/*	#hanboubi table.hanboubi { width: 100%; }*/
	#hanboubi table.hanboubi th { font-size: 2vw; }
	#hanboubi table.hanboubi td { font-size: 3vw; }
	#hanboubi table.hanboubi div { font-size: 1vw; }
}

@media screen and ( min-width:1024px ), print {
	#hanboubi table.hanboubi { width: 95%; }
	#hanboubi table.hanboubi th { font-size: 2em; }
	#hanboubi table.hanboubi td { font-size: 3em; }
	#hanboubi table.hanboubi div { font-size: 12px; letter-spacing: .9px; }
}

@media screen and ( min-width:671px ), print {
	#hanboubi table.hanboubi th { padding: 5px 10px; }
	#hanboubi table.hanboubi td { padding: 30px 10px; }
	#hanboubi .sp { display: none; }
}


/* ------------------------------------ --------------------------------------------------------
	privacy.html - 個人情報保護宣言
---------------------------------------------------------------------------------------------*/

#privacy section { margin-bottom: 4em; }
#privacy p { margin-left: .5em; }
#privacy .box_gray { background: #f5f5f5; padding: 1.5em; }
#privacy .box_gray h4 { font-size: 1.1em;  }


/* ---------------------------------------------------------------------------------------------
	yokinhoken.html - 預金保険制度
---------------------------------------------------------------------------------------------*/

#yokinhoken table { font-size: .9em; table-layout: fixed; }
#yokinhoken table th, #yokinhoken table td { text-align: center; padding: 5px 10px;  }
#yokinhoken table td { height: 8em; }
#yokinhoken ul.bank { display: flex; flex-wrap: wrap; list-style: none; }
#yokinhoken ul.bank li + li { margin-left: 2em; }


/* ---------------------------------------------------------------------------------------------
	hoken.html - 保険募集指針
---------------------------------------------------------------------------------------------*/

#hoken section { margin-bottom: 4em; line-height: 2; }
#hoken .box { background: #F5F5F5; border-radius: 5px; padding: 1.5em; }
/*#hoken .box { border: 1px solid #ccc; padding: 1em; }*/
#hoken .box_contact { background: #DBF0EA; border-radius: 5px; padding: 1.5em; }

/* ---------------------------------------------------------------------------------------------
	enkatsu.html - 金融円滑化への取組み
---------------------------------------------------------------------------------------------*/

#enkatsu section { margin-bottom: 3em; }
#enkatsu .important_list { margin-left: .5em; }
@media screen and ( max-width:670px ) {
	#enkatsu .important_list li { text-indent: -1.3em; margin: 0 0 .8em 1em; }
	#enkatsu .important_list .date::after { content: "\A"; white-space: pre; }
}


/* ---------------------------------------------------------------------------------------------
	cs.html - お客様のために
---------------------------------------------------------------------------------------------*/

#cs section { margin-bottom: 4em; }
#cs .table02 { width: auto; }
#cs .table02 th, #cs .table02 td { padding: 1.5em 1.5em; }

/* ---------------------------------------------------------------------------------------------
	kinyuu_hanbai.html - 金融商品に係る勧誘方針
---------------------------------------------------------------------------------------------*/

#kinyuu_hanbai h3 { font-size: 1.2em; color: #096; }
#kinyuu_hanbai .kinhanbox { background: #f5f5f5; border-radius: 7px; padding: 1em; margin-bottom: .5em; }

/* ---------------------------------------------------------------------------------------------
	furikome.html - 振り込め詐欺救済法について
---------------------------------------------------------------------------------------------*/

#furikome .table01 { width: auto; }
#furikome .table01 th { background: #f0f0f0; }

@media screen and ( max-width:670px ) {
	#furikome .table01 { width: 100%; }
	#furikome .table01 th, #furikome .table01 td { display: block; }
	#furikome .table01 th, #furikome .table01 td { border-bottom: none; }
	#furikome .table01 tr:last-child td { border-bottom: 1px solid #ccc; }
}


/* ---------------------------------------------------------------------------------------------
	disc.html - ディスクロージャー
---------------------------------------------------------------------------------------------*/

#disc .report1, #disc .report2 { display: flex; }
#disc .disc_img { text-align: center; }
#disc .disc_img figcaption { background: linear-gradient(#F5F5F5, #fff); border: 1px solid #096; border-radius: 5px; padding: .5em; margin-top: .8em; }
#disc .disc_img img { width: 100%; border: 1px solid #ccc; }

@media screen and ( max-width:670px ) {
	#disc [class^="report"] { flex-wrap: wrap; }
	#disc .disc_img { width: 100%; margin-bottom: 2em; }
}

@media screen and ( min-width:671px ), print {
	#disc .disc_img { width: 280px; margin-right: 1em; }
}


/* ---------------------------------------------------------------------------------------------
	houkoku.html - 会員の皆様へ
---------------------------------------------------------------------------------------------*/

#houkoku .flexbox { display: flex; }
#houkoku .houkoku_img { text-align: center; }
#houkoku .houkoku_img figcaption { background: linear-gradient(#F5F5F5, #fff); border: 1px solid #096; border-radius: 5px; padding: .5em; margin-top: .8em; }
#houkoku .houkoku_img img { width: 100%; border: 1px solid #ccc; }

@media screen and ( max-width:670px ) {
	#houkoku .flexbox { flex-wrap: wrap; }
	#houkoku .houkoku_img { width: 100%; margin-bottom: 2em; }
}

@media screen and ( min-width:671px ), print {
	#houkoku .houkoku_img { width: 280px; margin-right: 1em; }
}


/* ---------------------------------------------------------------------------------------------
	service_davidcard.html - デビットカードサービス
---------------------------------------------------------------------------------------------*/

#service_davidcard .box { display: flex; justify-content: center; text-align: center; position: relative; }
#service_davidcard .box figure img { width: 100%; }
#service_davidcard .box figure figcaption { margin-top: 1em; }
#service_davidcard .box figure:nth-child(1) img { width: auto; height: 300px; }
#service_davidcard .box figure:nth-child(2) img { width: auto; height: 300px; }

@media screen and ( max-width:670px ) {
	#service_davidcard .box { width: 95%; display: inherit; margin: 0 auto; }
	#service_davidcard .box figure:nth-child(1) img { width: 100%; height: auto; }
	#service_davidcard .box figure:nth-child(2) img { width: 100%; height: auto;}
}


/* ---------------------------------------------------------------------------------------------
	kinri.html - 金利一覧
---------------------------------------------------------------------------------------------*/

#kinri [class*="table00_kinri"] { margin-bottom: 1em; }
#kinri [class*="table00_kinri"] th { color: #666; background: #f5f5f5; }

#kinri .kinri-table2 { width: 100%; table-layout: fixed; margin-bottom: .5em; }
#kinri .kinri-table2 th, #kinri .kinri-table2 td { border: 1px solid #ccc; padding: .5em; }
#kinri .kinri-table2 th { color: #666; background: #f8f8f8; }
#kinri .kinri-table2 tr:first-child th:first-child { color: #fff; background: #8bd2c4; }
#kinri .kinri-table2 tr:first-child th { background: #DBF0EA; }
#kinri .kinri-table2 td { text-align: right; }

@media screen and ( max-width:670px ) {
	#kinri [class*="table00_kinri"] { width: 100%; font-size: .8em; }
	#kinri [class*="table00_kinri"] th { width: 8.1em; }
	#kinri .table00_kinri2, #kinri .table00_kinri3 { table-layout: fixed; }
	#kinri .table00_kinri2 td:nth-child(2), #kinri .table00_kinri3 td:nth-child(2) { width: 35%; }
	#kinri .kinri-table2 { width: 670px; }
}

@media screen and ( min-width:671px ), print {
	#kinri [class*="table00_kinri"] br { display: none; }
	#kinri [class*="table00_kinri"] tr:first-child th { width: 120px; }
	#kinri .table00_kinri1 td { width: 120px; }
	#kinri .table00_kinri2 td:nth-child(1), #kinri .table00_kinri3 td:nth-child(1) { width: 240px; }
	#kinri .table00_kinri2 td:nth-child(2), #kinri .table00_kinri3 td:nth-child(2) { width: 120px; }
}

@media screen and ( max-width:1023px ) {
	#kinri .kinri-table2 tr:first-child th:first-child { width: 12em; }
}

@media screen and ( min-width:1024px ), print {
	#kinri .kinri-table2 tr:first-child th:first-child { width: 18em; }
}


/* ---------------------------------------------------------------------------------------------
	soudaikai.html - 総代会制度について
---------------------------------------------------------------------------------------------*/

#soudaikai th, #soudaikai td { padding: .5em; }
#soudaikai td:nth-child(1), #soudaikai td:nth-child(3), #soudaikai td:nth-child(4) { width: 6.5em; text-align: center; }


/* ---------------------------------------------------------------------------------------------
	profile1.html - びしんについて
---------------------------------------------------------------------------------------------*/

#profile1 div.photo { display: flex; justify-content: center; }
#profile1 div.photo figure + figure { margin-left: 1em; }
#profile1 div.photo img { width: 100%; }

#profile1 .profile_menu { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; }

#profile1 .profile_menu a {
	position: relative;
	width: 31%;
	color: #666;
	background: #def0ea;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: solid 4px #5bb190;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	line-height: 1;
	padding: 3%;
	margin: 0 1% 3% 1%;
}

#profile1 .profile_menu a:hover {
	color: #fff;
	background: #7cc0aa;
	border-bottom: solid 4px #609187;
	transform: translateY(4px);
	transition: .6s;
}

#profile1 .profile_menu a::before {
	position: relative;
    display: block;
	color: #5bb190;
    font-family: "Font Awesome 5 Free";
    /* transform: scale(1.2); */
    font-size: 6em;
    font-weight: 900;
	margin-bottom: 8%;
	transition: .6s;
}

#profile1 .profile_menu a:hover::before { color: #fff; transition: .6s; }

#profile1 .profile_menu a[href^="profile2"]::before { content: "\f328"; }
#profile1 .profile_menu a[href^="profile3"]::before { content: "\f4be"; }
#profile1 .profile_menu a[href^="profile4"]::before { content: "\f508"; }
#profile1 .profile_menu a[href^="profile5"]::before { content: "\f19c"; }
#profile1 .profile_menu a[href^="soudaikai"]::before { content: "\f0c0"; }
#profile1 .profile_menu a[href^="jimu_center"]::before { content: "\f1ad"; }

@media screen and ( max-width:670px ) {
	#profile1 section { margin-bottom: 2em; }
	#profile1 .profile_menu { width: 100%; }
	#profile1 .profile_menu a { width: 48%; font-size: .7em; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#profile1 .profile_menu { width: 100%; }
	#profile1 .profile_menu a { font-size: 1.8vw; }
}

@media screen and (min-width: 1024px), print {}

@media screen and ( min-width:671px ), print {
	#profile1 section { margin-bottom: 4em; }
}

/* ---------------------------------------------------------------------------------------------
	profile2.html - びしんの概要
---------------------------------------------------------------------------------------------*/

/*#profile2 figure { max-width: 597px; }*/
/*#profile2 figure { width: 100%; }*/
#profile2 img { width: 100%; }
#profile2 .flex div + div { margin-left: 2em; }

#profile2 #Bank_Profile .flex { justify-content: space-between; }
#profile2 #Bank_Profile .flex > div:nth-child(1) figure { width: 234px; }
#profile2 #Bank_Profile figure figcaption { font-size: .95em; text-align: center; }

#profile2 table { border-collapse: separate; border-spacing: 0px 8px; }
#profile2 table tr { padding-bottom: 8px; }
#profile2 table th, #profile2 table td { vertical-align: middle; padding: .5em; }
#profile2 table th { width: 8em; margin-bottom: 10px; }
#profile2 table th { background: #DBF0EA; white-space: nowrap; }
#profile2 table td { border-bottom: 2px dotted #DBF0EA; margin-bottom: 10px; }

#profile2 #Philosophy figure { max-width: 597px; margin: 0 auto; }

#profile2 #Bank_song .flex { justify-content: space-between; }
#profile2 #Bank_song .lyrics p { line-height: 2.4; }
#profile2 #Bank_song .videobox .video { width: 100%; }

#profile2 .videobox figure { position: relative; width: 100%; height: 0px; padding-top: 56.25%; }

#profile2 .videobox figure figcaption { text-align: center; margin-top: 5px; }
#profile2 .videobox figure iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

#profile2 #Band figure { min-width: 301px; }
#profile2 #history table { width: 100%; }

@media screen and ( max-width:670px ) {
	#profile2 .flex { display: inherit; }
	#profile2 .flex div + div { margin: 0; }
/*	#Bank_Profile .flex > div:nth-child(1) figure { max-width: 234px; margin: 0 auto; }*/
	#profile2 #Bank_Profile .flex > div:nth-child(1) figure { width: 100%; }
	#profile2 #Bank_Profile .flex > div:nth-child(1) figure img { width: 100%; }
	#profile2 table th { width: 6em; }
	#Bank_song .lyrics { text-align: center; margin-bottom: 2em }
	#profile2 .videobox div { width: 100%; }
}

@media screen and ( min-width:671px ), print {
	#Bank_song .flex > div:nth-child(2) { width: 50%}
	#profile2 #Band figure { margin-left: 1em; }
}

/* ---------------------------------------------------------------------------------------------
	profile3.html - びしんの経営方針
---------------------------------------------------------------------------------------------*/

#profile3 dt { color: #c00; }
#profile3 dt::before { content: "■"; }
#profile3 dd { display: list-item; margin: 0 0 1em 2.5em; }

/* ---------------------------------------------------------------------------------------------
	profile4.html - びしんの職場づくり
---------------------------------------------------------------------------------------------*/

#profile4 table th { width: 8em; color: #666; background: #f5f5f5; }

@media screen and ( max-width:670px ) {
	#profile4 .table01 { width: 100%; }
	#profile4 .table01 th, #profile4 .table01 td { width: 100%; display: block; }
	#profile4 .table01 th, #profile4 .table01 td { border-bottom: none; }
	#profile4 .table01 tr:last-child td { border-bottom: 1px solid #ccc; }
}

/* ---------------------------------------------------------------------------------------------
	profile5.html - びしんブランド
---------------------------------------------------------------------------------------------*/

#profile5 .text-box > div { background: #FFEEEE; border: 1px #FFB3B3 solid; padding: 10px; }
#profile5 .threebeans_info { width: 95%; display: flex; justify-content: space-between; margin: 0 auto; }
#profile5 .threebeans_info > div { width: 24%; }
#profile5 .threebeans_info a, #profile5 .threebeans_info button { width: 100%; }
#profile5 .threebeans_info img { width: 100%; }

@media screen and ( max-width:670px ) {
	#profile5 .symbol br { display: none; }
	#profile5 .text-box > div { margin-bottom: 1em; }
	#profile5 .threebeans_info { flex-wrap: wrap; }
	#profile5 .threebeans_info a { width: 49%; margin-bottom: 2%; }
}

@media screen and ( min-width:671px ), print {
	#profile5 .text-box { display: flex; }
	#profile5 .text-box > div { width: 33.3%; }
	#profile5 .text-box > div + div { margin-left: 8px; }
}

/* ---------------------------------------------------------------------------------------------
	jimu_center.html - 事務センター施設のご案内
---------------------------------------------------------------------------------------------*/

#jimu_center figure { width: 100%; text-align: center; }
#jimu_center img { max-width: 100%; }

@media screen and ( max-width:670px ) {
	#jimu_center .flex { display: inherit; }
}
@media screen and ( min-width:1024px ), print {
	#jimu_center #section3 figure { width: 220px; margin-right: 1.5em; }
	#jimu_center #section3 .text { width: 75%; }
}

/* ---------------------------------------------------------------------------------------------
	community.html - 地域とともに
---------------------------------------------------------------------------------------------*/

#community .community_menu { display: flex; justify-content: space-between; flex-wrap: wrap; color: #333; }
#community .community_menu a { /*width: 49.5%;*/ width: 100%; color: #333; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; list-style: none; padding: .8em; margin-bottom: 10px; }
#community .Ttl03 { font-size: 1.2em; }

/* ---------------------------------------------------------------------------------------------
	community1.html - 地域貢献活動
---------------------------------------------------------------------------------------------*/

#community1 figure { width: 95%; margin: 1em auto 0 auto; }
#community1 img { width: 100%; }

/* ---------------------------------------------------------------------------------------------
	community5.html - 中小企業の経営支援に関する取組み
---------------------------------------------------------------------------------------------*/

#community5 dl { counter-reset: number; }
#community5 dt { position: relative; font-size: 1.2em; font-weight: bold; padding-left: 1.5em; margin-bottom: .2em; }
#community5 dt:before { position: absolute; counter-increment: number; content: counter(number) "."; left: 0; top: 50%; display: inline-block; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#community5 dd { margin: 0 0 2em 1em; }

/* ---------------------------------------------------------------------------------------------
	campaign.html - キャンペーン情報
---------------------------------------------------------------------------------------------*/

.campaign_box { border: 1px #ccc solid; padding: 1em; }
.campaign_box + .campaign_box { margin-top: 1em; }
.campaign_box .duration { color: #c00; text-indent: -.5em; }
.campaign_box .text { width: 70%; }
.campaign_box > div { display: flex; justify-content: space-between; }
.campaign_box figure { width: 320px; border: 1px solid #ccc; margin: 0 0 0 1em; }
.campaign_box figure img { width: 100%; height: auto; }
.campaign_box figure:hover { opacity: 1; animation: flash 0.6s ease 0s  alternate; }

@media screen and ( max-width:670px ) {
	.campaign_box .text { width: 100%; }
	.campaign_box > div { display: inherit; }
	.campaign_box figure { max-width: 100%; margin: 1em auto 0 auto; text-align: center; }
}

/* ---------------------------------------------------------------------------------------------
	hosyou.html - 預金等の不正な払戻し被害が発生した場合の補償について
---------------------------------------------------------------------------------------------*/

#hosyou .text-area p { margin-bottom: 1.5em; }
#hosyou .details { text-align: center; }
#hosyou .details p { display: inline; background: #f5f5f5; border-radius: 5px; padding: .5em 1em; }
#hosyou .details a { background: #f5f5f5; }

@media screen and ( max-width:670px ) {
	#hosyou .details p { font-size: .9em; }
}

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

#hansy ol { background: #f5f5f5; border-radius: 7px; padding: 1.5em 1.5em 1.5em 2.5em; }

/* ---------------------------------------------------------------------------------------------
	contact.php - お問い合わせ
---------------------------------------------------------------------------------------------*/

/*#contact dt { color: #006699; font-weight: bold; }*/
#contact dd { margin: 0 0 4em 0; }

.contact_table { width: 100%; margin-bottom: 1.5em; }
.contact_table th, .contact_table td { border: 1px solid #ccc; vertical-align: middle; padding: .5em 1em; }

.contact_table input[name="name1"],
.contact_table input[name="name2"],
.contact_table input[name="mail"] { width: 40%; }

.contact_table input[name="tel1"],
.contact_table input[name="tel2"],
.contact_table input[name="tel3"],
.contact_table input[name="post1"],
.contact_table input[name="post2"] { width: 6em; }

.contact_table input[name="address2"] { width: 50%; }
.contact_table input[name="address3"] { width: 50%; }
.contact_table textarea[name="message"] { width: 100%; }

@media screen and ( max-width:670px ) {
	.contact_table input[name="mail"] { width: 100%; }
	.contact_table th, .contact_table td { display: block; border-bottom: none; }
	.contact_table tr:last-child td { border: 1px solid #ccc; }
}


/* ----- お問い合わせ ----- */

.contact_table, .post_table { width: 100%; margin: 0 auto; }
.contact_table th, .post_table th { width: 15em; background: #f8f8f8; text-align: left; }
.contact_table tr:last-child th { /*padding: 0 35px 0 65px;*/ }

.contact_table th, .contact_table td,
.post_table th, .post_table td {
	border: 1px solid #b5b5b6;
	vertical-align: middle;
	padding: .5em;
}

.contact_table input, .contact_table textarea, .contact_table select {
/*	width: 100%;*/
	border: 1px #ccc solid;
	border-radius: 5px;
/*	padding: 5px;*/
	margin: 3px;
}

.contact_table select { width: auto; }
.contact_table .space {
/*	width: 6.5em;*/
	width: 87px;
	display: inline-block;
}
.contact_table [name*="quantity"] { width: auto; margin-left: 0; }
.contact_table [type*="checkbox"] { width: auto; }

.contact_table .required::before,
.contact_table .optional::before {
	font-size: 11px;
	font-weight: 700;
	border-radius: 3px;
	vertical-align: 2px;
	border: 1px solid;
	margin-right: 1.5em;
	padding: 2px 4px;
}

.contact_table .required::before {
	content: "必須";
	background: #39AC87;
	color: #fff;
	border-color: #39AC87;
}

.contact_table .optional::before {
	content: "任意";
    background: #fff;
	border-color: #ccc;
}

@media screen and ( max-width:670px ) {
	.contact_table th, .contact_table td, .post_table th, .post_table td { display: block; width: 100%; }
	.contact_table th, .post_table th { border-bottom: none; }
	.contact_table td, .post_table td { border-width: 1px 1px 0px 1px; }
	.contact_table tr:last-child td, .post_table tr:last-child td { border-width: 1px; }
/*	.contact_table tr:last-child th { padding: 15px; }*/
	.contact_table tr:last-child th br { display: none; }
	.contact_table select { width: inherit; }
	.contact_table [name*="quantity"] { width: inherit; }
	.contact_table .open_button { display: block; text-align: right; margin-bottom: 0px;}
}


/* ---------------------------------------------------------------------------------------------
	event.html - イベント
---------------------------------------------------------------------------------------------*/

#event section { margin-bottom: 3em; }
#event .no_event { text-align: center; margin: 4em 0 4em 0; }
/*#event .eventbox h5 { font-size: 1.4em; font-weight: normal; line-height: 1.4; background: linear-gradient(transparent 60%, #DBF0EB 60%); padding: 0 0 0 .5em; margin-bottom: .5em;}*/
#event .eventbox h5 { font-size: 1.1em; font-weight: normal; background: #f0f0f0; border-radius: 4px; padding: .6em 1em .5em 1em; margin-bottom: 1em;}
#event h5.new::after { display: inline-block; content: "NEW"; text-decoration: none; color: #fff; background: #d00; font-size: .6em; font-weight: bold; line-height: 1; padding: 0.3em 0.5em 0.1em 0.5em; position: relative; bottom: 2px; margin-left: 5px; animation: newAnime .7s infinite alternate; }
#event .info { margin-bottom: 4em; }
#event .eventbox .eventinbox1 { margin: 0 1em; }
#event .eventbox .eventinbox2 th { font-weight: normal; }

@media screen and ( max-width:670px ) {
	#event .event-contents li { text-indent: -1.3em; margin: 0 0 .8em 1.5em ; }
	#event .event-contents .date::after { content: "\A"; white-space: pre; }
	#event .info { text-align: center; }
	#event .eventbox .flex { display: inherit; }
	#event .eventbox .eventinbox1 { margin: 1em 0 1em 0 ; }
	#event .eventbox figure { width: 100%; text-align: center; }
	#event .eventbox figure img { max-width: 100%; }
	#event .eventbox .eventinbox2 th { white-space: nowrap; }
}

@media screen and ( min-width:671px ), print {
	#event .info { text-align: right; }
	#event .eventbox figure img { width: 150px; }
	#event .eventbox .eventinbox2 th { padding-right: 1em; }
}

/* ---------------------------------------------------------------------------------------------
	seminar.html - セミナー・経営情報のご案内
---------------------------------------------------------------------------------------------*/

#seminar .no_seminar { text-align: center; margin: 4em 0 4em 0; }

@media screen and ( max-width:670px ) {
	#seminar section li { margin-bottom: .8em; }
	#seminar .date::after { content: "\A"; white-space: pre; }
}


/* ---------------------------------------------------------------------------------------------
	electronic_payment.html - 信用金庫電子決済等代行業者との連携及び協働に係る方針
---------------------------------------------------------------------------------------------*/

#electronic_payment section { margin-bottom: 3em; }


/* ---------------------------------------------------------------------------------------------
	qa.html - よくある質問
---------------------------------------------------------------------------------------------*/

.accbox { width: 100%; height: 100%; z-index: 10; background: white; overflow: hidden; }
.accbox input { display: none; }

@media screen and (max-width: 599px) { .accbox { max-width: 100%; } }

.accbox > div {
  display: block;
  position: relative;
/*  padding: 0 0 0 35px;*/
  border-bottom: 1px solid white;
/*  background-color: #e6e6e6;*/
  color: black;
}

.accbox > div input + label {
	border: 1px solid #fff;
	cursor: pointer;
	display: block;
	padding: 7.5px 15px;
/*  background: #a2c0c6;*/
	-webkit-transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
	transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
	color: #096;
/*	text-decoration: underline;*/
}

.accbox label::before {
    color: #096;
/*	font-family: "Font Awesome 5 Brands";*/
/*    content: "\f2c4 .";*/
	font-family: 'Bookman Old Style';
	font-weight: 900;
	content: "\Q.";
	font-size: 1em;
    text-indent: 1em;
/*    margin: 0 0.3em 0 -1.6em;*/
	vertical-align: 0px;
	text-decoration: none;
	margin-right: 5px;
}

.accbox > div input ~ div {
	visibility: hidden;
	max-height: 0;
	padding: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s, opacity 0.25s ease 0s, padding 0s ease 0s;
	transition: all 0.5s ease 0s, opacity 0.25s ease 0s, padding 0s ease 0s;
}
.accbox > div input ~ div .content {
	background: #f5f5f5;
	padding: 15px;
}
.accbox > div input:checked + label {
	background: #b5e1d5;
	border: 1px solid #b5e1d5;
	-webkit-transition: background .5s ease 0.5s, border .5s ease 0.5s;
	transition: background .5s ease 0.5s, border .5s ease 0.5s;
	color: #000;
	text-decoration: none;
}
.accbox > div input:checked ~ div {
	display: block;
	opacity: 1;
	visibility: visible;
	max-height: 2000px;
/*	padding: 15px 0;*/
	-webkit-transition: all 0.5s ease 0s, opacity 0.25s ease 0s, padding 0s ease 0s;
	transition: all 0.5s ease 0s, opacity 0.25s ease 0s, padding 0s ease 0s;
}

.accbox h4 { color: #096; margin-bottom: .5em; }

.accbox h4::before {
	color: #096;
	font-family: 'Bookman Old Style';
    content: "A.";
	font-size: 1em;
    text-indent: 1em;
/*    margin: 0 0.3em 0 -1.6em;*/
	vertical-align: 0px;
	text-decoration: none;
	margin-right: 5px;
}

.accbox .link {
	color: #096;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.accbox .link:hover { text-decoration: none; }


/* ---------------------------------------------------------------------------------------------
	holyday.html - 年末・年始の営業のご案内
---------------------------------------------------------------------------------------------*/

.holyday { width: 100%; }

.holyday th {
	background: #F1F1F1;
	vertical-align:middle;
	white-space: nowrap;
	border: 1px #CCC solid;
	padding: 1em 1em;
}

.holyday td {
	border: 1px #CCC solid;
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	padding: 0.5em 1em;
}

.holyday span { color: #CC0000; }

.redb {
	color: #CC0000;
	font-weight: 700;
}

.holyday-none { display: none; }

@media screen and ( max-width:800px ) {
	.holyday {
		display: flex;
		overflow-x: scroll;
	}
	.holyday-none { display: inline; }
}

/* ---------------------------------------------------------------------------------------------
	sitemap.html - サイトマップ
---------------------------------------------------------------------------------------------*/

#sitemap .sitemap_flex { display: flex; justify-content: space-around; }
#sitemap [class*="sitemap_column"] { margin-bottom: 4em; }
#sitemap [class*="sitemap_column"] > div { margin-bottom: 2em; }
#sitemap [class*="sitemap_column"] > div > ul { margin-left: 1em; margin-bottom: 4em; }
#sitemap [class*="sitemap_column"] > section > ul { margin-left: 1em; }
#sitemap li { list-style: none; text-indent: -1em; margin-left: 1em; }
#sitemap li::before { font-family: "Font Awesome 5 Free"; content: "\f0da"; color: #60A578; font-size: 1.1em; font-weight: 900; margin-right: .5em; }
#sitemap li li { margin-left: 1.3em; }
#sitemap li li::before { color: #9FC9AE; }
#sitemap li li li::before { color: #CFE4D6; }
#sitemap section { margin-bottom: 2em; }
.map_lists { column-count: 2; column-gap: 3%; }
.map_lists div { break-inside: avoid;  }
.map_lists > div { margin-bottom: 3em; }
.map_lists ul { margin: 0 0 1.5em 1em; }
.map_lists ul ul { margin-left: 0; }

@media screen and ( max-width:670px ) {
	.map_lists { column-count: 1; }
	.map_lists > div { margin-bottom: 2em; }
}