body,
body.jabank{
background-color: #f9fffd;
background-color: #fff;
background: rgba(0,124,100,.01);
}

.jabank .sub-nav,
.page-template-bank .sub-nav,
.single-news-jabank .sub-nav{
color: #fff;
background-color: rgba(0,75,141,1);
}

.jabank .sub-nav a,
.page-template-bank .sub-nav a,
.single-news-jabank .sub-nav a{
color: #fff;
background-color: rgba(0,75,141,1);
}

/********************************

	BUTTON

********************************/

.btn-jabank {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 0 auto;
padding: 1.5rem 6rem 1.5rem 1.5rem;
width: fit-content;
font-size: 1rem;
font-weight: 700;
border-radius: 3px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: 0.3s;
white-space: nowrap;
}
.btn-jabank::before {
content: '';
position: absolute;
top: calc(50% - 2px);
right: 1em;
transform: translateY(calc(-50% - 2px)) rotate(30deg);
width: 12px;
height: 1px;
transition: 0.3s;
}
.btn-jabank::after {
content: '';
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
width: 50px;
height: 1px;
transition: 0.3s;
}
.btn-jabank:hover {
text-decoration: none;
}
.btn-jabank:hover::before,
.btn-jabank:hover::after {
right: 0.5rem;
}
.btn-jabank-lg{
font-size: 1.5rem;
}

.btn-jabank1 {
color: rgba(255,2555,255,1);
background-color: rgba(0,75,141,1);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: 1px solid rgba(0,75,141,1);
}
.btn-jabank1::before {
background-color: rgba(255,255,255,.75);
}
.btn-jabank1::after {
background-color: rgba(255,255,255,.75);
}
.btn-jabank1:hover {
color: rgba(0,75,141,1);
background-color: rgba(0,75,141,0);
}
.btn-jabank1:hover::before,
.btn-jabank1:hover::after {
right: 0.5rem;
background-color: rgba(255,255,255,1);
}
.btn-jabank1:hover::before,
.btn-jabank1:hover::after {
right: 0.5rem;
background-color: rgba(0,75,141,1);
}

.btn-jabank2 {
color: rgba(0,75,141,1);
background-color: rgba(176,215,238,.1);
border: 1px solid rgba(28,92,168,1);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.btn-jabank2::before {
background-color: rgba(0,75,141,.5);
}
.btn-jabank2::after {
background-color: rgba(0,75,141,.5);
}
.btn-jabank2:hover {
color: rgba(255,255,255,1);
background-color: rgba(0,75,141,1);
}
.btn-jabank2:hover::before,
.btn-jabank2:hover::after {
right: 0.5rem;
background-color: rgba(255,255,255,1);
}
.btn-jabank2:hover::after{
}

.btn-jabank{
margin-bottom: 4rem;
}

/********************************

	JA BANK

********************************/

.ja-bank th,
.ja-bank td {
padding: .5rem;
border: 1px solid #007c64;
vertical-align: middle;
font-size: 1rem;
line-height: 1.5;
}
.ja-bank th {
background-color: #e4f3f7;
}
.ja-bank th, .jabank td {
border-color: #007c64;
}

/*TITLE*/
.atm h2 {
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.5rem;
color: #fff;
background-color: #78c5d6;
border-radius: 3px;
position: relative;
}
.atm h3 {
margin: 0 0 1rem;
padding: .5rem;
color: #007c64;
border-bottom: 1px solid #78c5d6;
}

/*TEXT*/
.service .mv .lead{
font-size: 1.125rem;
}

.jabank-footerlink{}
.jabank-footerlink ul{
margin: 0 0 2rem;
padding: 2rem 0 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 10px;
/* grid-auto-flow: column; */
border-top: 1px solid rgba(0,75,141,.1);
}
.jabank-footerlink ul li {
font-size: .875rem;
font-feature-settings: "palt";
}
.jabank-footerlink ul li::before {
content: "\f105";
font-family: FontAwesome;
padding-right: .25em;
color: rgba(0,0,0,.25);
}
.jabank-footerlink ul li a{
color: rgba(0,75,141,1);
}



/********************************

	FRONT PAGE

********************************/
.section_bankcampaign{
background-color: rgba(0,75,141,.75);
}
.section_bankcampaign h2{
color: rgba(255,255,255,1);
}
.section_bankcampaign .card{
border: none;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.section_bankcampaign .card .card-body{
display: flex;
flex-direction: column;
}
.section_bankcampaign .campaign-description{
font-size: .75rem;
font-feature-settings:"palt";
}
.section_bankcampaign .card .btn{
margin: auto auto 0 0;
display: inline-block;
width: max-content;
}

.section_bankcampaign .card h5{
font-size: 1rem;
line-height: 1.35;
font-feature-settings:"palt";
}
.section_bankcampaign .card .end-date span{
display: inline-block;
padding: .2rem .6rem;
font-size: .75rem;
color: #fff;
background-color: rgba(0,0,0,.5);
border-radius: 60px;
}

.importnt-info2 ul,
.jabank-news ul {
height: 300px;
overflow: auto;
}
.jabank-news ul li{
margin: 0;
padding: .5rem 0;
border-bottom: 1px solid rgba(0,124,100,.25);
}
.importnt-info2{}
.jabank-news{}
.importnt-info2 h3,
.jabank-news h3{
position: relative;
margin: 0 0 1rem;
padding: 0;
font-size: 1.25rem;
}
.importnt-info2 h3,
.jabank-news h3 {
display: flex;
align-items: center;
}
.importnt-info2 h3::after,
.jabank-news h3::after{
border-top: 1px solid rgba(0,75,141,.5);
content: "";
flex-grow: 1;
margin-left: 1rem;
}
.importnt-info2 ul,
.jabank-news ul{
margin: 0;
padding: .5rem;
list-style: none;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: rgba(0,75,141,.5);
}
.importnt-info2 ul li,
.jabank-news ul li{
position: relative;
margin: 0;
padding: 0;
font-size: .937rem;
line-height: 1.5;
transition: .3s;
}
.importnt-info2 ul li a,
.jabank-news ul li a{
display: block;
margin: 0;
padding: .5rem;
color: rgba(0,75,141,1);;
transition: .3s;
}
.importnt-info2 ul li:hover{
background-color: rgba(255,255,255,.5);
}
.importnt-info2 ul li:not(:last-child) {
margin-bottom: .5rem;
padding-bottom: .5rem;
border-bottom: 1px dotted #ddd;
}
.frontpage-news__date{
padding: 0 .5rem .5rem .5rem;
font-size: .75rem;
letter-spacing: .05rem;
}

.savings .heading,
.loan .heading{
padding: 2rem 0 !important;
position: relative;
background-color: transparent;
}
.ja-bank .heading h1{
position: relative;
margin: 0 !important;
padding: 0 1rem 0 0 !important;
border: none !important;
color: #007c64 !important;
border-radius: 0 !important;
}
.ja-bank .heading h1::after{
display: none;
}
.ja-bank .heading p{
position: relative;
margin: 0 !important;
color: #007c64 !important;
font-weight: 600;
}
.ja-bank .heading p small{
font-size: .625rem;
letter-spacing: .2rem;
}
.heading .col-md-3,
.heading .col-md-5
{
border-right: 1px solid rgba(0,124,100,.5) !important;
}

.savings .mv,
.loan .mv{
background-color: #f9fffd;
}

.blue{
background: linear-gradient(to right, #42a5f5 0%, #1fc7f3 100%);
}

.jb-contets-link a figure{
background-color: transparent !important;
background-image: linear-gradient(30deg, rgba(255,255,255,0.522) 15%, #FFFFFF 59%) !important;
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
}
.link-utility{
padding: 0rem 0;
background-color: #fff;
}

/*loanplaza-info*/
.loanplaza-info{
margin: 2rem 0 6rem;
}
.loanplaza-info .loanplaza-info_inner{
padding: 2rem 0;
border-style: solid;
border-color: rgba(0,124,100,.5);
border-width: 1px 0;
}

.loanplaza-info p{
margin: 0 0 1rem;
}
.loanplaza-info .lead{
margin: 0 0 1rem;
display: inline-block;
font-size: 1.25rem;
font-weight: 600;
padding: .5rem 1rem;
color: #182987 !important;
border: 3px solid #182987;
border-radius: 50px;
}
.loanplaza-info .phone{
margin: 0;
font-size: 2rem;
}
.loanplaza-info .phone i{
margin-right: .75rem;
}
.loanplaza-info .phone a{
font-family: 'Roboto Condensed', sans-serif !important;
color: #0056b3;
}
.loanplaza-info .phone a:hover{
color: #780018;
}

.loanplaza-info dl{
margin: 0 0 2rem;
padding: 1rem;
background-color: rgba(0,124,100,.015);
border: 1px solid rgba(0,124,100,.2);
border-radius: 3px;
width:-moz-fit-content; /* Firefox */
width:fit-content; /* other browsers */
}
.loanplaza-info dt{
margin: 0 0 .5rem;
padding: 0;
font-size: 1rem;
font-weight: 600;
white-space: nowrap;
}
.loanplaza-info dd{
white-space: nowrap;
}
.loanplaza-info dd ul{
margin: 0;
padding: 0 0 0 1em;
}
.loanplaza-info dd ul li{
margin: 0;
padding: .1rem 0;
font-weight: 600;
}
.loanplaza-info dd ul li:nth-child(2){
color: #036eb7;
}
.loanplaza-info dd ul li:nth-child(3){
color: #e50012;
}
.loanplaza-info dd ul li span{
margin-right: 1.25rem;
display: inline-block;
width: 6em;
}


/*link-utility*/
.link-utility{}
.link-utility .col-md-4,
.link-utility .col-md-12{
position: relative;
}
.link-utility a{
position: relative;
display: block;
padding: .75rem 0 .75rem 2rem;
color: #2c2c2c;
font-size: 1.4rem;
line-height: 1.5;
}
.link-utility a::before {
position: absolute;
left: 1rem;
top: 1rem;
display: block;
content: "\f054";
font-family: "FontAwesome";
font-size: .5rem;
color: rgba(0,124,100,.5);
}



.banklist{
padding: 4rem 0;
background-color: rgba(223,238,246,.5);
}
.banklist{
margin: 0 0 6rem;
}
.banklist .accordion{
margin-bottom: 2rem;
}
.banklist #accordion .card-header a[data-toggle="collapse"].collapsed::after {
font-family: "FontAwesome";
font-weight: 900;
content: "\f107";/* chevron-down */
float: right;
}
.banklist #accordion .card-header a[data-toggle="collapse"]::after {
font-family: "FontAwesome";
font-weight: 900;
content: "\f106";/* chevron-up */
float: right;
}
.banklist .card{
margin: 0 0 .5rem;
}
.banklist .card-header{
border-bottom: none;
background-color: rgba(0,0,0,.02);
}
.banklist h5{
font-size: 1.75rem;
font-weight: 700;
}
.banklist .p-3{
padding: 1.5rem !important;
}
.banklist .card-body dl{
margin: 0 0 2rem;}
.banklist .card-body dt{
margin: 0 0 1rem;
font-size: 1.75rem;
font-weight: 700;
letter-spacing: .15rem;
color: #1c1c1c;
}
.banklist .card-body dd{
margin: 0 0 1rem;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .1rem;
}
.banklist .card-body dd a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
color: #007c64;
}
.banklist .dl_loanplaza{
margin: 0 0 2rem;
background-color: transparent;
}
.banklist .dl_loanplaza dt{
margin: 0 0 1rem;
font-size: 1.75rem;
font-weight: 700;
letter-spacing: .15rem;
background-color: transparent;
}
.banklist .dl_loanplaza dd{
margin: 0 0 1rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: .1rem;
}
.banklist .dl_loanplaza dd a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
color: #007c64;
}

/*最新金利情報*/
.latest-interest-rate{}
.rate-date{
margin: 0 0 3rem;
padding: .5rem;
background-color: rgba(0,124,100,.1);
border-radius: 4px;
}
.latest-interest-rate .nav-tabs .nav-link,
.rate .nav-tabs .nav-link{
padding: .5rem 1.5rem;
font-size: 1.5rem;
color: #9c9c9c;
}
.nav-link:focus, .nav-tabs .nav-link:hover {
color: rgba(0,124,100,1);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #2c2c2c;
border-color: #dee2e6 #dee2e6 #fff;
}

.latest-interest-rate .tab-pane{}
.latest-interest-rate .tab-pane h2{
position: relative;
margin: 0 0 1rem;
padding: .5rem .5rem .5rem 2rem;
font-size: 1.5rem;
color: #fff;
background-color: #78c5d6;
border-bottom: 1px solid #78c5d6;
}
.latest-interest-rate .tab-pane h2::before {
content: "";
position: absolute;
left: -2px;
top: -10px;
width: 0;
height: 0;
border-top: 16px solid transparent;
border-right: 16px solid rgba(0,0,0,.2);
border-bottom: 16px solid transparent;
transform: rotate(45deg);
transform-origin: center;
}
.latest-interest-rate .tab-pane table{
margin: 0 0 1rem;
}
.latest-interest-rate .tab-pane th,
.latest-interest-rate .tab-pane td{
padding: .25rem .5rem;
border: 1px solid rgba(120,197,214,1);
}

