@charset "utf-8";
/*------------------------------*/
/* Reset */
/*------------------------------*/
/*
デフォルトフォントサイズはbootstrapのrebootで定義されている「1rem = 16px(ブラウザデフォルトサイズ)」
以下個別文字サイズ指定の数値を記載
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1.0rem
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
32px = 2.0rem
48px = 3.0rem
*/
html, body, header, main, footer {
	background-color: #ffffff;
}
ul {padding: 0;}
ul, li, dl, dt, dd {list-style: none;}
ol, ul, dl {margin-bottom: 0;}
input, select {
    font-size: 1.0rem;
    padding: 0.5rem 1.0rem;
}
h1, h2, h3, h4, h5, h6,
p, i, span, a {
	margin-bottom: 0;
}
td a {
	overflow-wrap: anywhere;
}

input[type=checkbox] {
    transform: scale(2) !important;
}

/*------------------------------*/
/* Bootstrap5のCSS追記 */
/*------------------------------*/

/*Position*/
.translate-middle {
    transform: translate(-50%,-50%)!important;
}
.start-50 {
    left: 50%!important;
}
.top-50 {
    top: 50%!important;
}

/*画面幅フル*/

/*------------------------------*/
/* 印刷用改ページ */
/*------------------------------*/

/*------------------------------*/
/* Color Theme */
/*------------------------------*/
.tyGreen {color: #449042!important;}
.cRed    {color: #dd0033!important;}
.cGreen  {color: #009030!important;}
.cOrange {color: #ff9800!important;}
.cPink   {color: #ed6268!important;}
.cDGray  {color: #777777!important;}
.cLGray  {color: #dddddd!important;}
.cLBlack  {color:#5c5c60!important;}
.cWhite  {color: #ffffff!important;}

/* Gradient */
.nav-item.active {
	background: #0eb844; /* Old browsers */
	background: -moz-linear-gradient(left,  #0eb844 0%, #007733 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0eb844 0%,#007733 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0eb844 0%,#007733 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb844', endColorstr='#007733',GradientType=1 ); /* IE6-9 */
}

/* Back Ground Color */
.bg_cGreen {
	background-color: #009030!important;
}
.bg_cPGreen {
	background-color: #e3efe2!important;
}
.bg_cPGreen {
	background-color: #E3EFE2!important;
}
.bg_cOrange {
	background-color: #ff9800!important;
}
.bg_cWhite {
	background-color: #ffffff!important;
}
.bg_cLightGreen {
	background-color: #dcf1e6!important;
}
.bg_cLightYellow {
	background-color: #ffffe4!important;
}
.bg_cLightYellow{
	background-color: #ffffcf !important;
}
/* Bootstrap Back Ground Color */
.bg-light {
	background-color: #eeeeee!important;
}

/*白グラデマスク*/

/* 角丸 */
.bdr_10{
	border-radius: 1rem;
}
/* チェックマーク */
.check_orange{
	position: relative;
	padding-left: 2.5rem;
}
.check_green{
	position: relative;
	padding-left: 2.5rem;
}
.check_orange::before{
	content: "";
	position: absolute;
	display: block;
	width: 28px;
	height: 100%;
	background-image: url("../../../_img/_common/icon/img_icon_checkpoint_orange.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
}

.check_green::before{
	content: "";
	position: absolute;
	display: block;
	width: 28px;
	height: 100%;
	background-image: url("../../../_img/_common/icon/img_icon_checkpoint_green.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
}
/*------------------------------*/
/* Max width */
/*------------------------------*/

/*------------------------------*/
/* Font Face */
/*------------------------------*/
.ff_roboto {
	font-family: 'Roboto Condensed', sans-serif;
}
/* Numeric */
.ff_oswald {
	font-family: 'Oswald', sans-serif;
}
.ff_poppins{
	font-family: 'Poppins', sans-serif;
}
.ff_babesneue {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400 !important;
  	font-style: normal;
}
.ff_line_seed {
    font-family: "LINESeedJPStd", sans-serif!important;
}
.text_calc_15{
	font-size: calc(100vw / 15);
}

/*------------------------
text
-------------------------*/
.letter_spacing_lg{
	letter-spacing: 1rem;
}

.letter_spacing_sm{
	letter-spacing: .2rem;
}

.line_height_sm{
	line-height: 1.5;
}


/*------------------------------*/
/* Boot strap + */
/*------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #777777;
}
body#site_top .d-site_top-none {
	display: none!important;
}
figure {margin-bottom: 0;}
.mb-contentSpace {margin-bottom: 3.75rem!important;}
.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
table {
	min-width: 260px;
}
.font-weight-midium {
  font-weight: 500 !important;
}
span[data-toggle="tooltip"] {
	cursor: pointer;
	text-decoration: underline;
}
.dropdown-item:hover, .dropdown-item:focus {
	background-color: #e3efe2;
}

/*------------------------------*/
/* Boot strap Carousel */
/*------------------------------*/

/*------------------------------*/
/* General */
/*------------------------------*/
html {
	height: 100%;
}
body {
	background-color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	height: 100%;
}
header {
	background-color: #ffffff;
	font-family: "Noto Sans JP";
    -webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
main {
	background-color: #ffffff;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    position: relative;
	margin-top: 70px;
	overflow-x: hidden;
}
footer {
	background-color: #ffffff;
	/*margin-top: 3rem;*/
}
footer * {
	font-family: "Noto Sans JP";
    -webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
a, a * {
	color: #777777;
}
a:hover, a:hover * {
	color: #22aa33;
}
.card > a:hover, .card > a:hover * {
	text-decoration: none;
}

/*------------------------------*/
/* Carousel Parts */
/*------------------------------*/

/*------------------------------*/
/* Header */
/*------------------------------*/
/*header.fixed-top, header div.container {
	height: 60px;
}*/
header {height: 70px;}
.personal header .dropdown-toggle {
	margin-top: 0.5rem;
}
header div.container {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*------------------------------*/
/* TagPlus BugFix */
/*------------------------------*/

@media (max-width: 575px) {header .site_logo .navbar-brand {padding: 0;}}
header .site_logo .navbar-brand img {
	max-height: calc(70px - 1.0rem);
}
header ul.navbar-search > li.site_logo {
	max-width: 45vw ;
	padding-left: 15px;
}
header ul.navbar-search > li:not(.site_logo) {
	min-width: 2.0rem;
	width: calc(50vw / 4);
	padding: 2px 8px;
}
header ul.navbar-search > li.btn_toggle {
	/*width: calc(1.5em + (0.5em * 2));*/
	width: calc(100vw - (45vw + ((50vw / 4) * 3)));
	/*margin-right: 10px;*/
}
header ul.navbar-search > li:not(.site_logo) a img {
	max-width: 100%;
	height: calc(70px - 2.0rem);
	margin: auto;
	display: block;
}
header ul.navbar-search > li:not(.site_logo) a {
	font-size: 0.6rem;
	text-align: center;
	max-width: calc(100vw / 12);
	display: block;
}
header button.navbar-toggler {
	width: calc(1.5em + (0.5em * 2));
	height: calc(1.5em + (0.5em * 2));
	/*position: absolute;
	top: -48px;
	right: 0;*/
	padding: 0.5rem;
}
nav.navbar {
	background-color: #ffffff;
	position: absolute;
	width: 100vw;
	padding: 0rem;
	top: 80px;
}
@media (max-width: 575px) { nav.navbar { top: 70px; } }
nav.navbar #navbarSupportedContent {
	overflow: auto;
	height: 100vh;
}
nav.navbar #global_nav_personal {
	padding: 0rem;
}
nav.navbar .nav-link{
	padding: 0.75rem 1.0rem;
}
nav.navbar .nav-item {
	padding: 0.5rem 1.0rem;
}
nav.navbar .active > .nav-item,
nav.navbar .nav_level_0.nav-item {
	padding-left: 0;
	padding-right: 0;
}
.navbar-light .navbar-toggler {
	border: none;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(81,144,67,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
header nav.navbar a, header nav.navbar a *,
.navbar-light .navbar-nav .nav-link {
	color: #777777;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}
/*nav.navbar .active {
	background: #009030;
}*/
nav.navbar .nav-item {
	border-top: #dddddd 1px solid;
}
nav.navbar .active .nav-item {
	border-top: #ffffff 1px solid;
}
#global_nav_personal .nav_personal_top,
#global_nav_personal .nav_business_top {
	background-color: #e3efe2;
	padding: 1.25rem 0;
}
header nav.navbar .dropdown-menu {
	border: none;
}
li.site_logo {
	padding-right: 0;
}
li.site_logo a.navbar-brand {
	max-width: 220px;
	line-height: calc(70px - 1.0rem);
}
#site_top .navbar-search li.btn_search {
	margin-right: 15px;
}
.navbar-nav li:last-child {
	border-bottom: #dddddd 1px solid;
}
.personal .btn_header_business a,
.business .btn_header_personal a {
	color: #333333;
	background: #99dd3f;
	opacity: 0.3;
}
.personal .btn_header_business a *,
.business .btn_header_personal a * {
	color: #333333;
}
.personal .btn_header_personal a:hover,
.business .btn_header_business a:hover {
	/*background: #99dd3f;*/
	opacity: 0.5;
}
header a, header a *, header a:hover, header a:hover * {
	text-decoration: none;
}
#global_nav_personal {
	width: 100%;
}
.freedial {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 2.5rem;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	padding-left: 2.5rem;
	background: url("../../../_img/_common/img_icon_freedial.svg") no-repeat left center;
	background-size: 2.0rem auto;
	width: 100%;
	height: 3.2rem;
	line-height: 3.2rem;
	/*text-align: center;*/
	display: block;
}
header .contact_tel {
	width: 80%;
}
.ct_contact .contact_tel {
	width: 100%;
	max-width: calc(80% + (15px * 2));
}
.contact_tel {
	padding: 0 0 2.0rem;
	margin: 2.0rem auto 0;
}
.contact_tel > p.icon_contact {
	text-align: center;
}
.contact_tel dl {
	width: 100%;
	margin: auto;
	padding: 0.25rem;
	background-color: #bbbbbb;
	border-radius: 0.2rem;
}
.contact_tel dt {
	width: 55%;
	line-height: 2.0rem;
	text-align: center;
	display: inline-block;
	font-weight: normal;
}
.contact_tel dd {
	background-color: #ffffff;
	width: 45%;
	height: 2.0rem;
	line-height: 2.0rem;
	margin: 0;
	display: inline-block;
	text-align: center;
}
.personal nav.navbar li.nav_level_0.nav-item {
	padding-top: 0.5rem;
}
/* ハンバーガーメニュー */
.fixed-top nav.navbar #navbarSupportedContent {
    height: calc(100vh - 70px);
	padding-bottom: 50px;
}
nav.navbar .dropdown-menu li:last-child{
	border-bottom: none;
}
body.fixed{
	overflow: hidden;
}
header nav.navbar .dropdown-toggle {
    margin-top: 0;
	padding: 1.25rem 1.0rem;
}
header nav.navbar .dropdown{
	padding: 0;
}
header nav.navbar .dropdown-menu{
	margin-top: 0;
	padding: 0;
}
header nav.navbar .dropdown-item{
	padding: 0.5rem 1.5rem;
}
header .navbar .nav-item,
header .navbar .dropdown-toggle{
	position: relative;
}
header .navbar .nav_level_0::after,
header .navbar .dropdown-menu .nav-item::after{
	position: absolute;
    content: '';
    width: 1.2rem;
    height: 100%;
    top: 0;
    right: 2%;
	background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;	
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23777777%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}
header .navbar .nav_personal_top.active::after,
header .navbar .nav_business_top.active::after{
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E);
}
/*------------------------------*/
/* Footer */
/*------------------------------*/
#footer_top {
	background-color: #dddddd;
	padding: 2rem 0;
}
#footer_bottom li p {
	font-size: 0.8rem;
}
.footer_banner img {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: auto;
}

/*------------------------------*/
/* Parts */
/*------------------------------*/
main {
	margin-top: 70px;
}
.container > section, .container > div {
	padding-top: 15px;
	padding-bottom: 15px;
}
.expand_content {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

/* Text Size */
.text_small_08 {
	/* common_miki.css内の#densai_top .annotationと同じ設定 */
	font-size: 0.8rem;
}
.fs_16{
	font-size: calc(16 * 0.0625rem) !important;
}
.fs_18{
	font-size: calc(18 * 0.0625rem) !important;
}
.fs_14{
	font-size: calc(14 * 0.0625rem) !important;
}
.fs_12{
	font-size: calc(12 * 0.0625rem) !important;
}
/* Text Link */
.text_link {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23777777%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.0rem auto;
	padding-left: 1.25rem;
	line-height: 2.5rem;
}
.text_link.cRed {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23dd0033%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}
.text_link:hover {
	background-position: 0.25rem center;
}

.ct_contact_body {
	background-color: #e3efe2;
}
/*.personal .ct_ibMenu, .business .ct_ibMenu .d-flex*/
/*.personal .ct_service .ct_ibMenu, .business .ct_service .ct_ibMenu .d-flex*/
.personal #page_bottom_bg {
	padding-bottom: 12.5rem;
}
.business #page_bottom_bg {
	padding-bottom: 12.5rem;
}
.badge_icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 7rem;
	height: 7rem;
	top: -1.0rem;
}
/*------------------------------*/
/* Parts:Line */
/*------------------------------*/
/* 打消し線 */
/*------------------------------*/
/* Parts:Badge Triangle */
/*------------------------------*/

/*------------------------------*/
/* Parts:BG Icon */
/*------------------------------*/
/*------------------------------*/
/* Parts:Eyecatch */
/*------------------------------*/
#page_eyecatch_header{
	padding: 1.5rem 1rem;
	background-color: #00913a;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 80%;
	max-height: 230px;
}
#page_eyecatch_header h1,#page_eyecatch_header h1 span {
	font-weight: bold;
}
#page_eyecatch_header p{
	margin-top: .5rem;
	max-width: 460px;
}
#loan_entry #page_eyecatch_header {
	background-image: url('../../../_img/_common/icon/img_icon_pc_phone_white.svg');
	background-blend-mode:soft-light;
}

#rate_loan #page_eyecatch_header {
	background-image: url('../../../_img/_common/icon/img_icon_rate_white.svg');
	background-blend-mode:soft-light;
}
#loan_soudan #page_eyecatch_header {
	background-image: url('../../../_img/_common/icon/img_icon_loan_soudan_white.svg');
	background-blend-mode:soft-light;
}
#help #page_eyecatch_header {
    background-image: url("../../../_img/_common/icon/img_icon_question.svg");
    background-blend-mode: overlay;
}
#loan_freeloan_shinkin #page_eyecatch_header{
	background-image: url("../../../_img/_common/icon/img_icon_loan_free_green.svg");
    background-blend-mode:screen;			
}
/* List */
.list_disc {
	padding-left: 1.0rem;
}
.list_disc > li {
	list-style: disc;
	list-style-position: inside;
	padding-left: 1.0rem;
    text-indent: -1.5rem;
	margin-bottom: 0.5rem;
}


/*------------------------------*/
/* Parts:Info List */
/*------------------------------*/
/*------------------------------*/
/* Parts:DropDown */
/*------------------------------*/
/*------------------------------*/
/* Parts:Fukidashi */
/*------------------------------*/

.fukidashi_right,
.fukidashi_bottom,
.fukidashi_left {
	position: relative;
}

.fukidashi_right::after,
.fukidashi_bottom::after,
.fukidashi_left::after {
    content: "";
    position: absolute;	
    display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
.bg_cPGreen.fukidashi_right::after {
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #e3efe2;
	top: calc(50% - 15px);
    right: -29px;
}
.bg_cPGreen.fukidashi_bottom::after {
	border-width: 30px 30px 0 30px;
	border-color: #e3efe2 transparent transparent transparent;
	left: calc(50% - 30px);
    bottom: -30px;
}
.box_bgWhite.fukidashi_bottom::after,
.bg_cWhite.fukidashi_bottom::after {
	border-width: 30px 30px 0 30px;
	border-color: #ffffff transparent transparent transparent;
	left: calc(50% - 30px);
	top: auto;
    bottom: -30px;
}
.box_bgWhite.fukidashi_left::after,
.bg_cWhite.fukidashi_left::after {
	border-width: 0px 30px 30px 30px;
	border-color: transparent #ffffff transparent transparent;
	top: calc(50% - 15px);
    left: -30px;
}
@media (min-width: 768px){
	.bg_cPGreen.fukidashi_md_left::after {
		border-width: 15px 30px 15px 0;
		border-color: transparent #e3efe2 transparent transparent;
		top: calc(50% - 15px);
		left: -30px;
	}
}
/*------------------------------*/
/* Parts:CMS */
/*------------------------------*/
/*------------------------------*/
/* Parts:Charactor */
/*------------------------------*/
/*------------------------
table
-------------------------*/
.table_cWhite th,
.table_cWhite td{
    background: #fff;
    color: #212529;
}

.table.td_left tr td{
	text-align: left;
}
/*------------------------------*/
/* Page Content Footer BG */
/*------------------------------*/
/* Personal */
.personal .content_footerBG1 {
	background: url("../../../_img/personal/_common/bg_footer_kakogawa_suido.jpg") no-repeat right bottom;
	background-size: contain;
}
.personal .content_footerBG2 {
	background: url("../../../_img/personal/_common/bg_footer_himeji_catsle.jpg") no-repeat right bottom;
	background-size: contain;
}
/* Business */
.business #page_bottom_bg {
	background: url("../../../_img/business/_common/bg_footer_business.jpg") no-repeat right bottom;
	background-size: contain;
}
/* Tanyo-Gallery */
/* Contribution */
/*------------------------------*/
/* Page */
/*------------------------------*/
/* Top Page */
/* Top Page */
/* Branch */
/* ATM */
/* ATM - Head */
/* Tanyo Gallery */
body[id^="gallery_"] li a:hover {
	text-decoration: none;
}
body[id^="gallery_"] li a:hover * {
	opacity: 0.8;
}
/* Contribution */
/* Loan - Common */
/* Loan Simurator */
#calReturn {
	display: none;
}
table.loan_sim th, table.loan_sim td {
	vertical-align: middle;
}
table.loan_sim input {
	display: inline-block;
}
input#rent_total, input#bonus_pay {
	margin-right: 0.25rem;
	max-width: calc(100% - 5.0rem);
	width: 8.0rem;
}
select#rent_Y, select#rent_M, select#bonus_M {
	margin-right: 0.25rem;
	max-width: calc(100% - 5.0rem);
	width: 8.0rem;
}
#calReturn table {
	margin-top: 1.0rem;
	width: 100%;
}
#calReturn caption {
	caption-side: top;
	background-color: #ffffff;
	font-size: 1.5rem;
	text-align: center;
}
#calReturn th {
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	font-weight: normal;
}
#calReturn th, #calReturn td {
	background-color: #ffffff;
	font-size: 1.25rem;
	border-top: #dddddd 1px solid;
	vertical-align: middle;
}
#calReturn td {
	padding: 0.5rem;
	color: #777777;
	font-size: 2.0rem;
	font-weight: 500;
	text-align: right;
	font-family: 'Oswald', sans-serif;
}
.loan_sim_notes {
	margin-top: 1.0rem;
	line-height: 2.0rem;
	padding: 0.5rem;
}
.loan_sim .errtxt {
	display: none;
	background: #ffcccc;
	border-radius: 0.2rem;
	padding: 0.5rem;
	margin-top: 0.5rem;
}