.agreement{
}
.agreement td a{
display: block;
padding: .4rem .8rem;
text-decoration: none;
color: #127ab0;
transition: .2s;
}
.agreement td a:hover{
/*text-decoration: underline;*/
background-color: rgba(0,0,0,.25);
border-radius: 4px;
}
.agreement thead tr{
border-bottom: 3px solid #007c64;
}
.agreement thead th{
padding: .5rem;
white-space: nowrap;
text-align: center;
border: none;
background-color: transparent;
font-weight: 700;
width: auto !important;
}
.agreement thead th span{
font-size: 1rem;
}
.agreement tbody th,
.agreement tbody td{
padding: .5rem;
text-align: left;
background-color: transparent;
}
.agreement tbody th{
width: 1% !important;
white-space: nowrap;
}
.agreement tbody td{
width: auto !important;
}
.agreement tbody td:nth-of-type(1){
width: auto !important;
}
.agreement tbody td:nth-of-type(1) a,
.agreement tbody td:nth-of-type(2) a{
font-weight: 700;
}
.agreement tbody td:nth-of-type(2){
text-align: center;
}
.agreement tbody td:nth-of-type(2),
.agreement tbody td:nth-of-type(3){
width: 1% !important;
white-space: nowrap;
}
.agreement tbody tr:nth-child(2n+1) {
background-color: #f2f8f7;
}
.agreement tbody tr:hover {
color: #fff;
background-color: #78c5d6;
}
.agreement tbody tr:hover a{
color: #fff;
}

.border-b th,
.border-b td{
border-bottom: none !important;
}
.border-t th,
.border-t td{
border-top: none !important;
}

a.yakkan-link {
display: inline-block;
margin: 0 0 .5em;
padding: 1em;
background-color: #f9fffd;
border: 1px solid #007c64;
border-radius: 3px;
transition: .3s;
}
a.yakkan-link:hover {
background-color: #fff;
color: #007c64;
border: 1px solid #007c64;
box-shadow: 0 6px 12px rgba(0,100,124,.1);
}

.agreement_exception{}
.agreement_exception a{
display: inline;
}
.agreement_exception a:hover,
.agreement tbody tr.agreement_exception:hover a{
color: inherit;
background: #fff;
color: inherit;
}
.agreement tbody tr.agreement_exception{
color: inherit;
background: #fff;
}
.agreement tbody tr.agreement_exception:hover{
color: inherit;
background: #fff;
}
.agreement tbody tr.agreement_exception td{
padding: 2rem;
line-height: 1.5;
}

/*口座開設*/
.account .site{
overflow: hidden;
}
.btn-account {
position: relative;
line-height: .75;
}
.btn-account span {
position: absolute;
left: 2rem;
top: 1.25rem;
font-size: 10px;
}
.account h2 {
margin: 0 !important;
padding: 0;
font-size: 1.25rem;
font-weight: 600;
text-align: center;
color: #007c64;
background-color: transparent;
}
.account nav{
justify-content: center;
}
.account [data-tab-label]{
font-size: 1.5rem;
}
.account [data-tab="tab1"]:checked ~ nav ~ [data-tab-panel="tab1"]{
background-color: rgba(248,206,185,.2);
}
.account [data-tab="tab2"]:checked ~ nav ~ [data-tab-panel="tab2"]{
background-color: rgba(215,231,175,.2);
}


.account .pattern-a{
margin-bottom: 1rem;
padding: 1rem 1rem 1rem 1.5rem;
position: relative;
background-color: #fbf1f4;
border: 1px solid #d27797;
border-radius: 3px;
}
.account .pattern-b{
margin: 0 0 1rem;
padding: 1rem 1rem 1rem 1.5rem;
position: relative;
background-color: #f1fbf3;
border: 1px solid #7bd587;
border-radius: 3px;
}
.account .account span.green{
color: #39b249;
}
.account span.pink{
color: #b2395b;
}
.account .pattern-a li,
.account .pattern-b li{
padding: .25rem 0;
list-style: disc;
}
.account .pattern-a li:not(:last-child) {
border-bottom: 1px dotted rgba(213,121,152,.3);
}
.account .pattern-b li:not(:last-child) {
border-bottom: 1px dotted rgba(121,213,136,.3);
}
.account .account-supplement{
font-size: 1;
padding: 1rem;
background-color: #f5f1dd;
display: block;
border-radius: 3px;
}
.account .account .bank-detail-guide{
margin: 0 0 2rem;
padding: 1rem;
border: 1px solid #ddd;
}
.account .account .bank-detail-guide dt{
margin: 0 0 1rem;
}
.account .account-flow {
margin: 0 0 4rem;
padding: 0;
border: 2px solid #78c5d6;
border-radius: 6px 6px 0 0;
}
.account .account-flow dt {
margin: 0 0 1rem;
padding: .5rem;
font-size: 1.5rem;
line-height: 1.6;
color: #fff;
background-color: #78c5d6;
border-radius: 3px 3px 0 0;
}
.account .account-flow dd {
margin: 0 0 1rem;
padding: 0 1rem .5rem;
line-height: 1.6;
}
.account .account-flow dd dt {
margin: 1rem 0;
padding: .5rem 1rem;
font-size: 1.5rem;
line-height: 1.6;
color: #2c2c2c;
background-color: #fff;
border-top: 1px solid #78c5d6;
border-bottom: 3px solid #78c5d6;
border-radius: 3px;
}
.account .bank-caution {
margin: 0 0 2rem;
padding: 1rem;
border: 2px solid #f44336;
}
.account .bank-caution dt {
margin: 0 0 1rem;
padding: 0;
color: #000;
line-height: 1.6;
font-weight: 600;
}
.account-document {
margin: .5rem 0 0;
padding: .5rem .5rem .5rem 2rem;
border: 1px solid #bbe2ea;
border-radius: 3px;
}

@media screen and (max-width: 414px) {
.account .pattern-a,
.account .pattern-b{
margin-top: 60px;
padding: 48px .5em .5em .5em;
}
.account .pattern-a ul,.account .pattern-b ul{
margin-left: 1.5rem;
}
.account .pattern-a:before,.account .pattern-b:before{
left: 0;
right: 0;
top: -32px;
text-align: center;
margin: 0 auto;
}
}