/* Loan - Tanyo Housing Loan */
/*#loan_tanyo_housing_loan .chara_right_m::after {
    background-image: url("../../../_img/_common/img_character_guide_m_green.png");
}*/

body[id^="loan_"] .table-responsive .table.th_w25,
body[id^="loan_"] .table-responsive .table .table {
	table-layout: auto;
	/*white-space: nowrap;*/
}
body[id^="loan_"] .td_left .text-center td {
	text-align: center;
}
body[id^="loan_"] .td_left .text-center th.table_cellPGreen {
	color: #777777;
}
body[id^="loan_"] .td_left .text-center th.table_cellPGreen span {
	margin-left: 1.0rem;
	text-indent: -1.0rem;
	display: inline-block;
}
/*---------------------
ローンページ　各ロゴ
----------------------*/
/*.img_loan_logo_mycar{
    bottom: 10px;
    left: 10px;	
}*/
/*------------------------
ローンページ　バッジ
-------------------------*/
/* Loan EntryPage */
.ct_privacy,
.ct_antisocial {
	overflow-y: scroll;
	height: 20.0rem;
}
.ct_privacy dl dt,
.ct_antisocial dl dt {
	width: 1.5rem;
	display: inline-block;
}
.ct_privacy dl dd,
.ct_antisocial dl dd {
	width: calc(100% - 2.0rem);
	display: inline-block;
}
#loan_entry .ct_privacy table,
#loan_entry .ct_antisocial table {
	table-layout: auto;
}
#loan_entry p.enabled {
	display: none;
}
p.disabled > a.btn {
	opacity: 0.5;
}
.ct_flow .badge_icon {
	top: -3.0rem;
	left: -0.5rem;
	font-size: 0.8rem;
	width: 6.0rem;
	height: 6.0rem;
}
#checkBox input[type="checkbox"] {
	margin-left: 0;
}
#checkBox input[type="checkbox"] + label {
	padding-left: 1.0rem;
}
.ERRMSG {
	text-align: left;
	background: #fdedf3;
	padding: 5px;
	margin-top: 8px;
	width: 98%;
}
.ERRBLANK {
	display: none;
}
/* Business Seminar */
a:hover .area {
	color: #009030;
}
a:hover .category {
	color: #ffffff;
}

/* Form */
/*------------------------
日曜相談会
-------------------------*/
.ct_consultation {
    background-color: #ed6268;
    background-image: radial-gradient(#ee7175 30%, transparent 30%), radial-gradient(#ee7175 30%, transparent 30%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}
.ct_consultation h3,
.ct_consultation h4,
.ct_consultation h5 {
	z-index: 20;
}
.ct_consultation h3::before,
.ct_consultation h3::after,
.ct_consultation h4::before,
.ct_consultation h4::after,
.ct_consultation h5::before,
.ct_consultation h5::after {
	content: "";
	position: absolute;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}
.ct_consultation h3::before,
.ct_consultation h4::before,
.ct_consultation h5::before {
	width: 51px;
	height: 91px;
	background-image: url("../../../_img/_common/img_consultation_item_01.svg");
	top: -10%;
	left: 5%;
}
.ct_consultation h3::after,
.ct_consultation h4::after,
.ct_consultation h5::after {
	width: 66px;
	height: 57px;
	background-image: url("../../../_img/_common/img_consultation_item_02.svg");
	top: 0;
	right: 0;
}
.ct_consultation p{
	line-height: 1.8;
	z-index: 20;
}

/*---------------------------------------------------------
　日曜相談会・お盆特別相談会（HP・LP共通）
---------------------------------------------------------*/
#loan_soudan a:hover{
	transform: scale(97%);
	transition: all .2s ease;
}

/* ご相談ください */
/* 色変更用 */
/* 色変更用 */
/* 色変更用 */
/* 日曜相談会・お盆特別相談会でできること */

/* 方眼紙 */
/* footer */
#loan_soudan #page_bottom_bg{
	background: unset;
	padding-bottom: 2.5rem;
}
/*------------------------
お問い合わせ
-------------------------*/

.ct_contact .ct_contact_body{
	background-color: #f6f6f6;
}

.ct_contact li:first-child{
	border-right:none;
}
.contact_tel .freedial,
.contact_tel .display-4{
	line-height: 1.2;
	letter-spacing: -0.1rem;
}	


/*-----------------
よろず相談所
------------------*/

/*----------------
よろず相談所とは？
----------------*/


/*-----------------
但陽信用金庫の概要
------------------*/

/*-----------------
困ったときは
-----------------*/

#help .ct_contact p.h4{
	font-size: 1.125rem;
	color: #616161;
}

#help .ct_contact span.h5{
	font-size: 1rem;
}

/*--------------
テレホンバンキング
------------*/

/*--------------
インターネットバンキング
------------*/

/*--------------
見出しつきボックス
---------------*/

.box_green{
	position: relative;
	border: 1px solid #00913a;
	border-radius: 10px;
	padding: 50px 10px 20px;
}
.box_yellow{
	border: 4px #FEED95 solid;
	position: relative;
	border-radius: 10px;
	padding: 50px 10px 20px;
}
.box_green .box_title,
.box_yellow .box_title{
	position: absolute;
	top:calc(-1.25em/2);
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

.box_green .box_title span,
.box_yellow  .box_title span{
	display: inline-block;
	background: #00913a;
	color: #fff;
	margin: auto;
	font-size: 1.25rem;
	border-radius: 50px;
	padding: 5px 20px;
}

.box_green table{
	font-size: 0.9rem;
}
.box_yellow{
	border: 4px #FEED95 solid;
}
#ctAction .box_title span{
	font-size: 1.5rem;
}

#ctAction .btn{
	box-shadow:  0.1rem 0.1rem 0.25rem rgb(0 0 0 / 20%);
}
.triangle_green_right::after{
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    border-left: 15px solid #00913a;
    border-top: 15px solid rgba(0,0,0,0);
    border-bottom: 15px solid rgba(0,0,0,0);
	margin: 0 10px;
}

/*----------------
吹き出し
-----------------*/

.bg_cPGreen.fukidashi_left::after {
	border-width: 15px 30px 15px 0;
	border-color:transparent #e3efe2 transparent transparent;
	top: calc(50% - 15px);
    left: -30px;
}

		
.personal .bg_img_loan,
.personal .bg_img_loan_02{
	background-repeat: no-repeat;
	background-position: bottom;
    background-size: contain;	
} 

.bg_img_loan .ff_oswald{
	line-height: 1;
}


.teble_loan_compare tr th:nth-child(2),
.teble_loan_compare tr td:nth-child(2){
	width: 8%;
}

.teble_loan_compare tr td:nth-child(2) span{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	white-space: nowrap;	
	font-feature-settings: normal;
	margin: 0;
}


/*-----------
マイカーローンカーライフプランWeb完結型
-------------*/

/*-----------
しんきんフリーローン
-------------*/
#loan_freeloan_shinkin .bg_img_loan{
	background-image: url("../../../_img/personal/loan/bg_loan_free_loan_01-sp.webp");
	background-position: top 0% right;
} 
#loan_freeloan_shinkin .bg_img_loan .eyecatch_text{
	text-shadow: 1px 1px 3px #fff
		;
}
#loan_freeloan_shinkin .bg_img_loan .badge_icon{
	width: 4.5rem;
	height: 4.5rem;
}
#loan_freeloan_shinkin .bg_img_loan .bg_cGreen,
#loan_freeloan_shinkin .bg_img_loan_02 .bg_cGreen{
	top: -14px;
	right: 0;
	left: 0;
}
#loan_freeloan_shinkin .bg_img_loan .vertical_writing,
#loan_freeloan_shinkin .bg_img_loan_02 .vertical_writing{
	writing-mode: vertical-rl;
}
#loan_freeloan_shinkin .bg_img_loan section{
	padding-top: 2rem;
} 

#loan_freeloan_shinkin .bg_img_loan_02{
	margin-top: -60px;
    padding-top: 40px
} 

#loan_freeloan_shinkin .bg_img_loan_02 > .row{
	padding-top: 60%;
}
#loan_freeloan_shinkin .bg_img_loan_02 .loan_logo_free {
	width: 70%;
}
#loan_freeloan_shinkin .bg_img_loan_02 .loan_logo_free img{
	width: 65%;
}
#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w{
	right: 0;
	bottom: -10px;
}
#loan_freeloan_shinkin .rd_top{
	border-radius: 6px 6px 0 0;
}
#loan_freeloan_shinkin .rd_bottom{
	border-radius:0 0 6px 6px;
}
#loan_freeloan_shinkin #ct_point{
	
}
@media (min-width: 567px){
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w{
		right: 20px;
	}
}
@media (min-width: 767px){
	#loan_freeloan_shinkin .bg_img_loan_02 .loan_logo_free {
		width: 50%;
		margin-left: 6rem;
}

	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w img{
		width: 70%;
	}
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w{
		right: 30px;
	}
}
@media (min-width: 992px){
	#loan_freeloan_shinkin .bg_img_loan_02 .loan_logo_free {
		width: 40%;
		margin-left: 10rem;
	}
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w{
		right: 150px;
	}
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w img{
		width: 80%;
	}
	#loan_freeloan_shinkin .bg_img_loan img{
		width: 80% !important;
	}

}
@media (min-width: 1200px){
	#loan_freeloan_shinkin .bg_img_loan_02 .loan_logo_free {
		margin-left: 12rem;
	}
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w{
		right: 240px;
	}
	#loan_freeloan_shinkin .bg_img_loan_02 .chara_free_w img{
		width: 90%;
	}
}