.account .tabs__menu{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.account .tabs__menu li{
width: calc(50% - 2rem);
text-align: center;
}
.account .tabs__menu li a{
position: relative;
display: block;
margin: 0 1rem;
padding: 1rem;
font-weight: 600;
line-height: 1.5;
color: #333;
background-color: #e0e0e0;
border-radius: 4px 4px 0 0;
transition: .5s;
}
.account .tabs__menu li a:hover{
color: #fff;
background-color: rgba(0,124,100,.95);
}
.account .tabs__menu li.active a{
display: block;
padding: 1rem;
color: #fff;
background-color: #007c64;
}
.account .tabs__menu li.active a:after{
bottom: 0;
}
.account .tabs__content{
margin: 0;
padding: 4rem 4rem 2rem;
border:1px solid #007c64;
}
.account .pattern-a{
margin-bottom: 20px;
padding: 1em 1em 1em 1.5em;
position: relative;
background-color: #fbf1f4;
border: 1px solid #d27797;
border-radius: 3px;
}
.account .pattern-b{
padding: 1em 1em 1em 1.5em;
position: relative;
background-color: #f1fbf3;
border: 1px solid #7bd587;
border-radius: 3px;
}
.account span.green{
color: #39b249;
}
.account span.pink{
color: #b2395b;
}
.account .pattern-a li,
.account .pattern-b li{
padding: .25em 0;
list-style: disc;
}
.account .pattern-a li:not(:last-child) {
border-bottom: 1px dotted rgba(213,121,152,.3);
}
.account .pattern-b li:not(:last-child) {
border-bottom: 1px dotted rgba(121,213,136,.3);
}
@media screen and (max-width: 414px) {
.account .pattern-a,
.account .pattern-b{
margin-top: 60px;
padding: 48px .5em .5em .5em;
}
.account .pattern-a ul,
.account .pattern-b ul{
margin-left: 1.5em;
}

.account .pattern-a:before,
.account .pattern-b:before{
left: 0;
right: 0;
top: -32px;
text-align: center;
margin: 0 auto;
}
}

.account .btn-account{
position: relative;
}
.account .btn-account span{
position: absolute;
left: 2.75rem;
top:1.5rem;
font-size: 10px;
}
.account h2{
margin: 0 !important;
padding: 0;
font-size: 1.5rem;
font-weight: 600;
text-align: center;
color: #007c64;
background-color: transparent;
}
.account h2::before,
.account h2::after{
display: none;
}
.account .tabs__content h3 {
margin: 1rem 0 2rem;
padding-top: 0;
padding-bottom: 1em;
}
.account .heading h1{
line-height: 0;
}



.account [data-tabs] {
  /* --tab-background-color: #fff; */
  --tab-border-color: #F3F4F6;
  --tab-panel-background: #fff;
  /* --tab-panel-border-color: var(--tab-border-color);*/
  /* --tab-radius: 2px; */
  --tab-border-bottom-color: #9CA3AF;
  --tab-border-bottom-width: 2px;
  --tab-spacing: 1rem .5rem;
  /* --tab-active-shadow: inset 1px 0 0 var(--tab-border-color), inset -1px 1px 0 var(--tab-border-color), 0 1px 0 white; */
}

.account [data-tab] {
  display: none;
}

.account [data-tab-panel] {
  position: relative;
  z-index: 1;
  visibility: hidden;
  height: 0;
  opacity: 0;
  background-color: var(--tab-panel-background);
  transition: opacity .3s ease-in-out;
}

.account .section nav {
  display: flex;
  border-bottom: 1px solid #D1D5DB;
}

.account [data-tab-label] {
position: relative;
bottom: -1px;
padding: 1.5rem 3rem;
border-bottom-width: var(--tab-border-bottom-width, 0);
border-bottom-style: solid;
border-top-left-radius: var(--tab-radius, 0);
border-top-right-radius: var(--tab-radius, 0);
border-bottom-color: transparent;
background-color: var(--tab-background-color, none);
cursor: pointer;
}

@media(max-width:600px){
.account h2{
font-size: 1.5rem;
}
.account [data-tab-label]{
padding: .5rem;
font-size: .75rem;
line-height: 1.5;
text-align: left;
font-feature-settings:"palt";
}
.account [data-tab-label] i{
display: none;
}
.account [data-tab="tab1"]:checked ~ nav ~ [data-tab-panel="tab1"] h3,
.account [data-tab="tab2"]:checked ~ nav ~ [data-tab-panel="tab2"] h3,
.account [data-tab="tab3"]:checked ~ nav ~ [data-tab-panel="tab3"] h3{
font-size: calc(1rem + .6vw);
margin-bottom: 1rem;
}
}

.account [data-tab-label]:hover {
  border-bottom-color: var(--tab-border-bottom-color);
}

/* Tab Label Active State */

.account [data-tab="tab1"]:checked ~ nav [data-tab-label="tab1"],
.account [data-tab="tab2"]:checked ~ nav [data-tab-label="tab2"],
.account [data-tab="tab3"]:checked ~ nav [data-tab-label="tab3"] {
  --tab-background-color: #fff;
  z-index: 10;
  border-bottom-color: rgba(0,75,141,1);
background-color: rgba(0,75,141,.1);
border-radius: 4px 4px 0 0;
box-shadow: var(--tab-active-shadow, 0);
}

/* Tab Panel Active State */

.account [data-tab="tab1"]:checked ~ nav ~ [data-tab-panel="tab1"],
.account [data-tab="tab2"]:checked ~ nav ~ [data-tab-panel="tab2"],
.account [data-tab="tab3"]:checked ~ nav ~ [data-tab-panel="tab3"] {
  visibility: visible;
  width: 100%;
  height: auto;
  padding: var(--tab-spacing);
border: 1px solid rgba(0,75,141,1);
padding: 2rem;
  opacity: 1;
}

.account .tab_account-nav{
margin: 0 0 .5rem;
}
.account .irregular-tabslink{
display: inline-block;
border: none;
}
.account .irregular-tabslink label{
padding: 0;
border: none;
color: rgba(0,75,141,1);
font-weight: 600;
}
.account .irregular-tabslink label:hover{
}
.account .irregular-tabslink label{
position: relative;
display: inline-block;
padding: .4em;
text-decoration: none;
}
.account .irregular-tabslink label::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: rgba(0,75,141,1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.account .irregular-tabslink label:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.account .account-document sup{
display: inline-block;
position: relative;
top: 0;
color: #c67c96;
}
.account .account-document2{
margin: 0;
padding: 1rem 0 0 2rem;
list-style: "※";
}
.account .account-document2 li::marker{
color: #c67c96;
}
.account .account-document2 li{
font-size: 1.4rem;
}


/*Atm*/
.atm th,
.atm td{
padding: .5rem;
border-bottom: 1px solid #ddd;
}

.jb-contets-campaign{
position: relative;
z-index: 2;
margin: 0;
padding: 6rem 0 4rem;
background: rgba(244,242,241,.25);
background-color: #f9fffd;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.jb-contets-campaign::before{
position: absolute;
left: 0;
top: 0;
display: block;
content: "";
width: 85%;
height: 1px;
background-color: rgba(0,124,100,.75);
}
.jb-contets-campaign::after{
position: absolute;
right: 0;
top: 0;
display: block;
content: "";
width: 13%;
height: 1px;
background-color: rgba(0,124,100,.75);
}

.front-campaign li a{
display: block;
padding: 1rem 1rem 1rem 4rem;
}

.front-campaign li a:before {
content: none;
font-family: "FontAwesome";
margin-right: .5em;
}
.front-campaign li::after {
position: absolute;
left: .75rem;
top: 1.25rem;
font-size: 1rem;
content: "\f054";
font-family: "FontAwesome";
margin-right: .5em;
}
.front-campaign li.new::before{
position: absolute;
z-index: 1;
left: -.25rem;
top: .5rem;
content: url(images/icon_new.png);
}

.front-campaign{}
.front-campaign h2{
position: relative;
margin: 0 0 1rem;
padding: 0;
font-size: 1.5rem;
color: #000 !important;
}
.front-campaign ul{
margin: 0;
padding: 1rem;
list-style: none;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,124,100,.5)
}
.front-campaign ul li{
position: relative;
margin: 0;
padding: 0;
font-size: 1rem;
font-weight: 600;
}
.front-campaign ul li a{
display: block;
margin: 0;
padding: 1rem .75rem 1rem 3rem;
color: #0056b3;
}

.front-campaignul li{
position: relative;
width: 100%;
}
.front-campaign ul li a::before {
content: "";
z-index: 0;
display: block;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background: rgba(0,124,100,.1);
border-radius: 4px;
transition: width .3s;
}
.front-campaign ul li a:hover::before {
width: 100%;
}
.front-campaign ul li a:hover{
color: #007c64;
}
.front-campaign ul li:not(:last-child) {
border-bottom: 1px dotted #ddd;
}


.jb-contets-link{
position: relative;
margin: 0 0 4rem;
padding: 4rem 0;
background-color: rgba(176,215,238,1);
background-image: linear-gradient(-225deg, #64b3f4 0%, #c2e59c 100%);
}



@media (max-width: 480px) {
.sp-thumbnails-container{
display: none;
}
ul.jabank-campaign li{
display: block;
}
ul.jabank-campaign li a{
display: block;
}
ul.jabank-campaign li.new a {
position: relative;
padding: 1rem;
}
ul.jabank-campaign li.new a span{
position: absolute;
left: 0;
}
}



.savings .jb-contets-link{
position: relative;
margin-bottom: 4rem;
background-color: rgba(255,233,200,.75);
background-image: linear-gradient(-225deg, #fddb92 0%, #d1fdff 100%);
background-image: linear-gradient(-225deg, #fbfcdb 0%, #fddb92 100%);
}
.savings .jb-contets-link h2{
font-weight: 600;
color: rgba(255,150,59,1);
color: rgba(0,124,100,1);
background-color: transparent;
}
.loan .jb-contets-link{
background-image: linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);
}

.jabank.jabank-secondary h2:before {
content: " \f142";
font-family: "FontAwesome";
margin-right: .5em;
}

.loan .jb-contets-link h2{
font-weight: 600;
color: #036eb7;
color: #007c64;
background-color: transparent;
}

.jabank.jabank-secondary.loan h2:before,
.jabank.jabank-secondary.loan h2:after,
.jabank.jabank-secondary.savings h2:before,
.jabank.jabank-secondary.savings h2:after{
color: rgba(0,124,100,1);
}


.jb-contets-link::after{
content: "JA SAPPORO";
font-family: 'Roboto Condensed', sans-serif;
font-size: .75rem;
font-weight: 700;
letter-spacing: .25rem;
text-align: center;
position: absolute;
padding: 1rem;
right: 2rem;
bottom: -1.5rem;
display: block;
width: 200px;
height: 24px;
color: rgba(0,124,100,.75);
background-color: #fff;
z-index: 0;
}
.savings .jb-contets-link::after{
}
.loan .jb-contets-link::after{
//background-color: rgba(146,215,238,1);
}

.jb-contets-link figure{
position: relative;
z-index: 1;
}
.jb-contets-link figure img{
margin: 0 auto 2rem;
}
.jb-contets-link figcaption{
position: relative;
font-size: 1rem;
line-height: 1.25;
font-weight: 600;
color: #007c64;
color: #036eb7;
}
.jb-contets-link figcaption{
position: relative;
}
.jb-contets-link figcaption::before{
position: absolute;
left: 0;
right: 0;
top: -1rem;
margin: 0 auto;
display: block;
content: "";
width: 30px;
height: 3px;
background-color: rgba(176,215,238,1);
transition: .3s;
}
.jb-contets-link a:hover figcaption::before{
opacity: 0;
height: 1px;
background-color: rgba(0,124,100,.5);
}

.jb-contets-link a figure{
position: relative;
text-align: center;
display: block;
padding: 1.5rem 0;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,124,100,.5);
border-radius: 4px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: 1s;
}
.irregular_jb-contets-link{
position: relative;
text-align: center;
display: block;
padding: 1.5rem 0;
background-image: linear-gradient(30deg, rgba(255,255,255,0.522) 15%, #FFFFFF 59%) !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border: 1px solid rgba(0,124,100,.5);
border-radius: 4px;
cursor: pointer;
transition: 1s;
}

.sp-button {
width: 30px;
height: 5px;
background-color: rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,0);
border-radius: 0;
margin: 4px;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.sp-selected-button {
background-color:rgba(146,215,238,1);
border: 1px solid rgba(146,215,238,.0);
}

.jb-contets-link a{
color: #2c2c2c;
}
.jb-contets-link a:hover figure,
.irregular_jb-contets-link:hover{
color: #7d0c16;
border: 1px solid rgba(0,124,100,1);
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.jb-contets-link a:hover figure::before,
.irregular_jb-contets-link:hover::before{
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(0,124,100,1);
animation: line .5s ease-out both;
}
@keyframes line {
0%		{opacity: 0;transform: scale(0);}
95%	{opacity: 1;transform: scale(1);}
100%	{opacity: 0;transform: scale(1);}
}

.jb-contets-link-small{
position: relative;
z-index: 999;
}
.jb-contets-link-small a {
padding: 1rem 0;
text-align: inherit;
position: relative;
text-align: center;
display: block;
padding: .5rem 1rem;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,124,100,.5);
border-radius: 4px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: 1s;
}
.jb-contets-link-small a:hover .row::before{
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
border: 1px solid rgba(0,124,100,1);
animation: line .5s ease-out both;
}
@keyframes line {
0%		{opacity: 0;transform: scale(0);}
95%	{opacity: 1;transform: scale(1);}
100%	{opacity: 0;transform: scale(1);}
}
.jb-contets-link-small img{
margin: 0;
}
.jb-contets-link-small .col-8{
position: relative;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
font-weight: 600;
color: #007c64;
}
.jb-contets-link-small .col-8::before{
position: absolute;
bottom: 1.125rem;
left: 0;
top: inherit;
margin: 0 auto 0 0;
}

.mv{
position: relative;
z-index: 3;
margin: 0; 
padding: 2rem 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.jabank-front .mv{
z-index: 0;
margin: 0; 
padding: 2rem 0 4rem;
background-color: rgba(255,255,255,1);
}

.sp-image-container{
border-radius: 4px;
}

.savings .mv{
background-color: rgba(255,244,226,.75);
}

.loan .mv{
background-color: rgba(223,238,246,1);
}
.sp-bottom-thumbnails.sp-has-pointer{
margin-top: 0;
}
.sp-thumbnails.sp-grab{
}
.sp-thumbnail-container{
position: relative;
margin-top: 1.5rem;
}
.sp-thumbnail-container img{
position: absolute;
left: 0;
top: 0;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
position: relative;
top: 0;
margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
z-index: 3;
width: 100%;
border-bottom: 2px solid rgba(0,124,100,75);
top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
z-index: 3;
width: 0;
height: 0;
left: 50%;
top: inherit;
bottom: 0;
margin-left: -8px;
border-bottom: 13px solid rgba(0,124,100,1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}



.jabank-front .cd-main-content h2{
line-height: 1.6;
margin: 0 0 1rem;
font-size: 2.1rem;
font-weight: 700;
display: flex;
align-items: flex-start;
}
.jabank-front .cd-main-content h2:after {
position: relative;
top: 1.25rem;
border-top: 10px solid #007c64;
content: "";
flex-grow: 1;
}
.jabank-front .cd-main-content h2:after {
margin-left: 2rem;
}


.modal{
top: 20rem;
}
.modal.fade .modal-dialog{
-webkit-transfrom:inherit !important;
transform: inherit !important;
}
.modal h5{
font-weight: 600;
}
.modal-body .col-6 a{
padding: 1.5rem 0;
font-weight: 700;
}
.modal-body .col-6 a span{
position: relative;
}

.jb-contets-link-small a{
transition: .3s;
}
.jb-contets-link-small a:hover{
color: #fff;
background-color: rgba(0,124,100,.5);
}


@media (min-width:769px) and (max-width:1200px) {
.loanplaza-info .lead{
font-size: 1.75rem;
}
.loanplaza-info dd ul li{
font-feature-settings:"palt";
}
}
@media (min-width:769px) and (max-width:1000px) {
.loanplaza-info .lead{
font-size: 1.25rem;
}
.loanplaza-info .phone {
font-size: 3rem;
}
}

@media (max-width:1000px) {
.loanplaza-info dl{
display: block;
width: 100%;
}
.loanplaza-info dt,.loanplaza-info dd{
width: 100%;
max-width: 100%;
}
.loanplaza-info dt{
margin: 0 0 1rem;
padding: 0;
}
.loanplaza-info dd{
padding: 0;
}
}

@media (min-width:601px) and (max-width:768px) {
.loanplaza-info .lead{
font-size: 1.375rem;
font-feature-settings:"palt";
}
.loanplaza-info .phone{
font-size: 2.5rem;
}
.loanplaza-info dl{
width: 100%;
padding: 1rem 1rem;
}
.loanplaza-info .col-12 {
position: relative;
padding: 1rem 0rem;
border-style: solid;
border-color: rgba(0,124,100,.5);
border-width: 0;
}
.loanplaza-info .col-12::before,.loanplaza-info .col-12::after{
display: none;
}
.loanplaza-info dt.col-12{
margin: 0 0 1rem;
padding: 0;
}
.loanplaza-info dd.col-12{
margin: 0;
padding: 0;
}
}

@media (min-width: 601px){
.modal-content .col-6 span{
position: relative;
}
.modal-content .col-6 span::before{
position: absolute;
left: -2.75rem;
top: -.35rem;
display: block;
content: "";
width: 30px;
height: 30px;
background-image: url(images/icon_20.svg);
background-size: contain;
}
}

@media (max-width: 600px){
.sp-image-container {
border-radius: 0;
}
.heading .col-md-3 {
border-right: none !important;
}
}

@media (max-width: 440px){
.jb-contets-link figcaption {
font-size: 1.5rem;
font-weight: 600;
}
}

/*ATM*/
.atm .section td ul{
margin: 0;
padding: 0 0 0 1rem;
}
.atm .section td li{
list-style: "※";
}
.atm .section td li::marker{
color: #8a8a8a;
}
.transaction-item{
margin: 0;
padding: .5rem;
border: 1px solid #ddd;
border-radius: 3px;
}
.transaction-item dt{
margin: 0 0 .5rem;
padding: .5rem;
border-radius: 2px;
}
.transaction-item.weekdays dt{
background-color: #c5d647;
}
.transaction-item.saturday dt{
color: #fff;
background-color: #459ba8;
}
.transaction-item.sunday dt{
color: #fff;
background-color: #bf62a6;
}
.transaction-item dd{
margin: 0 0 0;
padding: 0.25rem 0 .25rem .75rem;
font-size: 1rem;
line-height: 1.6;
position: relative;
}
.transaction-item dd:before {
content: " \f0da";
font-family: FontAwesome;
position: absolute;
left: 0;
}
.transaction-item.weekdays dd:before {
color: #c5d647;
}
.transaction-item.saturday dd:before {
color: #459ba8;
}
.transaction-item.sunday dd:before {
color: #bf62a6;
}

.atm .section table{}
.atm .section th,
.atm .section td{
padding: .5rem;
border: 1px solid #ddd;
}

.atm-list{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.atm-list th,.atm-list td{
padding: 1.25em .5em;
white-space: nowrap;
}
.atm-list th{
font-size: 1rem;
line-height: 1;
background-color: #f9fffd;
}
.atm-list td{
font-size: 1rem;
line-height: 1.5;
}


/*手数料*/
.fee .section h2 {
position: relative;
margin: 0 0 1rem;
padding: .5rem .5rem .5rem 2rem;
font-size: 1.5rem;
color: #fff;
background-color: #78c5d6;
border-bottom: 1px solid #78c5d6;
}
.fee .section h2::before {
content: "";
position: absolute;
left: -2px;
top: -10px;
width: 0;
height: 0;
border-top: 16px solid transparent;
border-right: 16px solid rgba(0,0,0,.2);
border-bottom: 16px solid transparent;
transform: rotate(45deg);
transform-origin: center;
}

.fee .section h3 {
margin: 0 0 1rem;
padding: .5rem 0;
font-size: 1.25rem;
border-bottom: 1px solid #78c5d6;
background-color: transparent;
}
.fee .section h3 small{
margin: 0 0 1rem;
padding: .5rem 0;
font-size: 1rem;
font-weight: 600;
}

.fee th,
.fee td{
padding: .75rem 3rem;
border: 1px solid #ddd;
white-space: nowrap;
}
.fee th{
font-size: 1rem;
font-weight: 600;
background-color: rgba(120,197,214,.2);
}
.fee tbody th{
text-align: left;
background-color: #fafafa;
}
.fee td{
font-size: 1rem;
font-weight: 500;
text-align: center;
}
.fee .section ul{
padding: 0 0 0 2rem;
list-style-type: disc !important;
}
.fee .section ul li{
padding: .25rem 0;
font-size: .875rem;
line-height: 1.6;
}
.fee .section ol{
padding: 0 0 0 2rem;
list-style: none;
}
.fee .section ol li{
padding: 1rem 0;
font-size: .875rem;
line-height: 1.6;
}
.fee .section dl{
padding: 1rem;
border: 1px solid rgba(0,75,141,.15);
}
.fee .section dt{
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.25rem;
font-weight: 700;
color: #fff;
background-color: rgba(0,75,141,.7);
border: 1px solid #ddd;
}
.fee .section dd{
margin: 0;
padding: 1rem;
font-size: 1rem;
font-weight: 600;
line-height: 1.6;
}

.fee .section ol.condition {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin: 0 0 2rem;
}
.fee .section ol.condition li {
font-size: 1rem;
line-height: 1.6;
padding:0 0 0 30px !important;
position: relative;
}
.fee ol.condition li:not(:last-child) {
margin-bottom: 1rem;
}
.fee ol.condition li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #333;
border: 1px solid;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 22px;
width: 22px;
color: #ffffff;
font-size: 85%;
line-height: 1;
position: absolute;
top: 1px;
left: 0;
}
.fee .section ol.condition li small{
font-weight: 500;
}

.fee .condition-supplement{
counter-reset: my-counter;
list-style: none;
padding: 0;
margin: 0;
}
.fee .condition-supplement li {
font-size: 1rem;
line-height: 1.6;
padding:0 0 0 30px !important;
position: relative;
}
.fee .condition-supplement li:not(:last-child) {
margin-bottom: 1rem;
}
.fee .condition-supplement li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #fff;
border: 1px solid #333;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 22px;
width: 22px;
color: #000;
font-size: 1.4rem;
line-height: 1;
position: absolute;
top: 0;
left: 0
}


/*定型約款一覧*/
.agreement{
}
.agreement .section td a{
display: block;
padding: .4rem .8rem;
text-decoration: none;
color: #127ab0;
transition: .2s;
}
.agreement .section td a:hover{
/*text-decoration: underline;*/
background-color: rgba(0,0,0,.25);
border-radius: 4px;
}
.agreement .section thead tr{
border-bottom: 3px solid #007c64;
}
.agreement .section table{
margin-bottom: 4rem;
}
.agreement .section thead th{
padding: .5rem;
white-space: nowrap;
text-align: center;
border: none;
background-color: transparent;
font-weight: 700;
}
.agreement .section thead th span{
font-size: 1rem;
}
.agreement .section tbody th,
.agreement .section tbody td{
padding: .5rem;
text-align: left;
background-color: transparent;
}
.agreement .section tbody th{
width: 1%;
white-space: nowrap;
}
.agreement .section tbody td:nth-of-type(1) a,
.agreement .section tbody td:nth-of-type(2) a{
font-weight: 700;
}
.agreement .section tbody td:nth-of-type(2){
text-align: center;
}
.agreement .section tbody td:nth-of-type(2),
.agreement .section tbody td:nth-of-type(3){
width: 1%;
white-space: nowrap;
}
.agreement .section tbody tr:nth-child(2n+1) {
background-color: #f2f8f7;
}
.agreement .section tbody tr:hover {
color: #fff;
background-color: #78c5d6;
}
.agreement .section tbody tr:hover a{
color: #fff;
}

.agreement .section .border-b th,
.agreement .section .border-b td{
border-bottom: none !important;
}
.agreement .section .border-t th,
.agreement .section .border-t td{
border-top: none !important;
}

.agreement .section a.yakkan-link {
display: inline-block;
margin: 0 0 .5em;
padding: 1em;
background-color: #f9fffd;
border: 1px solid #007c64;
border-radius: 3px;
transition: .3s;
}
.agreement .section a.yakkan-link:hover {
background-color: #fff;
color: #007c64;
border: 1px solid #007c64;
box-shadow: 0 6px 12px rgba(0,100,124,.1);
}

/*住所・電話番号変更等のお手続きについて*/
.procedure{}
.procedure.page{}
.procedure .heading{
padding: 4rem 0;
}
.procedure .heading .col-md-4{
border-right: 1px solid #007c64;
}
.procedure .heading h1{
line-height: 1.4;
}
.procedure-contents{
margin: 0 0 4rem;
padding: 6rem 0;
background-color: rgba(223,238,246,1);
}


.procedure-contents .inner{
position: relative;
z-index: 0;
padding: 1rem;
border-width: 1px 1px 1px;
border-style: solid;
background-color: rgba(255,255,255,.5);
border-color: #007c64;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.procedure-contents h2{
display: inline-block;
position: relative;
z-index: 2;
top: -1.75rem;
margin: 0;
padding: 0;
color: #007c64;
font-size: 1.5rem;
font-weight: 600;
}

.procedure-contents h2 {
position: absolute;
left: 3rem;
top: -1rem;
display: inline-block;
background-color: #fff;
border: 1px solid #007c64;
}
.procedure-contents h2 span{
display: inline-block;
padding: 1rem;
position: relative;
z-index: 3;
}

.procedure-contents p{
margin: 0;
padding: 0 1.5rem;
line-height: 1.75;
text-align: justify;
}
.procedure-contents p{
font-size: 1.6rem;
}
.procedure-contents p.lead{
margin: 3rem 0 1rem;
font-size: 1.125rem;
font-weight: 600;
}

.procedure-internet dl,
.procedure-counter dl{
}

.procedure-contents dl{
margin: 0;
padding: 0 1.5rem;
}
.procedure-internet dl{
margin: 0 1.5rem;
padding: 1.5rem 1rem;
background-color: rgba(255,255,255,1);
border-radius: 3px;
}

.procedure-contents dt{
margin: 0 0 1.5rem;
padding: 0;
font-weight: 600;
line-height: 1.25;
color: #007c64;
}
.procedure-contents dd{
line-height: 1.5;
}
.procedure-contents dd a{
font-weight: 600;
color: #fff;
background-color: rgba(0,86,179,1);
border-color: rgba(0,86,179,1);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.procedure-contents dd a:hover{
color: rgba(0,86,179,1);
background-color: rgba(255,255,255,1);
border-color: rgba(0,86,179,1);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.procedure-contents dd a::before{
color: #fff;
}
.procedure-contents dd a:hover::before{
color: rgba(0,86,179,1);
}

.procedure-contents dd strong{
font-weight: 600;
}
.procedure-contents dl dl{
margin: 2rem 0 0;
padding: 0;
}
.procedure-contents dd dt{
margin: 0 0 1rem;
padding: 0;
font-weight: 600;
color: #007c64;
}
.procedure-contents dd dd{
margin: 0;
padding: 0;
font-size: .937rem;
line-height: 1.5;
text-align: justify;
}
.procedure-internet_list{
margin: 2rem 0 0;
padding: 0 2rem 0 4rem;
list-style: disc;
}
.procedure-internet_list li{
font-size: .937rem;
line-height: 1.5;
}
.procedure-internet_list li:not(:last-child) {
margin-bottom: 1rem;
}
.procedure-internet{}
.procedure-counter{}
.procedure-internet h2 span::after{width: 34rem;}
.procedure-counter h2 span::after{width: 22rem;}
.procedure-contents .procedure-counter-supplement{
padding: 1rem;
background-color: rgba(255,255,255,1);
border-radius: 3px;
}

.procedure-counter dd span{
font-feature-settings:"palt";
}


/********************************

	JAさっぽろ住宅ローン商品一覧

********************************/
.savings .heading,
.loan .heading,
.housing-loan .heading{
padding: 2rem 0 !important;
position: relative;
background-color: transparent;
}
.housing-loan .heading{
margin: 2rem 0 6rem;
}
.housing-loan .heading::after{
position: absolute;
right: 0;
bottom: 0;
content: "";
display: block;
width: 50vw;
height: 1px;
background-color: rgba(0,124,100,.5);
margin: 0 calc(50% - 50vw);
}
.housing-loan .heading::before{
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 75vw;
height: 75px;
background-color: rgba(0,124,100,.1);
margin: 0 calc(50% - 50vw);
}
.heading .col-md-6 {
border-right: 1px solid rgba(0,124,100,.5) !important;
}
.jabank.jabank-secondary.housing-loan h1 {
margin: 0;
padding: .5em 0;
line-height: 1.5;
color: #459ba8;
border: 1px solid #78c5d6;
border-radius: 3px;
letter-spacing: normal;
position: relative;
}

.housing-loan-cource{
padding: 4rem 0;
}

.housingloan_lineup dl {
margin: 0 0 2rem;
display: flex;
flex-flow: row wrap;
width: 100%;
}

.housingloan_lineup dt {
position: relative;
flex-basis: 20%;
padding: 1rem;
font-size: 1rem;
font-weight: 700;
line-height: 2;
background-color: #ffff;
border: 1px solid rgba(0,124,100,.5);
border-radius: 4px 0 0 4px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.housingloan_lineup dt span{
display: inline-block;
padding: .5rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(0,124,100,.85);
border: 1px solid rgba(0,124,100,.85);
border-radius: 2px;
width: fit-content;
}
.housingloan_lineup dt::before{
position: absolute;
left: -2rem;
display: block;
content: "";
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.housingloan_lineup dl:nth-of-type(1) dt::before{
top: 5px;
background-image: url(images/icon_home_01.svg);
}
.housingloan_lineup dl:nth-of-type(2) dt::before{
top: 5px;
background-image: url(images/icon_home_02.svg);
}
.housingloan_lineup dl:nth-of-type(3) dt::before{
top: 15px;
background-image: url(images/icon_home_03.svg);
}
.housingloan_lineup dl:nth-of-type(4) dt::before{
top: 15px;
background-image: url(images/icon_home_04.svg);
}
.housingloan_lineup dl:nth-of-type(5) dt::before{
top: 15px;
background-image: url(images/icon_home_05.svg);
}

.housingloan_lineup dd{
margin: 0;
}
.housingloan_lineup dd:nth-of-type(1) {
flex-basis: 62.5%;
padding: 1rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: .1rem;
border-top: 1px solid rgba(0,124,100,.5);
border-bottom: 1px solid rgba(0,124,100,.5);
text-align: justify;
background-color: #fff;
font-feature-settings:"palt";
display: flex;
flex-direction: column;
justify-content: center;
}
.housingloan_lineup dd:nth-of-type(2) {
flex-basis: 17.5%;
padding: 1rem;
background-color: #fff;
border-top: 1px solid rgba(0,124,100,.5);
border-bottom: 1px solid rgba(0,124,100,.5);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.housingloan_lineup dd:nth-of-type(2) a{
padding: 1rem;
font-weight: 600;
color: #fff;
background-color: rgba(0,75,141,1);
border-radius: 4px;
border: 1px solid rgba(0,75,141,1);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: .3s;
}
.housingloan_lineup dd:nth-of-type(2) a:hover{
color: rgba(0,75,141,1);
background-color: #fff;
}

@media screen and (max-width: 559px) {
.housingloan_lineup dl {
flex-flow: column;
}
}


/********************************

	JAさっぽろ住宅ローン（ステップ）

********************************/
.jabank.step{}
.step-type,
.step-description{
padding: 4rem 0;
}
.step-description{
background-color: rgba(245,211,208,.2);
}

.jabank.step td strong{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2.5rem;
}

.savings .heading,
.loan .heading,
.housing-loan .heading,
.lost .heading{
padding: 2rem 0 !important;
position: relative;
background-color: transparent;
}
.housing-loan .heading,
.lost .heading{
margin: 2rem 0 4rem;
}
.housing-loan .heading::after,
.lost .heading::after{
position: absolute;
right: 0;
bottom: 0;
content: "";
display: block;
width: 50vw;
height: 1px;
background-color: rgba(0,124,100,.5);
margin: 0 calc(50% - 50vw);
}
.housing-loan .heading::before,
.lost .heading::before{
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 75vw;
height: 75px;
background-color: rgba(0,124,100,.1);
margin: 0 calc(50% - 50vw);
}



.heading .col-md-6 {
border-right: 1px solid rgba(0,124,100,.5) !important;
}
.jabank.jabank-secondary.housing-loan h1 {
margin: 0;
padding: .5em 0;
line-height: 1.5;
color: #459ba8;
border: 1px solid #78c5d6;
border-radius: 3px;
letter-spacing: normal;
position: relative;
}



.ja-bank.housing-loan h2{
margin: 0 0 4rem;
padding: 0;
font-weight: 700;
color: #007c64;
font-size: 2rem;
background-color: transparent;
}

.ja-bank.housing-loan h2 span{
font-size: 1.125rem;
}
.ja-bank.housing-loan h2 span{
display: inline-block;
margin: 0 0 1rem 2rem;
position: relative;
padding: .75rem;
border: 1px solid #007c64;
}
.ja-bank.housing-loan h2 span::after{
position: absolute;
z-index: -1;
left: .25rem;
bottom: -.5rem;
content: "";
display: block;
width: calc(100% + .25rem);
height: 3.5rem;
}
.s-step3::after{background-color: rgba(245,211,208,.9);}
.s-step10::after{background-color: rgba(133,182,141,.35);}
.jabank.jabank-secondary.step h2:before,
.jabank.jabank-secondary.step h2:after{
display: none;
}
.jabank.jabank-secondary.step td{
text-align: left;
}
.jabank.jabank-secondary.step .step-type table td {
text-align: center;
}

/*住宅ローン*/
.housing-loan{}

.housing-loan .cd-main-content table{
margin: 0 0 2em;
border-collapse: collapse;
border-spacing: 0;
}
.housing-loan .cd-main-content table th,
.housing-loan .cd-main-content table td{
padding: 1em .5em;
}
.housing-loan .cd-main-content table th{
font-size: 1.3rem;
font-weight: bold;
border-bottom: 1px solid #007c64;
}
.housing-loan .cd-main-content table td{
text-align: center;
border-bottom: 1px solid #007c64;
}

.housing-loan .section .container i{
font-size: 4rem;
margin: 0 auto;
}
.housing-loan .icon{
margin: 0;
padding: 0;
}
.housing-loan .description h4{
margin-top: .5em;
}
.home1 i{color: #78c5d6;}
.home2 i{color: #459ba8;}
.home3 i{color: #79c267;}
.home4 i{color: #c5d647;}
.home5 i{color: #f5d63d;}
.home6 i{color: #f28c33;}
.home7 i{color: #e868a2;}
.home8 i{color: #bf62a6;}


.housing-loan_detail table{
margin: 0 0 4em;
border-collapse: collapse;
border-spacing: 0;
}
.housing-loan_detail table caption{
text-align: right;
padding-bottom: .5em;
}
.housing-loan_detail th,.housing-loan_detail td{
padding: 1em;
line-height: 1.6;
border: 1px solid #ddd;
}
.housing-loan_detail th{
white-space: nowrap;
background-color: #f1f9fb;
}

.housing-loan_detail table table th,.housing-loan_detail table table td{
padding: .25em;
line-height: 1.6;
border: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
.housing-loan_detail th,.housing-loan_detail td{
display: block;
width: 100%;
}
}






.housing-loan_detail .handling{
margin: 0 0 2em;
padding: 1em;
border: 1px solid #007c64;
}
.housing-loan_detail .handling dt{
margin: 0 0 1em;
padding: .5em 0;
color: #000;
font-size: 1.3rem;
font-weight: bold;
border-bottom: 1px solid #007c64;
}
.housing-loan_detail .handling dd{
margin: 0 0;
padding: 0;
font-size: 1.4rem;
line-height: 1.6;
}
.housing-loan_detail .handling dd ul{
}
.housing-loan_detail .handling dd li{
float: left;
}


.housing-loan .section .step-description th{
padding: 1rem 1.5rem;
font-size: 1.4rem;
width: 1%;
white-space: nowrap;
}
.housing-loan .section .step-description td{
padding: 1rem 1.5rem;
text-align: left;
font-size: 1.5rem;
}
.housing-loan .section .step-description td ul{
padding: 0 0 0 2rem;
list-style-type: disc;
}
.housing-loan .section .step-description td ul li{
letter-spacing: .1rem;
font-feature-settings:"palt";
}

.housing-loan .section .step-description td ul li::marker{
color: rgba(0,124,100,.75);
}
.housing-loan .section .step-description td ul li:not(:last-child) {
margin-bottom: .75rem;
}
.step-description ol{
margin: 0 0 4rem;
padding: 0;
list-style: none;
counter-reset: number;
}

.step-description ol li {
position: relative;
margin: 0 0 1rem 1.25rem;
line-height: 2.5;
padding: .5rem 0 .5rem 2rem;
border: 1px solid #eaeaea;
border-radius: 4px;
list-style: none;
font-size: 1.125rem;
font-weight: 700;
}

.step-description ol li:before {
float: left;
background: #ffef5f;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
color: #000;
text-align: center;
line-height: 2.125;
counter-increment: number;
content: counter(number);
margin-right: 1rem;
margin-left: -4rem;
}

.guarantee-charge{
padding: 4rem 0 0;
}
.guarantee-charge h4{
font-size: 2rem;
font-weight: 700;
}
.guarantee-charge p{
margin: 0 0 2rem;
}
.guarantee-charge p.lead{
font-weight: 700;
}
.guarantee-charge dl{
margin: 0 0 2rem;
}
.guarantee-charge dt{
margin: 0 0 1rem;
padding: 0 0 1rem;
font-weight: 700;
border-bottom: 2px solid rgba(0,124,100,1);
}
.guarantee-charge dd{
margin: 0 0 3rem;
line-height: 1.6;
}
.guarantee-charge dd dl{
margin: 2rem 0 2rem;
}
.guarantee-charge dd dl dt{
margin: 0 0 .5rem;
padding: .5rem;
border: 1px solid rgba(0,124,100,.5);
}
.guarantee-charge dd dl dd{
margin: 0 0 .5rem;
}


.loan-others .btn-jabank1{
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.loan-others td{
text-align: left !important;
}
.loan-others .nowrap{
white-space: nowrap;
}

@media screen and (max-width: 428px) {
.loan-others th,
.loan-others td{
white-space: nowrap;
}
.loan-others .col-md-9 a{
display: block;
text-align: left;
}
}


.loan-others .section{
padding: 4rem 0;
}
.loan-others .section:nth-of-type(even){
margin-top: 2rem;
background: #fafafa;
}
.loan-others h2 span{
position: relative;
top: -.25rem;
display: inline-block;
margin: 0 0 0 .75rem;
padding: .5rem;
font-size: 1.6rem;
line-height: 1;
font-weight: 600;
border: 1px solid #fff;
}
.loan-others dl.loan-description{
margin: 0 0 2rem;
display: flex;
flex-flow: row wrap;
width: 100%;
}
.loan-others dl.loan-description dt{
flex-basis: 15%;
padding: 1rem;
font-size: 1rem;
font-weight: 700;
background-color: #f2f4f1;
/*border-bottom: 1px solid #b0d7ee;*/
border-radius: 4px;
margin: 0;
}
.loan-others dl.loan-description dt:not(:last-child) {
margin: 0 0 .5rem;
}
.loan-others dl.loan-description dd{
position: relative;
margin: 0;
flex-basis: 85%;
padding: 1rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
background-color: #fff;
}
.loan-others dl.loan-description dd:not(:last-child) {
margin: 0 0 .5rem;
}
.loan-others dl.loan-description dd:not(:last-child)::after{
position: absolute;
left: 0;
bottom: -.25rem;
display: block;
content: "";
width: 100%;
height: 1px;
background-color: #b0d7ee;
}
.loan-others dl.loan-description dd ul{
padding: 0 0 0 2rem;
list-style-type: disc;
}
.loan-others dl.loan-description dd ul li{
line-height: 1.5;
}
.loan-others dl.loan-description dd ul li:not(:last-child) {
margin-bottom: .75rem;
padding-bottom: .75rem;
border-bottom: 1px dotted rgba(0,124,100,.5);
}
.loan-others .jabak-supplement{
margin: 1.5rem 0 2rem;
padding: 0 0 0 1rem;
width:-moz-fit-content; /* Firefox */
width:fit-content; /* other browsers */
}
.loan-others .jabak-supplement li{
position: relative;
padding: .75rem .75rem .75rem 2rem;
font-size: 1.4rem;
line-height: 1.5;
}
.loan-others .jabak-supplement li:not(:last-child) {
border-bottom: 1px dotted rgba(0,124,100,.5);
}
.loan-others .jabak-supplement li::before{
position: absolute;
left: 0;
display: block;
content: "※";
}
.loan-others .lead{
font-size: 1.6rem;
font-weight: 700;
}
.loan-others .btn-jabank span{
margin: 0 1rem;
padding: .25rem;
font-size: 1.5rem;
line-height: 1;
border-top: 1px solid rgba(255,255,255,.5);
border-bottom: 1px solid rgba(255,255,255,.5);
}


@media (max-width: 1199px) {
.loan-others .heading h1{
font-size: 2.4rem;
}
}


@media (max-width: 480px) {
.loan-others dl.loan-description {
flex-flow: column;
}
}


.loan-others .cd-main-content table{
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}
.loan-others .cd-main-content table th,
.loan-others .cd-main-content table td{
border: 1px solid #b0d7ee;
}
.loan-others .cd-main-content table th{
font-size: 1.8rem;
font-weight: 700;
}
.loan-others .cd-main-content table td {
font-size: 1.8rem;
font-weight: 600;
text-align: center !important;
}
.loan-others td strong {
font-family: 'Roboto Condensed', sans-serif;
font-size: 3rem;
display: inline-block;
margin: 0 .25rem;
position: relative;
top: .25rem;
}

.service .jb-contets-link{
background-image: linear-gradient(to right top, #51bca8, #5ebfad, #6ac3b2, #75c6b6, #80c9bb, #87ccbf, #8fd0c4, #96d3c8, #9cd8cd, #a1ddd2, #a7e2d7, #ade7dc);
}
.service .jb-contets-link h2 {
font-weight: 600;
color: #036eb7;
color: #007c64;
background-color: transparent;
}

/********************************

	LOAN PLAZA

********************************/


.loan-plaza dt {
margin: 0 0 .5rem;
padding: 1rem;
color: #1c1c1c;
background-color: rgba(0,124,100,.1);
border-radius: 8px 8px 0 0;
}
.loan-plaza dd{
margin: 0 0 2rem;
padding: 1rem;
}
.loan-plaza dd:not(:last-child) {
margin: 0;
}
.loan-plaza dd ul {
margin: 0;
padding: 0;
list-style:none;
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.loan-plaza dd ul li {
float: none;
margin: 0 0 0;
padding: .25em 0;
font-size: .937rem;
width: inherit;
font-feature-settings:"palt";
}
@media (max-width:1200px) {
.loan-plaza dd ul {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width:768px) {
.loan-plaza dd ul li {
font-size: .875rem;
}
}
@media (max-width:520px) {
.loan-plaza dd ul {
grid-template-columns: 1fr;
gap: 5px;
}
.loan-plaza dd ul li {
font-size: .937rem;
}
}
.loan-plaza dd ul li::before {
content: "\f0da";
font-family: FontAwesome;
padding-right: .25em;
color: rgba(0,0,0,.25);
}
.loan-plaza dd ul li a{
display: inline-block;
padding: .25rem 0;
position: relative;
text-decoration: none;
}
.loan-plaza dd ul li a:hover{
color: #007c64;
}
.loan-plaza dd ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #007c64;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin:left top 0;
    -moz-transform-origin:left top 0;
    -ms-transform-origin:left top 0;
    -o-transform-origin:left top 0;
    transform-origin:left top 0;
}
.loan-plaza dd ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

.office-info_covid-19{
margin-bottom: 6rem;
list-style: none;
}
.office-info_covid-19 a{
padding: 1rem;
color: #fff;
background-color: #459ba8;
border: 1px solid #459ba8;
border-radius: 3px;
}
.office-info_covid-19 a:hover{
color: #459ba8;
background-color: #fff;
border: 1px solid #459ba8;
}
.loan-plaza .ad_special-rate{
margin: 0 0 4rem;
border: 2px solid #C93600;
}
.loan-plaza .ad_special-rate dt{
margin:0 0 .5rem;
padding:.5rem;
font-size: 1.25rem;
font-weight: 600;
color: #C93600;
background-color: rgba(201,54,0,.1);
border: 1px solid #C93600;
}
.loan-plaza .ad_special-rate dd{
margin:0 0 .5rem;
padding:.5rem;
}
.heading .col-md-6.content-row{
border-right: none !important;
}



.entry-content h2{
margin: 0 0 4rem;
}
table{
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 2rem;
}
th,td{
padding: 1rem 1.5rem;
border: 1px solid #aaa;
width: calc(100% / 3) !important;
}
tbody th{
text-align: center;
font-size: 14px;
line-height: 1.5;
vertical-align: middle;
font-weight: 600;
background-color: #fff;
}
thead th{
border-bottom: 3px double #aaa;
}
tbody th strong{
display: block;
margin: 0 0 .5rem;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: .1rem;
text-align: center;
}
tbody th span{
display: block;
margin: 0;
font-size: 14px;
font-weight: 500;
letter-spacing: .1rem;
color: #dc0000;
text-align: left;
}
tbody td{
font-size: 15px;
text-align: left;
line-height: 1.5;
font-weight: 500;
vertical-align: middle;
background-color: #fff;
}
tbody td strong{
margin-bottom: .5rem;
font-size: 18px;
font-weight: 600;
}
.mb-2{
margin-bottom: 2rem !important;
}
.text-center{
text-align: center;
}
h3.text-center{
text-align: center;
}
.ul_consolidation{
margin: 0 0 10rem;
}
.ul_consolidation li{
position: relative;
margin: 0 0 .5rem;
padding: 0 0 0 2rem;
line-height: 1.5;
font-size: 1.4rem;
font-weight: 600;
}
.ul_consolidation li::before{
position: absolute;
left: 0;
content: "※";
display: block;
}
h1 em{
display: inline-block;
margin-right: 1rem;
padding: .5rem;
color: #007c64;
border: 1px solid #007c64;
}
.entry-content p.lead{
font-size: 1.8rem;
font-weight: 700;
}
/*.d-block{
transition: .3s;
}
.d-block:hover{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}*/
.entry-content p{
line-height: 1.75;
letter-spacing: .05rem;
color: #2c2c2c;
}
.entry-content dl{
margin: 0 0 2rem;
}
.entry-content dt{
margin: 0 0 1.5rem;
padding: 1.5rem;
color: #1c1c1c !important;
font-weight: 600;
letter-spacing: .05rem;
background-color: rgba(0,75,141,.1);
border-radius: 3px;
}
.entry-content dd{
margin: 0 0 1rem;
padding: 0 1rem;
}
.entry-content table{}
.entry-content thead th,
.entry-content tbody th,
.entry-content tbody td{
padding: 1rem;
}
.entry-content thead th{
color: #fff;
background-color: rgba(0,75,141,1);
white-space: nowrap;
}
.entry-content tbody th{
background-color: rgba(0,75,141,.01);
text-align: left;
white-space: nowrap;
}
.entry-content tbody td{
text-align: center;
}
.entry-content dd dl{
margin: 0;
padding: .5rem;
}
.entry-content dd dl dt{
padding: 0;
background-color: transparent;
}
.entry-content dd dl dd{
padding: 0;
line-height: 1.6;
}
.entry-content dd dl dd ol{
display: block;
margin: .5rem 0 0;
padding: 0;
line-height: 1.6;
}
td.text-left{
text-align: left !important;
}
.fa-caret-right{
position: relative;
top: 100%;
font-size: 4rem;
color: rgba(0,75,141,1);
}
.center-center {
display: grid;
place-content: center;
gap: 1ch;
}
.table3{
width: inherit;
}
@media (max-width:768px) {
.fa-caret-right{
position: relative;
top: 40%;
margin-bottom: 2rem;
font-size: 4rem;
color: rgba(0,75,141,1);
transform: rotate(90deg);
}
}
@media (min-width:520px) {
a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}
@media (max-width:520px) {
.cd-main-content thead th,
.cd-main-content tbody th,
.cd-main-content tbody td{
padding: .25rem;
}
.fa-caret-right{
top: 0;
}
}
.text-end{
text-align: right !important;
}


/*お知らせ*/

.notice-jabank .entry-content h2{
margin: 0 0 4rem;
}
.notice-jabank table{
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 2rem;
width: 100%;
}
.notice-jabank th,.notice-jabank td{
padding: 1rem 1.5rem;
border: 1px solid #aaa;
width: calc(100% / 3) !important;
}
.notice-jabank tbody th{
text-align: center;
font-size: 14px;
line-height: 1.5;
vertical-align: middle;
font-weight: 600;
background-color: #fff;
}
.notice-jabank thead th{
border-bottom: 3px double #aaa;
}
.notice-jabank tbody th strong{
display: block;
margin: 0 0 .5rem;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: .1rem;
text-align: center;
}
.notice-jabank tbody th span{
display: block;
margin: 0;
font-size: 14px;
font-weight: 500;
letter-spacing: .1rem;
color: #dc0000;
text-align: left;
}
.notice-jabank tbody td{
font-size: 15px;
text-align: left;
line-height: 1.5;
font-weight: 500;
vertical-align: middle;
background-color: #fff;
}
.notice-jabank tbody td strong{
margin-bottom: .5rem;
font-size: 18px;
font-weight: 600;
}
.mb-2{
margin-bottom: 2rem !important;
}
.notice-jabank h3.text-center{
text-align: center;
}
.notice-jabank .ul_consolidation{
margin: 0 0 10rem;
}
.notice-jabank .ul_consolidation li{
position: relative;
margin: 0 0 .5rem;
padding: 0 0 0 2rem;
line-height: 1.5;
font-size: 1.4rem;
font-weight: 600;
}
.notice-jabank .ul_consolidation li::before{
position: absolute;
left: 0;
content: "※";
display: block;
}
.notice-jabank h1 em{
display: inline-block;
margin-right: 1rem;
padding: .5rem;
color: #007c64;
border: 1px solid #007c64;
}
.notice-jabank .entry-content p.lead{
font-size: 1.8rem;
font-weight: 700;
}
.notice-jabank .entry-content p{
line-height: 1.75;
letter-spacing: .05rem;
color: #2c2c2c;
}
.notice-jabank .entry-content dl{
margin: 0 0 4rem;
}
.notice-jabank .entry-content dt{
margin: 0 0 1.5rem;
padding: 1.5rem;
color: #1c1c1c !important;
font-weight: 600;
letter-spacing: .05rem;
background-color: rgba(0,75,141,.1);
border-radius: 3px;
}
.notice-jabank .entry-content dd{
margin: 0 0 3rem;
padding: 1rem;
}
.notice-jabank .entry-content table{}
.notice-jabank .entry-content thead th,
.notice-jabank .entry-content tbody th,
.notice-jabank .entry-content tbody td{
padding: 1rem;
}
.notice-jabank .entry-content thead th{
color: #fff;
background-color: rgba(0,75,141,1);
white-space: nowrap;
}
.notice-jabank .entry-content tbody th{
background-color: rgba(0,75,141,.01);
text-align: left;
white-space: nowrap;
}
.notice-jabank .entry-content tbody td{
text-align: center;
}
.notice-jabank .entry-content dd dl{
margin: 0;
padding: .5rem;
}
.notice-jabank .entry-content dd dl dt{
padding: 0;
background-color: transparent;
}
.notice-jabank .entry-content dd dl dd{
padding: 0;
line-height: 1.6;
}
.notice-jabank .entry-content dd dl dd ol{
display: block;
margin: .5rem 0 0;
padding: 0;
line-height: 1.6;
}
.notice-jabank td.text-left{
text-align: left !important;
}
.notice-jabank .fa-caret-right{
position: relative;
top: 100%;
font-size: 4rem;
color: rgba(0,75,141,1);
}
.notice-jabank .center-center {
display: grid;
place-content: center;
gap: 1ch;
}
.notice-jabank .table3{
width: inherit;
}



body.latest-interest-rate th.line {
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke%3D%22%23007c64%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fsvg%3E");
background-size: 100% 100%;
position: relative;
}
body.latest-interest-rate th.line span{
color: #1c1c1c;
}
body.latest-interest-rate th.line span:nth-child(1), body.latest-interest-rate th.line span:nth-child(2) {
position: absolute;
font-size: .875rem;
line-height: 1.25;
}
body.latest-interest-rate th.line span:nth-child(1) {
top: 10px;
right: 5px;
}
body.latest-interest-rate th.line span:nth-child(2) {
bottom: 5px;
left: 5px;
}
ul.appendix{}
ul.appendix li{
padding: .25rem 0;
line-height: 1.5;
font-size: .875rem;
}
ul.appendix li:not(:last-child) {
border-bottom: 1px dotted #ddd;
}


@media (max-width:768px) {
.notice-jabank .fa-caret-right{
position: relative;
top: 40%;
margin-bottom: 2rem;
font-size: 4rem;
color: rgba(0,75,141,1);
transform: rotate(90deg);
}
}
@media (min-width:520px) {
.notice-jabank a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}
@media (max-width:520px) {
.notice-jabank .entry-content thead th,
.notice-jabank .entry-content tbody th,
.notice-jabank .entry-content tbody td{
padding: .25rem;
}
.notice-jabank .entry-content　.fa-caret-right{
top: 0;
}
}


@media  (max-width: 767px) {
.heading h1{
font-size: 1.6rem;
}
.heading .col-md-6.content-row p{
text-align: center
}
}



@media (min-width:769px) and (max-width:1024px) {
.procedure .heading h1{
font-size: 2rem;
}
}


@media (min-width:481px) and (max-width:768px) {
.procedure .heading h1{
font-size: 2.5rem;
}
.procedure .heading .col-md-4{
border-right: none;
}
.procedure-contents h2{
font-size: 1.75rem;
}
}

@media (max-width: 480px) {
.procedure .heading .col-md-4{
border-right: none;
}
.procedure .heading h1{
font-size: 1.875rem;
}
.procedure .heading .col-md-8 p{
color: #25283D !important;
}
.procedure-contents h2{
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
width:-moz-fit-content; /* Firefox */
width:fit-content; /* other browsers */
}
.procedure-contents p.lead{
font-size: 1.625rem;
font-feature-settings:"palt";
}
.procedure-contents dt{
font-size: 1.5rem;
}
.housing-loan.step .step-description table{}
.housing-loan.step .step-description th,
.housing-loan.step .step-description td{
display: block;
width: 100%;
}
.housing-loan.step .step-description td{
border: none;
}
.jabank.jabank-secondary.housing-loan h1{
font-size: 2rem;
}
.housingloan_lineup dt::before {
left: -1rem;
}
.housingloan_lineup dd:nth-of-type(1) {
border-top: none;
border-bottom: none;
}
.housingloan_lineup dd:nth-of-type(2) {
border-top: none;
border-bottom: 1px solid rgba(0,124,100,.5);
}
}


@media (max-width: 428px){
.procedure .heading h1{
font-size: 1.75rem;
font-feature-settings:"palt";
}
.procedure-contents h2{
font-size: 1.75rem;
top: -1.5rem;
}
.procedure-internet dl{
padding: 1rem;
}
.procedure-contents p.lead{
font-size: 1.5rem;
font-feature-settings:"palt";
}
.procedure-contents dt{
font-size: 1.375rem;
font-feature-settings:"palt";
}
.loan-others .cd-main-content table th {
font-size: 1.6rem;
}
.btn-jabank{
display: block;
padding: 1.5rem 6rem 1.5rem 1.5rem;
}
.loan-others .btn-jabank1 span{
display: block;
width: 100%;
margin: 1rem 0;
}
}


@media (max-width: 320px){
.jabank-front .cd-main-content h2 {
font-size: 1.8rem;
}
.loanplaza-info .lead{
font-size: 1.8rem;
}
.loan-others .heading h1 {
font-size: 2rem;
}
.jabank.step h2{
font-size: 2.5rem;
}
.jabank.step h2 span{
font-size: 1.4rem;
}
}

/*ローン各種*/
.mycar-loan{}
.education-loan{}
.reform-loan{}
.card-loan{}
.free-loan{}

.mycar-loan .section h2,
.education-loan .section h2,
.reform-loan .section h2,
.card-loan .section h2,
.free-loan .section h2{
position: relative;
margin: 0 0 2.5rem;
padding: .5rem;
font-size: 1.5rem;
}
.mycar-loan .section h2::before,
.mycar-loan .section h2::after,
.education-loan .section h2::before,
.education-loan .section h2::after,
.reform-loan .section h2::before,
.reform-loan .section h2::after,
.card-loan .section h2::before,
.card-loan .section h2::after,
.free-loan .section h2::before,
.free-loan .section h2::after{
content: "";
position: absolute;
left: 0;
display: block;
}
.mycar-loan .section h2::before,
.education-loan .section h2::before,
.reform-loan .section h2::before,
.card-loan .section h2::before,
.free-loan .section h2::before{
width: 60px;
background-color:rgba(0,75,141,1) ;
bottom: calc(-.5rem - 1px);
height: 3px;
}
.mycar-loan .section h2::after,
.education-loan .section h2::after,
.reform-loan .section h2::after,
.card-loan .section h2::after,
.free-loan .section h2::after{
width: 100%;
background-color: rgba(0,0,0,.35);
bottom: -.5rem;
height: 1px;
}
.mycar-loan .section h2 span,
.education-loan .section h2 span,
.reform-loan .section h2 span,
.card-loan .section h2 span,
.free-loan .section h2 span{
position: relative;
top: -.25rem;
display: inline-block;
margin: 0 0 0 .75rem;
padding: .5rem;
font-size: .875rem;
line-height: 1;
font-weight: 600;
border: 1px solid rgba(0,75,141,.5);
}

.mycar-loan .section dl,.mycar-loan .section dt,.mycar-loan .section dd,
.education-loan .section dl,.education-loan .section dt,.education-loan .section dd,
.reform-loan .section dl,.reform-loan .section dt,.reform-loan .section dd,
.card-loan .section dl,.card-loan .section dt,.card-loan .section dd,
.free-loan .section dl,.free-loan .section dt,.free-loan .section dd{
margin: 0;
padding: 0;
}
.mycar-loan .section dl,
.education-loan .section dl,
.reform-loan .section dl,
.card-loan .section dl,
.free-loan .section dl{
background-color: #fff;
border-top: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
margin: 0 0 2rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.mycar-loan .section dt,
.education-loan .section dt,
.reform-loan .section dt,
.card-loan .section dt,
.free-loan .section dt{
background-color: #FBFBFB;
font-weight: bold;
}
.mycar-loan .section dt,
.mycar-loan .section dd,
.education-loan .section dt,
.education-loan .section dd,
.reform-loan .section dt,
.reform-loan .section dd,
.card-loan .section dt,
.card-loan .section dd,
.free-loan .section dt,
.free-loan .section dd{
padding: 1rem;
box-sizing: border-box;
border-right:  1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.mycar-loan .section dt,
.education-loan .section dt,
.reform-loan .section dt,
.card-loan .section dt,
.free-loan .section dt{
width: 10em;
}
.mycar-loan .section dd,
.education-loan .section dd,
.reform-loan .section dd,
.card-loan .section dd,
.free-loan .section dd{
width: calc(100% - 10em);
}
.mycar-loan .section table,
.education-loan .section table,
.reform-loan .section table,
.card-loan .section table,
.free-loan .section table{
margin: 0 0 4rem;
}
.mycar-loan .section td strong,
.education-loan .section td strong,
.reform-loan .section td strong,
.card-loan .section td strong,
.free-loan .section td strong{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
}

/*住宅ローン詳細*/
.detail_01{}
.detail_02{}
.detail_03{}
.detail_04{}
.detail_05{}
.detail_06{}
.detail_07{}
.detail_08{}
.detail_more_b_01{}
.detail_more_b_02{}
.detail_more_b_03{}
.detail_more_b_04{}

.detail_01,
.detail_02,
.detail_03,
.detail_04,
.detail_05,
.detail_06,
.detail_07,
.detail_08,
.detail_more_b_01
.detail_more_b_02
.detail_more_b_03
.detail_more_b_04{}

.detail_01 .col-md-8,
.detail_02 .col-md-8,
.detail_03 .col-md-8,
.detail_04 .col-md-8,
.detail_05 .col-md-8,
.detail_06 .col-md-8,
.detail_07 .col-md-8,
.detail_08 .col-md-8,
.detail_more_b_01 .col-md-8,
.detail_more_b_02 .col-md-8,
.detail_more_b_03 .col-md-8,
.detail_more_b_04 .col-md-8{
padding-top: 4rem;
}

.detail_01 .col-md-8 h1,
.detail_02 .col-md-8 h1,
.detail_03 .col-md-8 h1,
.detail_04 .col-md-8 h1,
.detail_05 .col-md-8 h1,
.detail_06 .col-md-8 h1,
.detail_07 .col-md-8 h1,
.detail_08 .col-md-8 h1,
body.detail_more_b_01 .col-md-8 h1,
body.detail_more_b_02 .col-md-8 h1,
body.detail_more_b_03 .col-md-8 h1,
body.detail_more_b_04 .col-md-8 h1{
position: relative;
margin: 0 0 2.5rem;
padding: 1rem .5rem;
font-size: 1.75rem;
border-top: 1px solid rgba(0,0,0,.35);
border-bottom: 1px solid rgba(0,0,0,.35);
}

.detail_01 .col-md-8 h2,
.detail_02 .col-md-8 h2,
.detail_03 .col-md-8 h2,
.detail_04 .col-md-8 h2,
.detail_05 .col-md-8 h2,
.detail_06 .col-md-8 h2,
.detail_07 .col-md-8 h2,
.detail_08 .col-md-8 h2,
.detail_more_b_01 .col-md-8 h2,
.detail_more_b_02 .col-md-8 h2,
.detail_more_b_03 .col-md-8 h2,
.detail_more_b_04 .col-md-8 h2{
position: relative;
margin: 0 0 2.5rem;
padding: .5rem;
font-size: 1.5rem;
}

.detail_01 .col-md-8 h2::before,
.detail_02 .col-md-8 h2::before,
.detail_03 .col-md-8 h2::before,
.detail_04 .col-md-8 h2::before,
.detail_05 .col-md-8 h2::before,
.detail_06 .col-md-8 h2::before,
.detail_07 .col-md-8 h2::before,
.detail_08 .col-md-8 h2::before,
.detail_more_b_01 h2::before,
.detail_more_b_02 h2::before,
.detail_more_b_03 h2::before,
.detail_more_b_04 h2::before,
.detail_01 .col-md-8 h2::after,
.detail_02 .col-md-8 h2::after,
.detail_03 .col-md-8 h2::after,
.detail_04 .col-md-8 h2::after,
.detail_05 .col-md-8 h2::after,
.detail_06 .col-md-8 h2::after,
.detail_07 .col-md-8 h2::after,
.detail_08 .col-md-8 h2::after,
.detail_more_b_01 .col-md-8 h2::after,
.detail_more_b_02 .col-md-8 h2::after,
.detail_more_b_03 .col-md-8 h2::after,
.detail_more_b_04 .col-md-8 h2::after{
content: "";
position: absolute;
left: 0;
display: block;
}
.detail_01 .col-md-8 h2::before,
.detail_02 .col-md-8 h2::before,
.detail_03 .col-md-8 h2::before,
.detail_04 .col-md-8 h2::before,
.detail_05 .col-md-8 h2::before,
.detail_06 .col-md-8 h2::before,
.detail_07 .col-md-8 h2::before,
.detail_08 .col-md-8 h2::before,
.detail_more_b_01 .col-md-8 h2::before,
.detail_more_b_02 .col-md-8 h2::before,
.detail_more_b_03 .col-md-8 h2::before,
.detail_more_b_04 .col-md-8 h2::before{
width: 60px;
background-color:rgba(0,75,141,1) ;
bottom: calc(-.5rem - 1px);
height: 3px;
}
.detail_01 .col-md-8 h2::after,
.detail_02 .col-md-8 h2::after,
.detail_03 .col-md-8 h2::after,
.detail_04 .col-md-8 h2::after,
.detail_05 .col-md-8 h2::after,
.detail_06 .col-md-8 h2::after,
.detail_07 .col-md-8 h2::after,
.detail_08 .col-md-8 h2::after,
.detail_more_b_01 .col-md-8 h2::after,
.detail_more_b_02 .col-md-8 h2::after,
.detail_more_b_03 .col-md-8 h2::after,
.detail_more_b_04 .col-md-8 h2::after{
width: 100%;
background-color: rgba(0,0,0,.35);
bottom: -.5rem;
height: 1px;
}

.detail_01 .col-md-8 table,
.detail_02 .col-md-8 table,
.detail_03 .col-md-8 table,
.detail_04 .col-md-8 table,
.detail_04 .col-md-8 table,
.detail_06 .col-md-8 table,
.detail_07 .col-md-8 table,
.detail_08 .col-md-8 table,
.detail_more_b_01 .col-md-8 table,
.detail_more_b_02 .col-md-8 table,
.detail_more_b_03 .col-md-8 table,
.detail_more_b_04 .col-md-8 table{
}
.detail_01 .col-md-8 th,
.detail_02 .col-md-8 th,
.detail_03 .col-md-8 th,
.detail_04 .col-md-8 th,
.detail_04 .col-md-8 th,
.detail_06 .col-md-8 th,
.detail_07 .col-md-8 th,
.detail_08 .col-md-8 th,
.detail_more_b_01 .col-md-8 th,
.detail_more_b_02 .col-md-8 th,
.detail_more_b_03 .col-md-8 th,
.detail_more_b_04 .col-md-8 th,
.detail_01 .col-md-8 td,
.detail_02 .col-md-8 td,
.detail_03 .col-md-8 td,
.detail_04 .col-md-8 td,
.detail_05 .col-md-8 td,
.detail_06 .col-md-8 td,
.detail_07 .col-md-8 td,
.detail_08 .col-md-8 td,
.detail_more_b_01 .col-md-8 td,
.detail_more_b_02 .col-md-8 td,
.detail_more_b_03 .col-md-8 td,
.detail_more_b_04 .col-md-8 td{
padding: .5rem;
font-size: .875rem;
}
.detail_01 .col-md-8 td,
.detail_02 .col-md-8 td,
.detail_03 .col-md-8 td,
.detail_04 .col-md-8 td,
.detail_05 .col-md-8 td,
.detail_06 .col-md-8 td,
.detail_07 .col-md-8 td,
.detail_08 .col-md-8 td,
.detail_more_b_01 .col-md-8 td,
.detail_more_b_02 .col-md-8 td,
.detail_more_b_03 .col-md-8 td,
.detail_more_b_04 .col-md-8 td{
line-height: 1.5;
}

.detail_01 .col-md-8 td ul,
.detail_02 .col-md-8 td ul,
.detail_03 .col-md-8 td ul,
.detail_04 .col-md-8 td ul,
.detail_05 .col-md-8 td ul,
.detail_06 .col-md-8 td ul,
.detail_07 .col-md-8 td ul,
.detail_08 .col-md-8 td ul,
.detail_more_b_01 .col-md-8 td ul,
.detail_more_b_02 .col-md-8 td ul,
.detail_more_b_03 .col-md-8 td ul,
.detail_more_b_04 .col-md-8 td ul{
}
.detail_01 .col-md-8 td ul li,
.detail_02 .col-md-8 td ul li,
.detail_03 .col-md-8 td ul li,
.detail_04 .col-md-8 td ul li,
.detail_04 .col-md-8 td ul li,
.detail_06 .col-md-8 td ul li,
.detail_07 .col-md-8 td ul li,
.detail_08 .col-md-8 td ul li,
.detail_more_b_01 .col-md-8 td ul li,
.detail_more_b_02 .col-md-8 td ul li,
.detail_more_b_03 .col-md-8 td ul li,
.detail_more_b_04 .col-md-8 td ul li{
line-height: 1.5;
}
.detail_01 .col-md-8 td ul li:not(:last-child),
.detail_02 .col-md-8 td ul li:not(:last-child),
.detail_03 .col-md-8 td ul li:not(:last-child),
.detail_04 .col-md-8 td ul li:not(:last-child),
.detail_04 .col-md-8 td ul li:not(:last-child),
.detail_06 .col-md-8 td ul li:not(:last-child),
.detail_07 .col-md-8 td ul li:not(:last-child),
.detail_08 .col-md-8 td ul li:not(:last-child),
.detail_more_b_01 .col-md-8 td ul li:not(:last-child),
.detail_more_b_02 .col-md-8 td ul li:not(:last-child),
.detail_more_b_03 .col-md-8 td ul li:not(:last-child),
.detail_more_b_04 .col-md-8 td ul li:not(:last-child){
margin: 0 0 .5rem;
}
.detail_01 .col-md-8 td table,
.detail_02 .col-md-8 td table,
.detail_03 .col-md-8 td table,
.detail_04 .col-md-8 td table,
.detail_05 .col-md-8 td table,
.detail_06 .col-md-8 td table,
.detail_07 .col-md-8 td table,
.detail_08 .col-md-8 td table,
.detail_more_b_01 .col-md-8 td table,
.detail_more_b_02 .col-md-8 td table,
.detail_more_b_03 .col-md-8 td table,
.detail_more_b_04 .col-md-8 td table,{
margin: 1rem 0;
}
.detail_01 .col-md-8 td ol,
.detail_02 .col-md-8 td ol,
.detail_03 .col-md-8 td ol,
.detail_04 .col-md-8 td ol,
.detail_05 .col-md-8 td ol,
.detail_06 .col-md-8 td ol,
.detail_07 .col-md-8 td ol,
.detail_08 .col-md-8 td ol,
.detail_more_b_01 .col-md-8 td ol,
.detail_more_b_02 .col-md-8 td ol,
.detail_more_b_03 .col-md-8 td ol,
.detail_more_b_04 .col-md-8 td ol,{
margin: .5rem 0;
padding: 0;
list-style: none;
}
.detail_01 .course-link,
.detail_02 .course-link,
.detail_03 .course-link,
.detail_04 .course-link,
.detail_05 .course-link,
.detail_06 .course-link,
.detail_07 .course-link,
.detail_08 .course-link,
.detail_more_b_01 .course-link,
.detail_more_b_02 .course-link,
.detail_more_b_03 .course-link,
.detail_more_b_04 .course-link,{
margin-top: 4rem;
}

.detail_01 .col-md-8 th,
.detail_02 .col-md-8 th,
.detail_03 .col-md-8 th,
.detail_04 .col-md-8 th,
.detail_05 .col-md-8 th,
.detail_06 .col-md-8 th,
.detail_07 .col-md-8 th,
.detail_08 .col-md-8 th,
.detail_more_b_01 .col-md-8 th,
.detail_more_b_02 .col-md-8 th,
.detail_more_b_03 .col-md-8 th,
.detail_more_b_04 .col-md-8 th{
white-space: nowrap;
}

.detail_01 .course-link,
.detail_02 .course-link,
.detail_03 .course-link,
.detail_04 .course-link,
.detail_05 .course-link,
.detail_06 .course-link,
.detail_07 .course-link,
.detail_08 .course-link,
.detail_more_b_01 .course-link,
.detail_more_b_02 .course-link,
.detail_more_b_03 .course-link,
.detail_more_b_04 .course-link{
position: sticky;
padding-top: 4rem;
list-style: none;
}

.detail_01 .course-link li,
.detail_02 .course-link li,
.detail_03 .course-link li,
.detail_04 .course-link li,
.detail_05 .course-link li,
.detail_06 .course-link li,
.detail_07 .course-link li,
.detail_08 .course-link li,
.detail_more_b_01 .course-link li,
.detail_more_b_02 .course-link li,
.detail_more_b_03 .course-link li,
.detail_more_b_04 .course-link li{
position: relative;
margin: 0;
padding: 0 0 0 1rem;
font-size: .937rem;
}
.detail_01 .course-link li:before,
.detail_02 .course-link li:before,
.detail_03 .course-link li:before,
.detail_04 .course-link li:before,
.detail_05 .course-link li:before,
.detail_06 .course-link li:before,
.detail_07 .course-link li:before,
.detail_08 .course-link li:before,
.detail_more_b_01 .course-link li:before,
.detail_more_b_02 .course-link li:before,
.detail_more_b_03 .course-link li:before,
.detail_more_b_04 .course-link li:before{
position: absolute;
left: 1rem;
top: 1.125rem;
display: inline-block;
font-size: .5rem;
content: "\f054";
font-family: FontAwesome;
}
.detail_01 .course-link li a,
.detail_02 .course-link li a,
.detail_03 .course-link li a,
.detail_04 .course-link li a,
.detail_05 .course-link li a,
.detail_06 .course-link li a,
.detail_07 .course-link li a,
.detail_08 .course-link li a,
.detail_more_b_01 .course-link li a,
.detail_more_b_02 .course-link li a,
.detail_more_b_03 .course-link li a,
.detail_more_b_04 .course-link li a{
display: block;
margin: 0;
padding: 1rem 0 1rem 1.25rem;
color: rgba(0,75,141,1);
}
.detail_01 .course-link li:not(:last-child) a,
.detail_02 .course-link li:not(:last-child) a,
.detail_03 .course-link li:not(:last-child) a,
.detail_04 .course-link li:not(:last-child) a,
.detail_05 .course-link li:not(:last-child) a,
.detail_06 .course-link li:not(:last-child) a,
.detail_07 .course-link li:not(:last-child) a,
.detail_08 .course-link li:not(:last-child) a,
.detail_more_b_01 .course-link li:not(:last-child) a,
.detail_more_b_02 .course-link li:not(:last-child) a,
.detail_more_b_03 .course-link li:not(:last-child) a,
body.detail_more_b_04 .course-link li:not(:last-child) a{
border-bottom: 1px dotted #999;
}


/*カード等の紛失・盗難時のご案内*/
.lost .section {}

.lost .section h2{
position: relative;
margin: 0 0 2rem;
padding: .5rem 0;
font-size: 1.5rem;
}
.lost .section h2::before,
.lost .section h2::after{
content: "";
position: absolute;
left: 0;
display: block;
}
.lost .section h2::before{
width: 60px;
background-color:rgba(0,75,141,1) ;
bottom: calc(-.5rem - 1px);
height: 3px;
}
.lost .section h2::after{
width: 100%;
background-color: rgba(0,0,0,.35);
bottom: -.5rem;
height: 1px;
}



.lost .section figure{
border: 1px solid #ddd;
}
.lost .section figure img{}
.lost .section figcaption{
padding: .5rem;
}
.lost .section figcaption dl{}
.lost .section figcaption dt{
position: relative;
margin: 0 0 1rem;
padding: .5rem;
font-size: 1.125rem;
border-bottom: 1px solid #ddd;
}
.lost .section figcaption dd{
font-size: .875rem;
line-height: 1.6;
}
.lost .section figcaption dd ol{
}
.lost .section figcaption dd ol li{
padding: 0;
font-size: .875rem;
line-height: 1.6;
}
.lost .section figcaption dd ol li:not(:last-child) {
margin-bottom: .5rem;
}

@media(max-width:600px){
.jabank-footerlink ul{
display: block;
}
.jabank-footerlink ul li{
margin: .5rem 0;
}

}

.loan-others table、
.mycar-loan .section table,
.card-loan .section table,
.education-loan table,
.reform-loan table{
caption-side: bottom;
}
.loan-others .section table caption,
.mycar-loan .section table caption,
.card-loan .section table caption,
.education-loan table caption,
.reform-loan table caption{
padding-top: .5rem;
text-align: right;
color: #dc0000;
}

@media (max-width: 375px){
.jb-contets-link figcaption {
font-size: 1.25rem;
font-weight: 600;
}
}
@media (max-width: 320px){
.jb-contets-link figcaption {
font-size: 1rem;
font-weight: 600;
}
}

/*住宅ローン提携業者*/
.page-id-5213 .section h1{
margin: 0 0 2rem;
padding: 1rem;
border-bottom: 1px solid rgba(0,75,141,1);
}
.page-id-5213 .section .btn-hlp-wrap {}
.page-id-5213 .section .btn-hlp-wrap span{
display: block;
padding: 2rem 6rem;
background-color: rgba(0,75,141,.1);
border-radius: 3px;
}
.page-id-5213 .section .btn-hlp,
.page-id-5218 .section .btn-hlp{
display: inline-block;
padding: 1rem 2rem;
font-size: 1rem;
font-weight: 500;
color: #fff;
background-color: rgba(0,75,141,1);
border: 1px solid rgba(0,75,141,1);
border-radius: 3px;
transition: .3s;
}
.page-id-5218 .section .btn-hlp{
display: block;
}
.page-id-5213 .section .btn-hlp:hover,
.page-id-5218 .section .btn-hlp:hover{
color: rgba(0,75,141,1);
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,75,141,1);
}
.page-id-5218 .section .btn-hlp small{
display: inline-block;
margin-left: 1rem;
font-size: .687rem;
}

.page-id-5213 .section dl{
padding: 1rem;
background-color: rgba(0,0,0,.025);
border: 1px solid #ddd;
}
.page-id-5213 .section dt{
margin: 0 0 1rem;
padding: 0;
}
.page-id-5213 .section dd{
line-height: 1.75;
}
.page-id-5213 .section dd dl{
margin-bottom: 0;
}

.page-id-5218 .site form{
margin: 3rem auto 0;
padding: 2rem;
border: 1px solid rgba(0,75,141,1);
width: 720px;
max-width: 720px;
}
.page-id-5218 .site form .pwbox-5218{
border: 1px solid rgba(0,75,141,1);
}
.page-id-5218 .site form p:first-child{
margin-bottom: 2rem;
}

.page-id-5218{}
.page-id-5218 .section h1{
text-align: center;
}
.page-id-5218 .section-02{
background-color: rgba(0,75,141,.05);
}
.page-id-5218 .section-02 h2{
margin: 0 0 1rem;
padding: .5rem 0;
font-size: 1.25rem;
border-bottom: 1px solid rgba(0,75,141,1);
}
.page-id-5218 .section-02 dl{
margin: 0 0 1rem;
padding: .5rem;
border-radius: 3px;
border: 1px solid rgba(0,75,141,1);
}
.page-id-5218 .section-02 dt{
margin: 0 0 1rem;
padding: .5rem;
border-radius: 3px;
background-color: rgba(0,75,141,.25);
}
.page-id-5218 .section-02 dd{
padding: 0 .5rem;
line-height: 1.75;
border-radius: 3px;
}
.page-id-5218 .section h2{
margin: 0 auto 1.5rem;
font-size: 2rem;
text-align: center;
}
.page-id-5218 .section-03 h3{
margin: 0 0 1rem;
padding: .5rem 0;
font-size: 1.25rem;
border-bottom: 1px solid rgba(0,75,141,1);
}
.ul_hrbp1{
margin: 0 0 2rem;
}
.ul_hrbp1 li{
margin: 0 0 0 1.5rem;
padding: .25rem 0;
line-height: 1.6;
}
.ul_hrbp2{
margin: 0;
padding: 1rem 1rem 1rem 1.5rem;
list-style: none;
background-color: rgba(0,75,141,.05);
border-radius: 4px;
}
.ul_hrbp2 li{
margin: 0;
padding: .5rem;
line-height: 1.6;
border-bottom: 1px dotted rgba(0,75,141,.5);
}

.section_hlbp-news{}
.section_hlbp-news .inner{
padding: 1rem;
border: 1px solid rgba(0,75,141,1);
}
.section_hlbp-news .inner h2{
margin: 0 auto;
font-size: 1.125rem;
}
.section_hlbp-news .inner ul{
margin: 0;
}
.section_hlbp-download{
}
.ul_hlbp-asterisk{
list-style: none;
}
.ul_hlbp-asterisk li{
list-style: "（※）";
font-size: .875rem;
line-height: 1.75;
letter-spacing: .05rem;
text-align: justify;
}

/*暫定対応20230516*/
@media(max-width:600px){
.ja-bank .heading p{
text-align: center;
}
}

@media(max-width:320px){
.ja-bank .heading h1{
font-size: 1.25rem;
}
.fee th, .fee td {
padding: .5rem;
}
.page-id-190{}
.fee [data-accordion]{
border: 1px solid #666;
}
.fee [data-accordion-item] > label{
padding: .25rem;
font-size: .937rem;
font-feature-settings:"palt";
}

.page-id-190 .card.card-body h4{
font-size: 1.125rem;
font-weight: 600;
}
.page-id-190 .card.card-body h5{
font-size: .937rem;
}
.page-id-190 .card.card-body {
padding: .5rem;
}
.fee .section dl{
padding: .25rem;
}
.fee .section dt{
padding: .25rem;
}
.fee .section dd {
padding: .25rem;
}
.fee [data-accordion-panel]{
padding: .25rem !important;
font-size: .937rem;
font-feature-settings:"palt";
}
.page-id-190 .card.card-body p{
font-size: .937rem;
}
.fee .section ol {
padding: 0;
}
.fee .condition-supplement li:before {
height: 20px;
width: 20px;
color: #000;
font-size: 1rem;
}
}

.importnt-info2 ul li span,
.jabank-news ul li span{
display: inline-block;
position: absolute;
left: -.65rem;
top: 5px;
z-index: 33333;
}

.section_sc2025_main {
position: relative;
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'>\
<defs>\
<filter id='noise'>\
<feTurbulence type='fractalNoise' baseFrequency='0.12' numOctaves='5' />\
<feColorMatrix type='matrix' values='\
1 0 0 0 0 \
0 1 0 0 0 \
0 0 1 0 0 \
0 0 0 0.2 0'/>\
</filter>\
</defs>\
<rect width='100%' height='100%' fill='%238cc63f'/>\
<rect width='100%' height='100%' filter='url(%23noise)'/>\
</svg>");
}