/*-----------
教育カードローン
-------------*/ 
.loan_case li img{
	position: absolute;
	top: -27px;
	right: 0;
	z-index: 1;
}
.loan_case li .img_loan_chara{
	position: relative;
}
.loan_case li .img_loan_chara::after{
	content: "";
	display: block;
	width: 66px;
	height: 66px;
	border: 2px #e3efe2 solid;
	position: absolute;
	background-color:#ffffff ;
	border-radius: 50%;
	right: -10px;
	top: -30px;
}
@media (min-width: 992px){
	.loan_case li img{
		top: -27px;
		right: -10px;
	}
	.loan_case li .img_loan_chara::after{
		right: -20px;
	}
}

.ct_contact .title{
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	border: 2px #fff solid;
	border-radius: 8px;
}
@media (min-width: 767px){
	/* .merit_item_02{
		margin-bottom: auto;
	} */
}



/*----------
住宅ローン　にぎやか家族
--------------*/

/*----------
住宅ローン　サポートローン
--------------*/
.lh_1{
	line-height: 1 !important;
}

/*----------
住宅ローン　楽楽50
--------------*/

.lh_06{ line-height: 0.6; }
.fs_20{ font-size: 1.25rem; }
.fs_22{ font-size: 1.375rem; }
.fs_24{ font-size: 1.5rem; }
.fs_26{ font-size: 1.625rem; }
.fs_27{ font-size: 1.6875rem; }

.ml_-8px{ margin-left: -8px; }
@media (min-width: 767px) {
	.fs_md_16{ font-size: 1rem!important; }
	.fs_md_20{ font-size: 1.25rem!important; }
	.fs_md_22{ font-size: 1.375rem!important; }
	.fs_md_24{ font-size: 1.5rem!important; }
	.fs_md_30{ font-size: 1.875rem!important; }
	.fs_md_32{ font-size: 2rem!important; }
}

/*-------------
法人トップ・個人トップ
--------------*/

/*-----------
ペイジー
------------*/

.card > a{
	min-height: 0%;
}
/* Other */
.contact_tel .display-4{
	font-size: 2.5rem;
}
.check_orange{
	position: relative;
	padding-left: 2.5rem;
}
.check_orange::before{
	content: "";
	position: absolute;
	display: block;
	width: 28px;
	height: 100%;
	background-image: url("../../../_img/_common/icon/img_icon_checkpoint_orange.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
}
/*------------------------------*/
/* pickup */
/*------------------------------*/
/*アニメーション*/
@keyframes fluffy1 {
	0% { transform:translateY(0) }
 	5% { transform:translateY(0) }
  	10% { transform:translateY(0) }
  	20% { transform:translateY(-5px) }
	25% { transform:translateY(0) }
	30% { transform:translateY(-10px) }
	50% { transform:translateY(0) }
	100% { transform:translateY(0) }
}




@media (max-width: 575px) {

/*----------------------
	日曜相談会
-----------------------*/	

.ct_consultation [class*="img_character_"]{
	position: relative;
	left: auto;
	right: auto;
}		
	
/*-------------
	仮審査申込み
-------------*/	
#ctAction .box_title{
	top:-1.5rem;
}


/*----------------
customer
----------------*/

.teble_loan_compare .check_orange{
	padding: 0;	
}
	
.teble_loan_compare .check_orange::before{
	position: static;
    width: 28px;
    height: 30px;
    top: 0;
	margin: auto;
}
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	/*------------------------------*/
	/* General */
	/*------------------------------*/
	
	/*------------------------------*/
	/* Header */
	/*------------------------------*/
	header {height: 80px;}
	header ul.navbar-search > li.site_logo {
		max-width: 45% ;
	}
	li.site_logo a.navbar-brand {
		max-width: 220px;
	}
	header ul.navbar-search > li:not(.site_logo) {
		width: calc(45% / 4);
		padding: 2px 8px;
	}
	/*header ul.navbar-search > li.btn_toggle {
		width: calc(100% - (45% + ((50% / 4) * 3)));
	}*/
	header ul.navbar-search {
		width: 100%;
	}
	main {margin-top: 80px;}
    
    /*------------------------------*/
    /* pickup */
    /*------------------------------*/

    /*------------------------------*/
    /* footer */
    /*------------------------------*/
	
	/*------------------------------*/
    /* Parts:Eyecatch */
    /*------------------------------*/
	#page_eyecatch_header{
		padding: 2rem 1rem;
		background-position: calc(50vw + (230px * 0.4)) center;
		background-size: contain;
	}
	
	/*------------------------------*/
    /* Page */
    /*------------------------------*/
	/* Business Top Page */
	/*--------------------------
	お問い合わせ
	--------------------------*/	

	.contact_tel .freedial,
	.contact_tel .display-4	{
		font-size: 3.6rem;
	}

		header .contact_tel .freedial{
			margin-bottom: 30px;
		}

	.text_calc_15{
		font-size: 2.5rem;	
	}

	/*-------------
	404
	---------------*/

	/*-----------
		WEB申込み
	-----------*/
}

@media (max-width: 767px) {
	/*------------------------------*/
	/* Bootstrap + */
	/*------------------------------*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/*------------------------------*/
	/* General */
	/*------------------------------*/
	
	/*------------------------------*/
	/* Bootstrap + */
	/*------------------------------*/
	/*------------------------------*/
	/* Header */
	/*------------------------------*/
	header ul.navbar-search > li.site_logo {
		max-width: 35% ;
	}
	li.site_logo a.navbar-brand {
		max-width: 220px;
	}
	header ul.navbar-search > li:not(.site_logo) {
		width: calc(40% / 4);
		max-width: 5.0rem;
		padding: 2px 8px;
	}
	header ul.navbar-search > li:not(.site_logo) a {
		font-size: 0.8rem;
	}
	header ul.navbar-search > li.btn_header_personal,
	header ul.navbar-search > li.btn_header_business {
		width: 12rem;
		max-width: 12rem;
		max-height: 55px;
	}
	header ul.navbar-search > li.btn_header_personal a,
	header ul.navbar-search > li.btn_header_business a {
		display: block;
		width: 100%;
		/*height: 100%;*/
		/*padding: 0.5rem 10px 0;*/
		font-size: 0.8rem;
	}
	header ul.navbar-search > li.btn_header_business a {
		padding-left: 2.5rem;
	}
	header ul.navbar-search > li.btn_header_personal a::before,
	header ul.navbar-search > li.btn_header_business a::before {
		content: "";
		display: block;
		position: absolute;
		background-repeat: none;
		background-position: left center;
		width: 2.5rem;
		height: 2.5rem;
		background-size: contain;
	}
	header ul.navbar-search > li.btn_header_personal a::before {
		background-image: url("../../../_img/_common/icon/img_icon_personal.svg");
	}
	header ul.navbar-search > li.btn_header_business a::before {
		background-image: url("../../../_img/_common/icon/img_icon_business.svg");
		left: 0.5rem;
	}
	.business header ul.navbar-search > li.btn_header_personal a::before {
		background-image: url("../../../_img/_common/icon/img_icon_personal_gray.svg");
	}
	.personal header ul.navbar-search > li.btn_header_business a::before {
		background-image: url("../../../_img/_common/icon/img_icon_business_gray.svg");
	}
	header ul.navbar-search > li.btn_header_personal a span,
	header ul.navbar-search > li.btn_header_business a span {
		font-size: 0.9rem;
		display: block;
		/*margin-top: 1.2rem;*/
	}
	/*header ul.navbar-search > li.btn_header_business a span {
		display: block;
	}*/
	header ul.navbar-search > li:not(.site_logo) a img {
		max-width: 32px;
	}
	/*header.fixed-top, header div.container {
		height: 60px;
	}*/
	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	.expand_content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.personal #page_bottom_bg {
		padding-bottom: 18.75rem;
	}
	.business #page_bottom_bg {
		padding-bottom: 18.75rem;
	}
	
	/*Fukidashi*/
	.bg_cPGreen.fukidashi_md_left::after {
    border-width: 15px 30px 15px 0;
    border-color: transparent #e3efe2 transparent transparent;
    top: calc(50% - 15px);
    left: -30px;
}

	/*------------------------------*/
	/* Table */
	/*------------------------------*/
	/*------------------------------*/
	/* Parts:Eyecatch */
	/*------------------------------*/
	#page_eyecatch_header{
		background-position: calc(50vw + (230px * 1)) center;
	}
	/*------------------------------*/
	/* Parts:Fukidashi */
	/*------------------------------*/
	.box_bgWhite.fukidashi_md_left::after,
	.bg_cWhite.fukidashi_md_left::after {
		border-width: 30px 30px 30px 0;
		border-color: transparent #ffffff transparent transparent;
		top: calc(50% - 15px);
		left: -30px;
	}
	/*------------------------------*/
	/* Page */
	/*------------------------------*/
	/* Business Top Page */
	/* Branch */
	/* ATM */
	body[id^="loan_"] .table-responsive .table.th_w25,
	body[id^="loan_"] .table-responsive .table .table {
		table-layout: fixed;
		white-space: normal;
	}
    
    /*------------------------------*/
    /* pickup */
    /*------------------------------*/

    /*------------------------------*/
    /* footer */
    /*------------------------------*/
	/*------------------------------*/
    /* Page */
    /*------------------------------*/
	/*-------------
		404
	---------------*/
	/*------------------------
	日曜相談会
	-------------------------*/

	.ct_consultation [class*="img_character_"]{
		position: absolute;
	}
	.ct_consultation .img_character_left{
		left: -8%;
		bottom: 0%;
		width: 35%;
	} 

	.ct_consultation .img_character_right{
		right: -2%;
		bottom: -1%;
		width: 28%;
	} 

	.ct_consultation h3::before,
	.ct_consultation h4::before,
	.ct_consultation h5::before {
		left: -15%;
	}

	.ct_consultation h3::after,
	.ct_consultation h4::after,
	.ct_consultation h5::after {
		right: -10%;
	}	

	.teble_loan_compare tr th:nth-child(2),
	.teble_loan_compare tr td:nth-child(2){
		width: 10%;
	}

	.teble_loan_compare tr td:nth-child(2) span{
		writing-mode: horizontal-tb;
		white-space:normal;
	}


	.fixed-top nav.navbar #navbarSupportedContent {
		height: auto;
		padding-bottom:0; 
		overflow: visible;
	}
	/*------------------------
	button
	-------------------------*/


	.col-6.btn_examination{
		padding-left: 0.5rem;
	}	


	#help .ct_contact p.h4{
		font-size: 1.5rem;
	}

	/*------------------
		各種支援メニュー
	-------------------*/

	.bg_cOrange.fukidashi_md_left::after {
		border-width: 15px 30px 15px 0;
		border-color:transparent #ff9800 transparent transparent;
		top: calc(50% - 15px);
		left: -30px;
	}


	/*------------
	カーライフプラン来店型
	--------------*/	

	.personal .bg_img_loan,
	.personal .bg_img_loan_02{
		background-repeat: no-repeat;
		background-position: right center;
		background-size:cover;
		padding-bottom: 20px;
	}

	/*------------
	カーライフプランweb完結型
	--------------*/ 

	.bg_cPGreen.fukidashi_md_left::after {
		border-width: 15px 30px 15px 0;
		border-color: transparent #e3efe2 transparent transparent;
		top: calc(50% - 15px);
		left: -30px;
	}
	/*------------
	しんきんフリーローン
	--------------*/	

	#loan_freeloan_shinkin .bg_img_loan{
		background-image: url("../../../_img/personal/loan/bg_loan_free_loan_01-pc.webp");
		padding-bottom: 0;
		background-position: top;
		background-size: contain;
	} 
	.bg_cPGreen.fukidashi_md_left::after {
		border-width: 15px 30px 15px 0;
		border-color: transparent #e3efe2 transparent transparent;
		top: calc(50% - 15px);
		left: -30px;
	}

	#loan_freeloan_shinkin .bg_img_loan_02{
		padding-bottom: 0;
		background-position: left center;
		background-size: contain;
	}


	/*------------
	教育カードローン
	--------------*/	

	body.fixed{
		overflow: auto;
	}
	/* 教育カードローンWEB完結型アイキャッチ（PC） */
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/*------------------------------*/
	/* General */
	/*------------------------------*/
	main {
		margin-top: 152px;
	}
	#site_top main {
		margin-top: 80px;
	}
	
	/*------------------------------*/
	/* Header */
	/*------------------------------*/
	header ul.navbar-search > li.site_logo {
		max-width: 30vw ;
	}
	li.site_logo a.navbar-brand {
		max-width: 280px;
	}
	header.fixed-top, header div.container {
		height: 60px;
	}
	#navbarSupportedContent {
		max-width: 960px;
		margin: auto;
	}
	nav.navbar {
		padding: 0;
	}
	nav.navbar #global_nav_personal {
		padding: 0;
	}
	nav.navbar .nav-item {
		padding: 0;
		border: none;
	}
	header ul.navbar-search > li.btn_header_personal a,
	header ul.navbar-search > li.btn_header_business a {
		max-width: none;
	}
	#global_nav_personal a {
		text-align: center;
	}
	#global_nav_personal a span {
		font-size: 0.8rem;
		display: block;
	}
	nav.navbar #navbarSupportedContent {
		/*overflow: hidden;*/
		overflow: unset;
		height: 100%;
	}
    
    /*------------------------------*/
    /* pickup */
    /*------------------------------*/
	
	/*------------------------------*/
	/* Footer */
	/*------------------------------*/
	/*------------------------------*/
	/* Parts:Fukidashi */
	/*------------------------------*/
	/*------------------------------*/
	/* Page */
	/*------------------------------*/
	/* Business Top Page */
	/* Business Top Page */
	
	/* Branch */
	/* ATM */
	/* ATM - Head */
	/* Loan:Tanyo Housing Loan */
	/* Loan:Tanyo Anshin Housing Loan */
	nav.navbar #global_nav_personal{
		align-items: center;
	}	
	
	header nav.navbar .navbar-collapse .dropdown-menu{
		border-radius: 0;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 12%);
    min-width: 100%;
    left: auto;
    right: 50%;
    transform: translateX(50%);
    border-top: 2px solid #009030;
    top: 80%;
	}

	/*.personal header nav.navbar .navbar-collapse .dropdown-toggle{
		padding: 0.75rem 1.0rem;
	}*/
	
	.personal header nav.navbar .nav-item.dropdown{
		padding-top: 0.5rem;
	}

	header .nav.navbar .navbar-nav a.nav-link{
		border-bottom: 2px solid #fff;
		height: 100%;	
	}

	header nav.navbar .dropdown-menu li .dropdown-item{
		padding: .5rem 1rem;
		border-bottom: #dddddd 1px solid;
	}

	header nav.navbar .dropdown-menu li .dropdown-item:hover,
	header nav.navbar .dropdown-menu li .dropdown-item:active,
	header nav.navbar .dropdown-menu li .dropdown-item:focus{
		color: #777777;
	}

	header nav.navbar .dropdown-menu li:last-of-type .dropdown-item{
		border-bottom: none;
	}

	header .navbar .nav-item::after,
	header .navbar .dropdown-menu .nav-item::after{
		background: none;
	}
	
	header ul.navbar-search{
		flex-wrap: nowrap;
	}
	/*------------------------
	日曜相談会
	-------------------------*/
	
	.ct_consultation .img_character_left{
		left: -9%;
		bottom: -10%;
	} 

	.ct_consultation .img_character_right{
		right: -6%;
		bottom: -10%;
	}	

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

	.ct_contact li:first-child{
		border-right:1px solid #bfbfbf;
	}	
	/*---------
	Web申込み	
	----------*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/*------------------------------*/
	/* General */
	/*------------------------------*/
	
	/*------------------------------*/
	/* Header */
	/*------------------------------*/
	header ul.navbar-search > li.site_logo {
		max-width: 20vw ;
	}
	#navbarSupportedContent {
		max-width: 960px;
		margin: auto;
	}
	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	.expand_content {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		padding-left: calc(((100vw - 15px) - 1200px) / 2);
		padding-right: calc(((100vw - 15px) - 1200px) / 2);
	}
	/*------------------------
	日曜相談会
	-------------------------*/
	.ct_consultation .img_character_left{
		width: auto;
		left: -1%;
		bottom: -10%;
	} 

	.ct_consultation .img_character_right{
		width: auto;
		right: 1%;
		bottom: -10%;
	} 
	
	/*------------------------
	ページ固定の「重要なお知らせ」改造
	-------------------------*/
	/*------------------------
	教育カードローンWEB完結型
	-------------------------*/
}

@charset "utf-8";
/*------------------------------*/
/* Button */
/*------------------------------*/
/* Common Button Settings */
/* Sizing - テキスト1行ボタン*/
/* ※{button}_{sl=single line/ml=multi line}_{size} */
.btn_sl_exsmall {
	height: calc(1.3125rem * 2)!important;
	line-height: calc(1.3125rem * 2)!important;
}
.btn_sl_small {
	height: calc(1.875rem * 2)!important;
	line-height: calc(1.875rem * 2)!important;
}
.btn_sl_midium {
	height: calc(2.25rem * 2)!important;
	line-height: calc(2.25rem * 2)!important;
}
.btn_ml_midium {
	height: calc(2.25rem * 2)!important;
	/*line-height: calc(2.25rem * 2)!important;*/
}
.btn_sl_exsmall, .btn_sl_small, .btn_sl_midium, .btn_ml_midium {
	padding: 0!important;
}
/* テキスト複数行ボタン独自設定 */
 .btn_ml_midium {
	display: flex;
	align-items: center;
	min-height: 100%;
	justify-content: center;
}
 .btn_ml_midium a {
	flex: 1;
}

/* Back To PageTop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 3rem;
	right: 1rem;
	z-index: 999; /* 元5000 */
}
.pagetop a {
	display: block;
	width: 54px;
	height: 54px;
	background: #005623cc;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.8;
	/* radius */
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.pagetop a:hover {
	display: block;
	background:#005623cc;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.8;
}
.pagetop a span {
	color: #ffffff;
	font-size: 2.5rem;
	line-height: 3.5rem;
}

/* Color */
.btn_cGreen {
	color: #ffffff!important;
	background: #009030!important;
	/*padding: 0.5em 10px;*/
}
.btn_cWhite {
	color: #009030!important;
	background: #ffffff!important;
	border: #dddddd 1px solid!important;
}

/* Circle Button - 丸ボタン */

/*------------------------------*/
/* Gradient Button */
/*------------------------------*/
.btn_cGreen_gr {
	background: #0eb844; /* Old browsers */
	background: linear-gradient(to right,  #0eb844 0%,#007733 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-position: right center;
	opacity: 1;
}
.btn_cGreen_gr:hover {
	opacity: 0.7;
}
.btn_cGreen_gr, .btn_cGreen_gr *,
.btn_cGreen_gr:hover, .btn_cGreen_gr:hover * {
	color: #ffffff;
}

.btn_cOrange_gr {
	background: #ffaa00; /* Old browsers */
	background: linear-gradient(to right,  #ffaa00 0%,#ee7700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity: 1;
}
.btn_cOrange_gr:hover {
	opacity: 0.7;
}
.btn_cOrange_gr, .btn_cOrange_gr *,
.btn_cOrange_gr:hover, .btn_cOrange_gr:hover * {
	color: #ffffff;
}

/*------------------------------*/
/* Button Arrow */
/*------------------------------*/
.btn_cGreen, .btn_cGreen_gr, .btn_cWhite, .btn_cOrange_gr {
	position: relative;
}
.btn_cGreen::after, .btn_cGreen_gr::after, .btn_cWhite::after, .btn_cOrange_gr::after {
	position: absolute;
	content: '';
	width: 1.8rem;
	height: 100%;
	top: 0;
	right: 0;
}
.btn_arrow_next::after, .btn_arrow_prev::after {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
}
.btn_arrow_prev::after {
	transform: scale(-1, 1);
	right: auto;
	left: 0;
}
.btn_arrow_next::after, .btn_arrow_prev::after,
.btn_cGreen.btn_arrow_next::after, .btn_cGreen_gr.btn_arrow_next::after, .btn_cOrange_gr.btn_arrow_next::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}
.btn_cWhite.btn_arrow_next::after, .btn_cWhite.btn_arrow_prev::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23009030%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}
/* Arrow Color Overwrite */
.btn_cWhite.btn_arrow_next.cDGray::after, .btn_cWhite.btn_arrow_prev.cDGray::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23777777%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}
.btn_cWhite.btn_arrow_next.cPink::after, .btn_cWhite.btn_arrow_prev.cPink::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23ed6268%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2C6L8.59%2C7.41L13.17%2C12l-4.58%2C4.59L10%2C18l6-6L10%2C6z%22%2F%3E%3C%2Fsvg%3E');
}

/*------------------------------*/
/* Button Text Color Overwrite */
/*------------------------------*/
.btn_cWhite.cDGray {
	color: #777777!important;
}

/*------------------------------*/
/* Button Icons  [CSS Format >> icon_{position}_{content}] */
/*------------------------------*/
*[class*="icon_l_"]::before {
	position: absolute;
	content: '';
	width: 4.0rem;
	height: 100%;
	top: 0;
	left: 5%;
}
*[class*="icon_l_"]::before {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 70% auto;
}

.icon_l_about::before {
	background-image: url("../../../_img/_common/icon/img_icon_logo_green.svg");
}
.btn_cGreen.icon_l_about::before {
	background-image: url("../../../_img/_common/icon/img_icon_logo_white.svg");
}
.icon_l_recruit::before {
	background-image: url("../../../_img/_common/icon/img_icon_recruit_green.svg");
}
.btn_cGreen.icon_l_recruit::before {
	background-image: url("../../../_img/_common/icon/img_icon_recruit_white.svg");
}

.icon_l_seeMore::before {
	background-image: url("../../../_img/_common/icon/img_icon_check_gray.svg");
    background-size: 30px;
}

.icon_l_seeMore, .icon_none_seeMore {
	width: 86vw;
	/*margin-left: calc((100% - 86vw) / 2);*/
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	/*------------------------------*/
	/* Button Icons  [CSS Format >> icon_{position}_{content}] */
	/*------------------------------*/
	.icon_l_seeMore, .icon_none_seeMore {
		max-width: 320px;
		/*margin-left: calc((100% - 320px) / 2);*/
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
/* Back To PageTop */
	.pagetop {
		bottom: 1rem;
		right: 1rem;
	}
	.pagetop a {
		width: 5rem;
		height: 5rem;
	}
	.pagetop a span {
		color: #ffffff;
		line-height: 5rem;
	}
	/*------------------------------*/
	/* Button Icons  [CSS Format >> icon_{position}_{content}] */
	/*------------------------------*/
	*[class*="icon_l_"]::before {
		position: absolute;
		content: '';
		width: 4.0rem;
		height: 100%;
		top: 0;
		left: 3%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* CSS Document */
/*-------------
bootstrap
---------------*/
h1[class*="titleIcon_"], *[class*="h1"][class*="titleIcon_"] {
	min-height: calc(2.5rem * 1.5);
	line-height: calc(2.5rem * 1.5);
	padding-left: calc(2.5rem + 0.5rem);
}

h2[class*="titleIcon_"], *[class*="h2"][class*="titleIcon_"] {
	min-height: calc(2.0rem * 1.5);
	line-height: calc(2.0rem * 1.5);
	padding-left: calc(2.0rem + 0.5rem);
}

h3[class*="titleIcon_"], *[class*="h3"][class*="titleIcon_"] {
	min-height: calc(1.75rem * 1.5);
	line-height: calc(1.75rem * 1.5);
	padding-left: calc(1.75rem + 0.5rem);
}

h4[class*="titleIcon_"], *[class*="h4"][class*="titleIcon_"] {
	min-height: calc(1.5rem * 1.5);
	line-height: calc(1.5rem * 1.5);
	padding-left: calc(1.5rem + 0.5rem);
}

h5[class*="titleIcon_"], *[class*="h5"][class*="titleIcon_"] {
	min-height: calc(1.25rem * 1.5);
	line-height: calc(1.25rem * 1.5);
	padding-left: calc(1.25rem + 0.5rem);
}

h6[class*="titleIcon_"], *[class*="h6"][class*="titleIcon_"] {
	min-height: calc(1.0rem * 1.5);
	line-height: calc(1.0rem * 1.5);
	padding-left: calc(1.0rem + 0.5rem);
}
/*-------------
グローバル
---------------*/
*[class*="titleIcon_"] {
	position: relative;
	min-height: calc(1.0rem * 1.5);
	line-height: calc(1.0rem * 1.5);
}
*[class*="titleIcon_"]::before {
	position: absolute;
	content: "";
	width: 4.0rem;
	height: 70%;
	left: 0;
	top: 15%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}
h1[class*="titleIcon_"]::before, *[class*="h1"][class*="titleIcon_"]::before {
	max-width: 2.5rem;
}
h2[class*="titleIcon_"]::before, *[class*="h2"][class*="titleIcon_"]::before {
	max-width: 2.0rem;
}
h3[class*="titleIcon_"]::before, *[class*="h3"][class*="titleIcon_"]::before {
	max-width: 1.75rem;
}
h4[class*="titleIcon_"]::before, *[class*="h4"][class*="titleIcon_"]::before {
	max-width: 1.5rem;
}
h5[class*="titleIcon_"]::before, *[class*="h5"][class*="titleIcon_"]::before {
	max-width: 1.25rem;
}
h6[class*="titleIcon_"]::before, *[class*="h6"][class*="titleIcon_"]::before {
	max-width: 1.0rem;
}
.titleIcon_contact::before {
	background-image: url("../../../_img/_common/icon/img_icon_contact.svg");
}
/*-------------------
テキスト関係
---------------------*/

.text_borderB_green{
	display: block;
	width: 100%;
	border-bottom: 1px solid #009030;
	padding-bottom: 10px;
}

.text_borderL_green{
	display: block;
	width: 100%;
	border-left: 6px solid #009030;
	padding-left: 10px;
} 

/*-------------------
テーブル
---------------------*/
/* General */
.table {
	table-layout: fixed;
}
.table tr td {
	padding: 8px 6px;
}
.table th {
	font-weight: normal;
}
.table.text-center th, .table.text-center td {
	text-align: center;
	vertical-align: middle;
}

/* Table Settings */
.table_separate {
	border-collapse: separate;
	border-spacing: 5px;
}
.table_radius th, .table_radius td {
	border-radius: 5px;
}

/* th width */
.th_w25 th {
	width: 25%;
}


/* Table Color */
.table_cGreen th {
	background: #44bb55;
	color: #fff;
}
.table_cGreen td {
	background: #ffffff;
}
.table_cellPGreen{
	background: #e3efe2!important;
}


/*------------------------
仮審査申込みフォーム推奨環境注釈
-------------------------*/
.recommended-browsers-note {
	max-width: 810px;
	margin: 18px auto 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f8faf8;
	color: #345345;
	font-size: 0.625rem;
	line-height: 1.7;
}

.recommended-browsers-note__heading {
	margin: 0;
}

.recommended-browsers-note__label {
	display: inline-block;
	margin-right: 0.35em;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.recommended-browsers-note__browsers {
	display: grid;
	gap: 6px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.recommended-browsers-note__browsers li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 8px;
	border-radius: 6px;
	background-color: #ffffff;
}

.recommended-browsers-note__device {
	flex: 0 0 auto;
	font-weight: 700;
	color: #2f5a46;
	white-space: nowrap;
}

.recommended-browsers-note__browser {
	text-align: right;
}

.recommended-browsers-note__notes {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.recommended-browsers-note__notes li {
	position: relative;
	padding-left: 1.2em;
}

.recommended-browsers-note__notes li::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
	color: #6b7f73;
}

@media (min-width: 768px) {
	.recommended-browsers-note {
		margin-top: 5px;
		padding: 12px 16px;
	}

	.recommended-browsers-note__heading {
		text-align: center;
	}

	.recommended-browsers-note__browsers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
		margin-top: 10px;
	}

	.recommended-browsers-note__browsers li {
		display: block;
		min-height: 100%;
		text-align: center;
	}

	.recommended-browsers-note__browser {
		display: block;
		margin-top: 2px;
		text-align: center;
	}

	.recommended-browsers-note__notes {
		margin: 10px auto 0;
	}
}