/*------- reset -------*/

a,article,aside,audio,blockquote,body,caption,dd,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,label,li,mark,menu,nav,ol,output,p,pre,ruby,section,span,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}a{text-decoration:none}i{font-style:normal}img{border:none;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* clearfix */
.row1:after, .row2:after, .row3:after, .row4:after, .row5:after, .row6:after, .row7:after, .row8:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

header *,
footer *,
.footer-fdial *,
.breadcrumb{
    box-sizing: border-box;
}

footer {
    margin-top: 100px;
}

.td-m{
  vertical-align: middle;
}

.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }

.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }

.pl15 {padding-left: 15px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}

.ml15 {margin-left: 15px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}

.ind {
text-indent: -2.5em;
margin-left: 2.5em;
}

.ind1 {
text-indent: -1em;
margin-left: 1em;
}

.ind2 {
text-indent: -2em;
margin-left: 2em;
}

.lh20 {
line-height: 2;
}

.txt-red{
  color: #CC0012;
}

.txt-udl{
  font-weight: 700;
  text-decoration: underline;
}

body{ /* スマホで明朝体になる対策 */
  font-family: Hiragino Kaku Gothic ProN;
}

/* ------------------------------------

 loan.css
 ボタンなど共通で追加作成

------------------------------------ */


.planelink,
.pdflink,
.iconlink {
  text-decoration: underline;
  color: #002663;
}
footer .iconlink,
header .iconlink {
  text-decoration: none;
}
.iconlink::after {
  content: '';
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: no-repeat url("/common/images/icon_window_g.svg");
  display: inline-block;
}
.pdflink::after {
  content: '';
  width: 13px;
  height: 17px;
  margin-left: 5px;
  background: no-repeat url("/common/images/icon_pdf_blue.svg");
  display: inline-block;
  vertical-align: middle;
}
.top-campaign a[href$="pdf"] p::after,
.campaignList a[href$="pdf"] p::after {
  content: '';
  width: 13px;
  height: 17px;
  margin-left: 5px;
  background: no-repeat url("/common/images/icon_pdf_blue.svg");
  display: inline-block;
  vertical-align: middle;
}
.top-torikumi .slick-slide a[href$="pdf"] p::after,
.torikumi-top .ban-list li a[href$="pdf"] p::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 16px;
  margin-top: -4px;
  margin-left: 7px;
  background: no-repeat url("/common/images/icon_pdf_blue.svg");
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}
.pdfbtn-blue,
.otherbtn-blue,
.linkbtn-blue,
.linkbtn-bgblue {
  max-width: 350px;
  width: 90%;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #4668E6;
  border: 1px solid #4668E6;
  display: block;
  position: relative;
  border-radius: 3px;
  background: #FCFDFF;
  box-sizing: border-box;
}
.pdfbtn-blue.left,
.otherbtn-blue.left,
.linkbtn-blue.left,
.linkbtn-bgblue.left{
  margin: 0 0 30px;
}
.linkbtn-bgblue {
  background-color: #4668E6;
}
.linkbtn-bgblue a{
  color: #FCFDFF;
}
.pdfbtn-blue a,
.otherbtn-blue a,
.linkbtn-blue a,
.linkbtn-bgblue a{
  padding: 16px 30px 16px 15px;
  display: block;
  text-align: center;
}
.pdfbtn-blue a::after,
.otherbtn-blue a::after,
.linkbtn-blue a::after,
.linkbtn-bgblue a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.pdfbtn-blue a::after{
  width: 12px;
  height: 16px;
  background: no-repeat url("/common/images/ico_pdf-bl.svg");
}
.otherbtn-blue a::after {
  width: 13px;
  height: 13px;
  background: no-repeat url("/common/images/icon_otherlink_blue.svg");
}
.linkbtn-blue a::after {
  width: 7px;
  height: 13px;
  background: no-repeat url("/common/images/icon_arrow-right.svg");
}
.linkbtn-bgblue a::after {
  width: 7px;
  height: 13px;
  background: no-repeat url(/common/images/icon_arrow-right_w.svg);
}
.linkbtn-bgblue a.otherico::after {
  width: 13px;
  height: 13px;
  background: no-repeat url(/common/images/icon_otherlink_wh.svg);
}


.boxbtn-link.blue {
  color: #fff;
  background: #4668E6;
}
.boxbtn-link.blue::after {
  background: no-repeat url("/common/images/icon_arrow-right_w.svg");
}

.h64{
  height: 64px;
}

.tworows-wrap{
  width: 48%;
}
.tworows-wrap .rank-ul li {
  text-indent: 0;
  padding: 0 0 20px 35px;
  position: relative;
  counter-increment: caution;
  display: block;
  border-bottom: 1px solid #cdcdcd;
}
.tworows-wrap .rank-ul li::before {
  content: counter(caution)'.';
  height: 1em;
  margin: auto;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 7px;
}
.tworows-wrap li{
  margin-bottom: 20px;
  padding: 0 10px;
}
.tworows-wrap li a{
  margin-bottom: 10px;
  display: block;
}
.right{
  text-align: right;
}
.center{
  text-align: center;
}

.free-dial{
  width: 50%;
  margin: 20px auto 0;
}
.free-dial img{
  width: 100%;
}

.cardList-ti.one{
  padding: 36px 20px;
}


/* 商品・サービスを探すで使用 */
.flex.three{
  flex-wrap: wrap;
}
.flex.three > div{
  width: 33.3333%;
}

.cardList-li a .cardList-info{
  color: #000;
}
.cardList-li a{
  display: block;
  height: 100%;
}

.kojin-service-index .accordion-main,
.kojin-service-index .accordion-main-dfopen{
  margin-bottom: 40px;
}
.kojin-service-index .boxbtn.arrow{
  margin: 0;
}
.kojin-service-index .pdf-pdf img{
  vertical-align: middle;
}
.kojin-service-index .loan-br-ti{
  width: auto;
  text-align: center;
  border-bottom: 3px solid #F0B500;
  display: inline-block;
}
.kojin-service-index .loan-br-ti::after{
  content: none;
}
.kojin-service-index .section{
  padding-bottom: 30px;
  border-bottom: 1px solid #cdcdcd;
}

/* 申し込みボタン共通 */
.section.flow .loan-nav{
  gap: 0;
}
.section.flow .loan-nav-li{
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
}
.section_br.another .loan-nav-li{
  width: 45% !important;
  box-sizing: border-box;
}
.section_br.another .loan-nav{
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
  gap: 0;
}
.section.flow .loan-nav-link,
.section_br.another .loan-nav-link{
  line-height: 1.3;
}

/* アコーディオン共通 */
.accordion-tit,
.accordion-tit-dfopen{
  cursor: pointer;
}
.accordion-tit::after{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background-image: url("/common/images/icon_plus_bl.svg");
  background-size: contain;
  vertical-align: middle;
}
.accordion-tit.open::after{
  background: no-repeat center url("/common/images/icon_minus_bl.svg");
}
.accordion-tit-dfopen::after{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background-image: url("/common/images/icon_minus_bl.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.accordion-tit-dfopen.close::after{
  background: no-repeat center url("/common/images/icon_plus_bl.svg");
}
.accordion-main-dfopen.closed{
  display: none;
}


@media screen and (max-width: 750px) {

  .lefticon-nav .loan-nav-link {
    padding: 14px 24px 14px 10px !important;
    text-indent: 0 !important;
  }
  .boxbtn.w40 {
    max-width: 400px;
    width: 90% !important;
    margin: 0 auto;
  }
  .boxbtn.w35 {
    max-width: 350px;
    width: 90% !important;
    margin: 0 auto;
  }
  .boxbtn-link{
    font-size: 1.5rem !important;
  }

  .tworows-wrap{
    width: 100%;
  }

  .min .loan-hero-img {
    width:100% !important;
    object-fit: cover !important;
  }
  picture.loan-hero img{
    width:100% !important;
  }

  /* pc用のflexが醜い場合の調整 */
  .flex-responsive{
    flex-wrap: wrap;
  }
  .flex-responsive .dotted-list-li.w4{
    width: 100%;
  }

  /* spのみのmargin */
  .sp-mt30{
    margin-top: 30px;
  }

  /* spのみのwidth90% */
  .sp-w90 {
    width: 90% !important;
  }

  .free-dial {
    width: 100%;
 }

   /* パスポート */
  .license.flex .loan-figcaption{
    margin: 2px 0 20px;
  }

  .flex.three > div{
    width: 100%;
  }

  /* youtubeレスポンシブ */
  .youtube-wrap{
    position: relative;
    width: 100%;
    padding: 56% 0 0 0;
  }
  .youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .cardList-ti.one{
    padding: 20px;
  }

  .cnt-mt20{
    display: block;
    margin: 20px auto 0;
    text-align: center;
  }

  ul:not(.sp-full) .cardList-ti.sp-one{
    padding: 20px 3px 19px 10px !important;
  }

  ul:not(.sp-full) .cardList-ti.one-sp{
    padding: 20px 3px 20px 10px !important;
  }

}


.group-ul *,
.dl-simple-list *{
  box-sizing: border-box;
}
.group-ul dl,
.dl-simple-list {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #CCC;
}
.group-ul :nth-child(2) dl{
  border-top: 0;
}
.group-ul dl > div,
.dl-simple-list.three > div{
  width: 33.3333%;
  border-right: 1px solid #CCC;
}
.dl-simple-list.two > div{
  width: 50%;
  border-right: 1px solid #CCC;
}
.group-ul dl div:last-child,
.dl-simple-list dl div:last-child{
  border-right: 0;
}
.group-ul dl div dt,
.dl-simple-list div dt{
  border-bottom: 1px solid #CCC;
  padding: 15px 20px;
  background: #F1F1F1;
  box-sizing: border-box;
}
.group-ul dl div dd,
.dl-simple-list div dd{
  padding: 15px 20px;
  line-height: 150%;
}
.group-ul.contact dl div dd img,
.dl-simple-list div dd img{
  max-width: 90%;
  width: auto;
  margin: 0 auto;
  display: block;
}
.group-ul li:nth-child(2) dl dt{
  display: none;
}
.group-ul.contact .linkbtn-bgblue{
  max-width: 350px;
  width: 80%;
  font-size: 1.6rem;
}
.group-ul.contact .linkbtn-bgblue a{
  padding: 10px 30px 10px 15px;
}

@media screen and (max-width: 750px) {

  .group-ul dl,
  .dl-simple-list{
    display: block;
  }
  .group-ul dl div,
  .dl-simple-list div{
    width: 100% !important;
    border-right: 0 !important;
  }
  .group-ul dl div dt,
  .dl-simple-list div dt{
    min-height: auto;
    padding: 15px 20px;
    border-top: 1px solid #CCC;
  }
  .group-ul dl div:first-child dt,
  .dl-simple-list div:first-child dt{
    border-top: 0;
  }
  .group-ul li:nth-child(2){
    margin-top: 30px;
  }
  .group-ul li:nth-child(2) dl dt{
    display: block;
  }
  .group-ul :nth-child(2) dl{
    border-top: 1px solid #CCC;
  }
  .group-ul.contact .linkbtn-bgblue{
    max-width: 350px;
    width: 100%;
  }
}

/*------- 共通 header footer用記述 -------*/

html{
  font-size: 62.5%;
}
/*
html.large{
  font-size: 68.75%;
}*/
body{
  min-width: 1300px;
  font-size: 1.6rem;

}
header img,
footer img{
  width: auto;
  max-width: 100%;
  vertical-align: bottom;
}
a:hover{
  cursor: pointer;
}

/*
body {
  line-height: 130%;
  font-size: 16px;
  color: #242424;
}*/
a {color: #4668E6;}


.image-section {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.section-head {margin: 0 0 60px;}
.section-headTitle {
  padding: 20px 0;
  margin: 0 0 60px;
  font: bold 3.1rem/110px sans-serif;
  background: #F3F8FF;
}
.section-headTitle-text ,
.section-headAside {
  max-width: 1200px;
  margin: auto;
  display: block;
  box-sizing: border-box;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  .section-headTitle-text ,
  .section-headAside {padding: 0 24px;}
}

/* 追從バナーが下にあるページの場合、footerの大枠として記載 */
.pb100{
  padding-bottom: 100px;
}

/* ------------------------------------

 共通パーツ PC

------------------------------------ */

/* TOPへ戻るボタン */
#pagetop{
  width: 70px;
  height: 70px;
  right: 15px;
  bottom: 15px;
  position: fixed;
  z-index: 2;
}
#pagetop a{
  width: 60px;
  height: 60px;
  filter: drop-shadow(2px 2px 2px rgba(000,000,000, 0.3));
  position: relative;
  background-color: #f0b500;
  border-radius: 50%;
  display: block;
}
#pagetop a:after{
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  position: absolute;
  top: 50%;
  left: 37%;
  margin-top: -4px;
  transform: rotate(-45deg);
}
#pagetop a:hover{
  opacity: 0.7;
}

/* ぱんクズ */

.breadcrumb{ /* importantはBootstrap打ち消し */
  max-width: 1240px;
  width: 100%;
  padding: 0 20px !important;
  margin: 20px auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: none !important;
}
.breadcrumb>li+li:before{ /* Bootstrap打ち消し */
  content: none !important;
}
.breadcrumb li{
  width: auto;
  padding-right: 10px;
  font-size: 1.4rem;
}
.breadcrumb li:after{
  content: "\ff1e";
  display: inline-block;
  padding: 0 10px;
}
.breadcrumb li:last-child{
  margin-bottom: 0;
}
.breadcrumb li:last-child:after{
  content: none;
}
.breadcrumb li a{
  text-decoration: underline;
  color: #002663;
}
.breadcrumb li a:hover{
  text-decoration: none;
  cursor: pointer;
}

/* 追従メニュー */

#follow-menu{
  width: 310px;
  padding: 18px 0 0;
  position: fixed;
  top: 50%;
  right: -260px;
  transform: translateY(-50%);
  border-radius: 3px 0 0 3px;
  box-shadow: -1px 0px 4px #4668e6;
  z-index: 1000;
  background: #fff;
  transition: 0.3s;
}
#follow-menu.open{
  right: 0;
  transition: 0.3s;
}
#follow-menu.open li a{
  padding: 0 15px;
}
#follow-menu ul li {
  position:relative;
  margin-top: 18px;
}
#follow-menu ul li a{
  width: 100%;
  padding: 0 10px;
  display: block;
  text-align: left;
  padding-right: 12px;
  color: #242424;
  font-size: 1.35rem;
}
#follow-menu ul li a img{
  width: auto;
  display: inline-block;
  padding-right: 12px;
}
#follow-menu ul li:first-child{
  margin-top: 0;
}
#follow-menu ul li:last-child a.fm-btn{
  width: 100%;
  padding: 5px 0 5px 20px;
  background: #4668e6;
  color: #fff;
  border-radius: 0 0 0 3px;
  display: block;
  text-align: left;
}
#follow-menu ul li:last-child a.fm-btn.open{
  padding: 5px 0;
  text-align: center;
}
#follow-menu mark {
  width: 110px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 330px;
  z-index: 1001;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  background: #002663;
  border-radius: 0.5em;
  font-size: 1.2rem;
  text-align: center;
}
#follow-menu ul li:last-child a.fm-btn .on,
#follow-menu ul li:last-child a.fm-btn.open .off{
  display: none;
}
#follow-menu ul li:last-child a.fm-btn.open .on,
#follow-menu ul li:last-child a.fm-btn .off{
  display: block;
}
#follow-menu mark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #002663;
}
#follow-menu a:hover~mark {
  display: block;
}
#follow-menu.open a:hover~mark,
#follow-menu.open mark{
  display: none;
}

/* table */

.tableset th {
  min-width: 100px;
  padding: 16px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  white-space: nowrap;
  background: #f1f1f1;
}
.tableset th + td,
.bgf8{
  background: #f8f8f8;
}

.w300{
  width: 300px !important;
  flex: none !important;
}
.tableset-th.bgwh,
.tableset-th2.bgwh,
.tableset td.bgwh{
  background: #fff !important;
}

.tableset.full,
.tableset.sim-full{
  width: 100%;
}
.tableset.full th,
.tableset.full td {
  width: 33%;
  min-width: 33%;
  box-sizing: border-box;
  white-space: normal;
}
.tableset.sim-full th,
.tableset.sim-full td {
  min-width: auto;
  box-sizing: border-box;
  white-space: normal;
}

/* 電話番号スマホのみタップ */
a[href^="tel:"]{
  pointer-events: none;
  color: #000;
}

@media screen and (max-width: 750px) {
  a[href^="tel:"]{
    text-decoration: underline !important;
    pointer-events: auto;
    color: #4668E6;
  }
}

/* common-style.css独自リスト */
.h_title_b{
font-size: 2.5rem;
font-weight: bold;
}

.list-style01{
  margin: 0 0 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-style01.three{
  width: 1200px;
  margin: 0 auto;
}
.list-style01 li{
  margin-bottom: 30px;
  border-radius: 3px;
  background: #FCFDFF;
  border: 1px solid #4668E6;
  position: relative;
  display: flex;
}
.list-style01 li.banner-link{
  background: none;
  border: 0;
}
.list-style01 li.banner-link a img{
  max-width: 100%;
  width: auto;
}
.list-style01.two li{
  width: 48.5%;
}
.list-style01.two.kinri li {
    width: 26.5%;
    margin: 0 auto;
}
.list-style01.three li{
  width: 31%;
}
.list-style01.three::before{
  display: block;
  content: "";
  order: 1;
  width: 31%;
}
.list-style01.four li{
  width: 23%;
}
.list-style01.four::before,
.list-style01.four::after{
  display: block;
  content: "";
  order: 1;
  width: 23%;
}
.list-style01 li a{
  width: 100%;
  padding: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #4668E6;
  display: flex;
  align-items: center;
}
.list-style01.pdmin li a{
  padding: 15px 30px 15px 18px;
}
.list-style01.four li a{
  padding: 15px 30px;
}
.list-style01.kinri li a{
  padding: 16px 40px;
}
.list-style01 li.banner-link a{
  padding: 0;
}
.list-style01 li:not(.banner-link) a::after {
  content: '';
  width: 7px;
  height: 13px;
  margin: auto;
  background: no-repeat url(/common/images/icon_arrow-right.svg);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}
.list-style01 li a.pdfico::after,
.boxbtn-link.pdfico::after {
  width: 12px;
  height: 16px;
  background: no-repeat url(/common/images/ico_pdf-bl.svg);
}
.list-style01 li a.otherico::after {
  width: 13px;
  height: 13px;
  background: no-repeat url(/common/images/icon_otherlink_blue.svg);
}

ol.num{
  margin-left: 20px;
}
ol.num li{
  margin-bottom: 5px;
  list-style: decimal;
}

@media screen and (max-width: 750px) {

  .list-style01.two li{
    width: 47%;
    margin-bottom: 20px;
  }
  .list-style01 li a{
    padding: 15px 25px 15px 15px;
    font-size: 1.5rem;
  }
  .list-style01 li a::after,
  .list-style01.two li a::after,
  .list-style01.three li a::after{
    right: 10px;
  }
  .list-style01.three,
  .list-style01.kinri{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  .list-style01.three li,
  .list-style01.four li,
  .list-style01.two.kinri li{
    width: 47%;
    margin-bottom: 20px;
  }
  .list-style01.sp1line li{
    width: 100% !important;
  }
  .list-style01.kinri li a {
    padding: 16px 20px;
  }
  .list-style01.three::before,
  .list-style01.four::before{
    display: block;
    content: "";
    order: 1;
    width: 47%;
  }
  .list-style01.four li a{
    padding: 15px;
  }
  .list-style01.four li:not(.banner-link) a::after {
    right: 15px;
  }
  .list-style01 li h3 br{
    display: none;
  }
  .list-style01 li a i{
    display: block;
    font-size: 1.3rem;
  }

}

/* リスト */

@media screen and (max-width: 750px) {

  ul:not(.sp-full) .cardList-li{
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  ul:not(.sp-full) .cardList-ti {
    width: 100%;
    padding: 8px 3px 8px 10px !important;
    order: 2;
    border-bottom: 0 !important;
    position: relative;
  }
  ul:not(.sp-full) .cardList-ti-link{
    width: 86% !important;
    height: auto !important;
    font-size: 15px !important;
  }
  ul:not(.sp-full) .cardList-ti-link::after {
    width: 10%;
    background-size: contain !important;
    vertical-align: middle;
    position: absolute;
    right: 10px;
  }
  ul:not(.sp-full) .cardList-fig{
    order: 1;
  }
  ul:not(.sp-full) .cardList-img {
    object-fit: initial !important;
    width: 100% !important;
    height: auto !important;
  }

}

@media screen and (max-width: 420px) {
  .cardList-ti-link br{
    display: none;
  }
}

/* ------------------------------------

 header PC

------------------------------------ */

header div:after,
header ul:after,
footer div:after,
footer ul:after {
    content: none;
}

header .wrap{
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

.header-wrap{
  width: 100%;
  min-width: 1300px;
  margin: 0 auto 20px;
  padding: 20px 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header-logo{
  min-width: 345px;
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header-logo img, .header-logo span{
  display: block;
}
.header-logo img{
  width: 160px;
  height: auto;
}
.header-logo span.cord{
  vertical-align: middle;
  font-size: 1.4rem;
  padding-left: 20px;
  line-height: 1;
  padding-top: 5px;
}
header .pc-hparts{
  width: 45%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.pc-hparts img{
  width: auto;
  margin: 0 auto;
}
header .voice {
  width: 17%;
  display: block;
  text-align: center;
}
header .fontsize {
  width: 15%;
}
header .voice p,
header .fontsize > p{
  font-size: 1.3rem;
  color: #242424;
}
.xp-wrap{
  max-width: 330px;
  width: 100%;
  padding: 0;
  margin: 10px 0 0;
}

#fsize-btn{
  background: #e9e9e9;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 1.4rem;

}
#fsize-btn > p{
  width: 50%;
  margin: 0;
  padding: 2px 6px;
  cursor: pointer;
}
#standard{ font-size: 1.3rem; }
#large{ font-size: 1.4rem; }

#standard{
  background: #f0b500 !important;;
  border-radius: 20px;
}

#fsize-btn .standard #standard,
.standard #standard,
.large #large{
  background: #f0b500 !important;;
  border-radius: 20px;
}
.large #standard,
.standard #large{
  background: #e9e9e9 !important;
  border-radius: 20px;
}
header .search {
  width: 60%;
  position: relative;
}
/*サイト内検索*/
.keyword {
  padding: 10px;
  position: relative;
  top: 0;
  left: 10px;
  width: 70%;
  height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 4px 0 0 4px;
  font-size: 1.5rem;
  color: #999;
}
.top-service .keyword,
.top-event .keyword {
  width: 87%;
}
.search_btn {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.search_btn img{

}
.close-btn{
  display: none;
}

#gnavi{
  max-width: 100%;
  width: 100%;
  padding-left: 30px;
  padding-bottom: 54px;/* 第二階層がabsoluteのため */
  font-size: 1.8rem;
  background: #fafafa;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  float: right;
  margin: 0 auto;
  font-size: 1.6rem;
  position: relative;
  z-index: 1002;
  display: block;
}

@media screen and (min-width: 751px) {
  #gnavi{
    display: block !important;
  }
}

.simple #gnavi,
.top #gnavi{
  padding-bottom: 0;
}
#gnavi .wrap{
  max-width: 1500px;
}
#gnavi ul{ /* Bootstrap打ち消し */
  margin-bottom: 0 !important;
}
#gnavi .m-menu{
  width: 77%;
  padding: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  float: left;
}
#gnavi .m-menu li a{
  padding: 15px 5px;
  display: block;
  color: #242424;
}
#gnavi .m-menu li.on a{
  padding: 15px 0;
  margin-bottom: -2px;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #fff;
  background: #fff;
  font-weight: bold;
}
#gnavi .m-menu li.last.on a{
  margin-right: 10px;
}
#gnavi .m-menu li{
  width: 20%;
  text-align: center;
}

#gnavi #snavi{
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  background: #fff;
  border-top: 1px solid #cccccc;
  box-shadow: 3px 2px 6px #cdcdcd;
}

#gnavi #dropmenu{
  max-width: 1400px;
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#gnavi #dropmenu li{
  width: auto;
}

#gnavi #dropmenu.kojin{ width: 60%; }
#gnavi #dropmenu.hojin{ width: 75%; }
#gnavi #dropmenu.company{ width: 85%; }
#gnavi #dropmenu.ir{ width: 70%; }
#gnavi #dropmenu.recruit{ width: 55%; }

#gnavi #dropmenu > li > a{
  width: 100%;
  height: 55px;
  margin: 0 auto;
  padding: 15px 10px;
}
.top #gnavi #dropmenu > li > a{
  padding: 15px 10px 14px;
}
#gnavi #dropmenu > li > a:hover,
#gnavi #dropmenu > li > a.on{
  height: 55px;
  border-bottom: 4px solid #f0b500;
}
.large #gnavi #dropmenu > li > a:hover,
.large #gnavi #dropmenu > li > a.on{
  height: 59px;
}
#gnavi #dropmenu li a{
  border: 0;
  font-weight: bold;
  color: #002663;
  background: #fff;
}
#gnavi #dropmenu li a:hover{
  text-decoration: none;
}
.large #gnavi #dropmenu li a{
  min-height: 59px;
}
#gnavi #dropmenu > li > a::after{
  content: "\ff1e";
  margin-left: 10px;
  color: #002663;
  display: inline-block;
  font-weight: bold;
  transform: rotate(90deg) scale(0.9,1.3);
}

#gnavi .list{
  width: 23%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  float: right;
}
#gnavi .list li{
  width: 50%;
}
#gnavi .list li a{
  width: 100%;
  padding: 22px 0 15px;
  color: #fff;
  text-align: center;
  display: block;
}
.tesuryo-hmenu{
  background: #4668e6;
}
.kinri-hmenu{
  background: #3231dc;
}
.menu-name:hover{
  color: #2f76b7;
}
.logo-wrap{
  padding-bottom: 10px;
}
#dropmenu .low{
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 40px 0 15px;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.6rem;
}
#gnavi #dropmenu li .low-wrap{
  width: 100%;
  position: absolute;
  top: 55px;
  left: 0;
  background: #fff; 
  border-top: 1px solid #cccccc;
  display: none;
}
.large #gnavi #dropmenu li .low-wrap{
  top: 59px;
}
#gnavi #dropmenu li .open + .low-wrap{
  height: auto;
  box-shadow: 3px 2px 6px #cdcdcd;
  padding-bottom: 40px;
}
#gnavi #dropmenu .low-wrap .low::before,
#gnavi #dropmenu .low-wrap .low::after{
  display: block;
  content: "";
  order: 1;
  width: 23%;
}

#gnavi #dropmenu .low-wrap li{
  width: 23%;
  margin-bottom: 30px;
}


#gnavi #dropmenu li .low-wrap a{
  padding: 0;
  color: #002663;
  text-align: left;
  font-weight: normal;
  display: block;
}
#gnavi #dropmenu li .low-wrap a:hover{
  opacity: 0.7;
  transition: 0.3s;
}
#gnavi #dropmenu li .low-wrap p{
  padding: 10px 0 0;
}

a.toppage-menu {
  width: 300px;
  margin: 0 auto;
  padding: 16px 40px !important;
  font-size: 1.8rem;
  color: #4668E6 !important;
  border: 1px solid #4668E6 !important;
  border-radius: 5px;
  position: relative;
}
a.toppage-menu.long {
  width: 450px;
}
a.toppage-menu::after {
  content: '';
  width: 7px;
  height: 13px;
  margin: auto;
  background: no-repeat url("/common/images/icon_arrow-right.svg");
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}
.lowrap-close{
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-weight: bold;
  color: #1e4276;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none) { 
  .nav-wrap ul li:last-child a:after{
    margin-top: -6px;
  }
}

@media screen and (min-width: 1400px) {

  header .pc-hparts{
    width: 650px;
  }
  .keyword {
    width: 75%;
  }

}


/* ------------------------------------

 footer PC

------------------------------------ */

/* -------- フッター上フリーダイヤル -------- */
.footer-fdial .inner a{
  pointer-events: none;
}

.footer-fdial .inner{
  max-width: 620px;
  width: 100%;
  height: auto;
  margin: 60px auto;
  padding: 40px 20px;
  border: 3px solid #f0b501;
  text-align: center;
}
.footer-fdial .inner em{
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.65rem;
  line-height: 1.85;
  display: block;
  font-style: normal;
}
.footer-fdial .inner p{
  margin-top: 20px;
}

/* -------- タブメニュー -------- */
#tab-menu{
  height: 743px;
  padding: 45px 0 0;
  background: #ecf3ff;
}
.tab-menu-list{
  display: flex;
  justify-content: space-between;
  width: 94%;
  margin: 0 auto;
  padding: 0 20px;
}
.tab-menu-list > li{
  width: 18.5%;
}
.tab-menu-list > li > a{
  display: block;
  height: 48px;
  padding: 11px 0;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  background: #767676;
  border-radius: 5px 5px 0 0;
}
.tab-menu-list > li > a.on{
  color: #002663;
  font-weight: bold;
  background: #fff;
}
.tab-menu-list > li a + .tab-menu-list__wrap{
  display: none;
}
.tab-menu-list > li > a + .tab-menu-list__wrap.open{
  display: block;
}
.tab-menu-list > li:hover > a{
  color: #002663;
  font-weight: bold;
  background: #fff;
}

.tab-menu-list__wrap{
  position: absolute;
  width: 100%;
  height: 650px;
  left: 0;
  background: #fff;
}
.tab-menu-list__inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 94%;
  margin: 0 auto;
  padding: 35px 30px 0;
}
.tab-menu-list__inner .menu-lv2{
  width: 25%;
  padding-right: 15px;
}
.tab-menu-list__inner::before,
.tab-menu-list__inner::after{
  display: block;
  content: "";
  order: 1;
  width: 25%;
}
.fmenu-company .tab-menu-list__inner .menu-lv2{
  padding: 0 15px 30px 0;
}
.tab-menu-list__inner .menu-lv2 li a{
  color: #002663;
  font-size: 1.6rem;
  font-weight: normal;
}
.tab-menu-list__inner .menu-lv2 > li > a,
.tab-menu-list__inner div.menu-lv2 > ul > li > a{
  position: relative;
  padding: 0 0 0 25px;
  font-weight: bold;
}
.tab-menu-list__inner div.menu-lv2 > ul + ul{
  padding-top: 25px;
}
.tab-menu-list__inner .menu-lv2 > li > a::before,
.tab-menu-list__inner div.menu-lv2 > ul > li > a::before{
  content: "\ff1e";
  position: absolute;
  left: 0;
}
.tab-menu-list__inner .menu-lv2 .menu-lv2-sub{
  margin: 20px 0 0;
}
.tab-menu-list__inner .menu-lv2 .menu-lv2-sub li:not(:last-child){
  margin: 0 0 12px;
}
.tab-menu-list__inner .menu-lv2 .menu-lv2-sub li a:hover{
  text-decoration: underline;
}

/* -------- フッターメニュー -------- */
#footer-menu{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
}
.footer-menu__wrap{
  width: 1300px;
  margin: 0 auto;
  padding: 45px 0;
}
.footer-menu__wrap ul li{
  display: inline-block;
}
.footer-menu__wrap ul li:not(:first-child){
  margin: 0 0 15px 15px;
}
.footer-menu__wrap ul li a{
  padding: 5px 0 5px 15px;
  color: #002663;
  font-size: 1.6rem;
  font-weight: normal;
}
.footer-menu__wrap ul li:not(:first-child) a{
  border-left: 1px solid #002663;
}
.footer-menu__wrap ul li a:hover{
  text-decoration: underline;
}

.fmenu-lowtop{
  width: 350px;
  margin: 0 auto;
  padding: 16px 40px !important;
  font-size: 1.8rem;
  color: #4668E6 !important;
  border: 1px solid #4668E6 !important;
  border-radius: 5px;
  position: absolute;
  display: block;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
a.fmenu-lowtop::after {
  content: '';
  width: 7px;
  height: 13px;
  margin: auto;
  background: no-repeat url("/common/images/icon_arrow-right.svg");
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}

/* -------- フッターボトム -------- */
.footer-bottom{
  padding: 50px 0;
}
.footer-bottom__inner{
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}
.footer-logo-wrap{
  display: flex;
}
.footer-logo-wrap .footer-logo{
  width: 205px;
  margin: 0 30px 0 0;
}
.footer-logo-wrap .txt p{
  font-size: 1.4rem;
}
footer .copyright{
  max-width: auto;
  margin: 0 auto;
  padding: 0;
  display: block;
  background: none;
  height: auto;
}


/* ------------------------------------

 768px以上

------------------------------------ */

@media screen and (min-width: 751px) {

  .sp-menu{
    display: none;
  }
  .pc{ display: block !important; }
  .sp{ display: none !important; }

}

@media screen and (max-width: 750px) {

  .pc{ display: none !important; }
  .sp{ display: block !important; }

  body{
    min-width: 100%;
    width: 100%;
    font-size: 1.5rem;
  }

  .tab-menu-list__wrap{
    display: none !important;
  }
  /* メニューごと消す場合
  #tab-menu{
    display: none !important;
  }*/

  /* ------------------------------------

   共通パーツ SP

  ------------------------------------ */

  /* ぱんクズ */
  .breadcrumb {
    margin: 20px auto;
  }
  .breadcrumb li {
    font-size: 1.3rem;
  }

  /* 追從メニュー */
  #follow-menu{
    display: none;
  }

  .tableset.spmax .tableset-th,
  .tableset.spmax .tableset-th2,
  .tableset.spmax td {
    padding: 8px !important;
    white-space: normal !important;
  }

  /* tableタグ */
  .sp-scroll-table{
    overflow: scroll;
    font-size: 1.4rem;
  }
  .sp-scroll-table .tableset,
  .sp-scroll-table .loan-table-wrap,
  .sp-scroll-table .loan-table-dl.flex{
    width: 600px;
    box-sizing: border-box;
  }
  .sp-scroll-table.min .tableset,
  .sp-scroll-table.min .loan-table-wrap,
  .sp-scroll-table.min .loan-table-dl.flex{
    width: 500px;
    box-sizing: border-box;
  }
  .sp-scroll-table.big .tableset,
  .sp-scroll-table.big .loan-table-wrap,
  .sp-scroll-table.big .loan-table-dl.flex{
    width: 800px;
    box-sizing: border-box;
  }
  .sp-scroll-table.max .tableset,
  .sp-scroll-table.max .loan-table-wrap,
  .sp-scroll-table.max .loan-table-dl.flex,
  .table-max .tableset{
    width: 100%;
    box-sizing: border-box;
  }
  .table-max .tableset th{
    width: 100%;
    min-width: 100%;
  }
  .table-max .tableset-th,
  .table-max .tableset-th2,
  .table-max .tableset td{
    white-space: normal;
    padding: 5px;
  }
  .sp-scroll-table .loan-table-dl.flex {
    display: flex;
  }
  .sp-scroll-table .loan-table-ti {
    width: 300px;
    padding: 15px 20px;
    border-right: 1px solid #CCC;
    background: #F1F1F1;
    box-sizing: border-box;
  }
  .sp-scroll-table .loan-table.hr .loan-table-item:last-child {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #ccc;
  }
  .sp-scroll-table .loan-table.hr .loan-table-item:not(:last-child){
    border-bottom: 1px solid #ccc;
  }
  .sp-scroll-table .loan-table{
    width: 100%;
    border: 0;
    border-left: 1px solid #ccc;
  }
  .loan-table-wrap.line .loan-table-ti,
  .sp-scroll-table .loan-table-dl .loan-table-ti{
    border-right: 1px solid #CCC !important;
  }
  .sp-scroll-table .loan-table-wrap .loan-table-ti:last-child{
    border-right: 0 !important;
  }
  .loan-table-dl:last-child .loan-table-ti{
    border-bottom: 0 !important;
  }
  .sp-scroll-table .tableset-th,
  .sp-scroll-table .tableset-th2,
  .sp-scroll-table .tableset td {
    min-width: auto;
    padding: 10px;
    white-space: normal;
  }

  .loan-table-ti.sp-cnt{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .kojin-sonaeru .loan-table-item .loan-fig,
  .kojin-sonaeru .loan-table-item .loan-fig img,
  .kojin-sonaeru .loan-table-item .loan-fig a{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .w300{
    width: auto !important;
  }

  .sp-nav-list .loan-nav-li.page {
    width: 46%;
    box-sizing: border-box;
  }

  .sp-nav-list .loan-nav-li.page a.loan-nav-link{
    padding: 12px 32px 12px 12px !important;
    text-indent: 0 !important;
    line-height: 1.2;
  }

  .loanTerms-list{
    padding-left: 20px !important;
  }


  /* ------------------------------------

   header SP

  ------------------------------------ */

  header{
    width: 100%;
    margin: 0;
    padding: 0;
  }
  header.clearfix{
    box-shadow: 3px 2px 6px #cdcdcd;
  }
  header strong {
    margin: 0 auto 15px;
    padding: 5px;
    font-size: 1.2rem;
    color: #fff;
    background: #2f76b7;
  }
  .header-wrap{
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .header-wrap .flex{
    padding: 0;
  }
  .header-logo{
    width: 120px;
    min-width: 120px;
    height: 22px;
    margin: 0 15px;
  }
  .header-logo .cord{
    display: none;
  }
  header .pc-hparts,
  .xp-wrap{
    display: none;
  }
  header .search{
    width: 100%;
  }
  .sp-menu {
    width: 50px;
    height: 50px;
    margin: 0 0 0 20px;
    float: right;
    position: relative;
    cursor: pointer;
    text-align: center;
    background: #f0b500;
  }
  .sp-menu .line {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    width: 30px;
    height: 3px;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .sp-menu .line-t { top: 14px; }
  .sp-menu .line-c { top: 24px; }
  .sp-menu .line-b { top: 34px; }

  .sp-menu.is-active .line-t {
    top: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sp-menu.is-active .line-c {
    opacity: 0;
  }
  .sp-menu.is-active .line-b {
    top: 24px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  /*----------- グローバルナビ -----------*/
  #gnavi{
    width: 100%;
    height: auto;
    float: none;
    padding: 20px 0;
    background: #f3f8ff;
    border: 0;
    overflow-y: scroll;
    position: absolute;
    display: none;
  }
  .simple #gnavi,
  .top #gnavi{
    padding-bottom: 20px;
  }
  header .search{
    padding: 0 18px;
  }
  header .search form{
    position: relative;
  }
  .search_btn {
    right: 0;
  }
  #gnavi .m-menu{
    width: 100%;
    margin-bottom: 20px;
  }
  #gnavi .m-menu li{
    width: 100%;
    text-align: left;
    background: none;
    margin: 0 0 8px;
  }
  #gnavi .m-menu li a{
    width: 95%;
    padding: 0 17px;
    margin: 5px auto;
    border: 0;
    border-bottom: 0;
    background: none;
    border-left: 2px solid #4668e6;
    color: #002663;
  }
  #gnavi .m-menu li.on > a {
    width: 95%;
    padding: 0 17px;
    margin: 5px auto 10px;
    border: 0;
    border-left: 2px solid #4668e6;
    border-bottom: 0;
    background: none;
  }
  #gnavi .m-menu li a::after {
    content: "\ff1e";
    position: absolute;
    right: 15px;
    color: #4668e6;
    transform: rotate(90deg) scale(0.9,1.3);
    font-size: 1.4rem;
    font-weight: bold;
  }
  #snavi li a::after{
    transform: rotate(0deg) scale(0.9,1.3) !important;
  }
  #gnavi .m-menu li.on > a::after{
    transform: rotate(-90deg) scale(0.9,1.3) !important;
  }
  #gnavi .list {
    width: 100%;
    float: none;
    padding: 0 18px;
  }
  #gnavi .list li {
    width: 48%;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 2px solid #cccccc;
    box-shadow: 2px 2px 3px #cdcdcd;
    position: relative;
  }
  #gnavi .list li a{
    padding: 15px 10px;
    font-weight: bold;
    text-align: left;
  }
  #gnavi .list li a::after{
    content: "\ff1e";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 1.2em;
  }
  #gnavi .list li.sp a{
    color: #002663;
  }
  .keyword {
    margin-bottom: 10px;
    left: 0;
    width: 90%;
  }
  .close-btn{
    margin-top: 20px;
    padding-right: 18px;
    color: #242424 !important;
    font-weight: bold;
    display: block;
    text-align: right;
  }
  #gnavi #snavi {
    width: 100%;
    padding: 0;
    margin-left: 0;
    position: relative;
    background: #dfebff;
    border-top: 0;
    z-index: 1;
    box-shadow: 0 0 0;
  }
  #gnavi #dropmenu {
    width: 100%;
    padding: 15px 0 10px;
  }
  #gnavi #dropmenu.kojin,
  #gnavi #dropmenu.hojin,
  #gnavi #dropmenu.company,
  #gnavi #dropmenu.ir,
  #gnavi #dropmenu.recruit{ width: 100%; }

  #gnavi #dropmenu > li > a{
    width: 100%;
    margin: 0;
    padding: 5px 10px 5px 30px !important;
  }
  #gnavi #dropmenu > li > a:hover{
    height: auto;
    border-bottom: 0;
  }
  #gnavi #dropmenu li {
    width: 100%;
    margin: 0;
  }
  #gnavi #dropmenu li a {
    height: auto;
    padding: 0;
    border: 0;
    background: none;
  }
  .large #gnavi #dropmenu li a{
    min-height: auto;
  }
  #gnavi #dropmenu > li > a::after{
    margin-left: 0;
    color: #4668e6;
  }
  #gnavi #dropmenu li .low-wrap{
    position: relative;
    top: 0;
    border-top: 0;
    background: #caddfc;
    display: flex;
    flex-direction: column;
  }
  #gnavi #dropmenu li a.open + .low-wrap{
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 0;
    position: relative;
    top: 0;
    background: #caddfc;
    border-top: 0;
    box-shadow: 0 0 0 #cdcdcd;
  }
  #gnavi #dropmenu > li > a.open::after{
    transform: rotate(90deg) scale(0.9,1.3) !important;
  }
  .large #gnavi #dropmenu > li > a:hover,
  .large #gnavi #dropmenu > li > a.on{
    height: auto;
  }
  #dropmenu .low{
    padding: 15px 15px 15px 30px;
    display: block;
    order: 2;
  }
  #gnavi #dropmenu .low-wrap li{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
  }
  #gnavi #dropmenu li .low-wrap p {
    padding: 0;
  }
  #gnavi #dropmenu .low-wrap li a{
    margin: 0;
  }
  #gnavi #dropmenu .low-wrap li:last-child{
    margin-bottom: 0;
  }
  #gnavi #dropmenu .low-wrap li a img{
    display: none;
  }
  #gnavi #dropmenu .low-wrap li a::after{
    position: absolute;
    top: 0;
    right: 0;
  }
  #gnavi .toggle > a{
    padding: 0 0 10px !important;
  }

  a.toppage-menu {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 15px 0 30px!important;
    font-size: 1.6rem;
    border: 0 !important;
    color: #002663 !important;
    order: 1;
  }
  a.toppage-menu::after {
    content: '';
    width: auto;
    height: 13px;
    margin: auto;
    background: none;
  }
  .lowrap-close{
    display: none;
  }


  /* カルーセル */
  .slider div {
    margin: 0 10px;
  }

  .section-head,
  .section-headTitle {
    margin: 0 0 30px;
  }

  /* ------------------------------------

   footer SP

  ------------------------------------ */

  /* -------- フッター上フリーダイヤル -------- */
  .footer-fdial{
    margin: 50px auto 30px;
    padding: 0 20px;
  }
  .footer-fdial img{
    width: 100%;
  }
  .footer-fdial .inner{
    margin: 30px auto;
    padding: 26px 30px;
  }
  .footer-fdial .inner em{
    font-size: 1.5rem;
    line-height: 1.62;
  }
  .footer-fdial .inner a{
    pointer-events: auto;
  }

  /*----------- タブメニュー -----------*/
  #tab-menu{
    height: auto;
  }
  .tab-menu-list{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .tab-menu-list__wrap{
    display: none;
  }
  .tab-menu-list > li{
    width: auto;
  }
  .tab-menu-list > li > a{
    position: relative;
    padding: 10px 0 10px 30px;
    color: #002663;
    font-weight: bold;
    text-align: left;
    background: #fff;
    border-radius: 0;
  }
  .tab-menu-list > li > a::before{
    content: "";
    position: absolute;
    left: 15px;
    width: 2px;
    height: 25px;
    background: #4668e6;
  }
  .tab-menu-list > li > a::after{
    content: "\ff1e";
    position: absolute;
    right: 15px;
    color: #4668e6;
    /* transform: rotate(90deg) scale(0.9,1.3); */
  }
  
  /*----------- フッターメニュー -----------*/
  #footer-menu{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
  }
  .footer-menu__wrap{
    width: auto;
    margin: 0;
    padding: 20px 15px 5px 15px;
  }
  .footer-menu__wrap ul{
    display: block;
  }
  .footer-menu__wrap ul:not(:first-child){
    margin: 0;
  }
  .footer-menu__wrap ul li{
    display: inline-block;
  }
  .footer-menu__wrap ul:not(:first-child) li{
    margin: 0 0 15px 0;
  }
  .footer-menu__wrap ul:not(:last-child) li{
    margin: 0 0 15px 0;
  }
  .footer-menu__wrap ul li:not(:first-child) a{
    border-right: 1px solid #002663;
    border-left: 0;
  }
  .footer-menu__wrap ul li a{
    font-size: 1rem;
    padding: 5px 15px;
    border-right: 1px solid #002663;
  }
  
  /*----------- フッターボトム -----------*/
  .footer-bottom{
    padding: 30px 15px 90px;
  }
  .footer-bottom__inner{
    width: auto;
    margin: 0;
  }
  .footer-logo-wrap{
    display: block;
    text-align: center;
  }
  .footer-logo-wrap .footer-logo{
    margin: 0 auto 15px;
  }
  /* ページによってcssが入っているので打ち消し */
  .copyright small{
    font-size: 1.1rem;
  }
  .h_title_b{
  font-size: 21px;
  font-weight: normal;
  }

}


/* ------------------------------------

 お知らせ一覧

------------------------------------ */

/* お知らせ・ニュースリリース PC */

section.press-top{
  margin: 0 auto;
}
.press-top *{
  box-sizing: border-box;
}
.press-top ul,
.press-top ol{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  /*padding: 0 20px;*/
}
.press-top .list{
  margin-top: 20px;
}
.press-top .list li{
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  line-height: 1.6;
}
.press-top .list li .day{
  width: 15%;
  display: block;
}
.press-top .list li mark{
  width: 14%;
  display: inline;
  text-align: center;
  border-radius: 5px;
  color: #242424;
  font-size: 1.4rem;
  line-height: 2;
}
/* カテゴリ変更のため削除 20221021
mark.important{ background: #ffc9c9; }
mark.atm{ background: #ffe99b; }
mark.osusume{ background: #d6e9c3; }
mark.attention{ background: #bff2ff; }
*/

.press-top .list li p{
  width: 65%;
  display: block;
  margin: 0;
}
.press-top .list li p a{
  text-decoration: underline;
  color: #242424;
}
.press-top .list li p span::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 21px;
  background-image: url(../images/pdf_ico01.png);
  background-size: contain;
  vertical-align: middle;
}
.press-top .list li p span{
  font-size: 1.5rem;
  color: #707070;
}
/*
.press-top .category-btn{
  margin-bottom: 50px;
  padding: 0 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.press-top .category-btn li{
  width: 12%;
}
.press-top .category-btn li a{
  width: 100%;
  padding: 15px 0;
  display: block;
  color: #313131;
  background: #e9e9e9;
  border-radius: 5px;
  font-size: 1.4rem;
  text-align: center;
  border: 2px solid #e9e9e9;
}
.press-top .category-btn li a:hover{
  background: #fff;
  border: 2px solid #4668e6;
  color: #4668e6;
  transition: 0.3s;
}
.press-top .category-btn li.on a{
  color: #fff;
  background: #4668e6;
  border: 2px solid #4668e6;
}*/
.press-top .select-group{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 45px;
  padding: 0 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.press-top .select-group > div{
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.press-top .select-group p{
  padding: 0 10px 0 0;
  font-weight: bold;
  color: #012863;
}
.press-top .select-group .select-wrap{
  width: 200px;
  position: relative;
}
.press-top .select-wrap select{
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #4668e6;
  border-radius: 3px;
  font-size: 1.5rem;
}
.press-top .select-wrap select {
  -webkit-appearance: none;
  appearance: none;
}
.press-top .select-wrap select::-ms-expand {
  display: none;
}
.press-top .select-wrap::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #4668e6;
  border-left: 2px solid #4668e6;
  transform: translateY(-50%) rotate(-135deg);
  pointer-events: none;
}

.press-top .page-nav{
  max-width: 500px;
  width: 100%;
  margin: 70px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.press-top .page-nav li{
  width: 10%;
}
.press-top .page-nav li a{
  width: 50px;
  height: 50px;
  padding: 11px 0;
  text-align: center;
  background: #fff;
  border: 2px solid #4668e6;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
}
.press-top .page-nav li a:hover{
  transition: 0.3s;
  opacity: 0.7;
}
.press-top .page-nav li.on a{
  color: #fff;
  background: #4668e6;
}
.press-top .page-nav li.prev a{
  color: #fff;
  background: #e9e9e9;
  border: 0;
}
.press-top .page-nav li.next a{
  color: #4a69e6;
  background: #e9e9e9;
  border: 0;
}

@media screen and (max-width: 750px) {

  /* お知らせ・ニュースリリース SP */
  .press-top .category-btn {
    margin-bottom: 0;
    padding: 0 20px;
  }
  .press-top .category-btn li{
    width: 30%;
    margin-bottom: 10px;
  }
  .press-top .list{
    padding: 0 20px;
  }
  .press-top .list li{
    padding: 10px 0;
    display: block;
  }
  .press-top .list li .day{
    width: 45%;
    padding-right: 15px;
    float: left;
  }
  .press-top .list li mark{
    max-width: 130px;
    width: 55%;
    float: left;
  }
  .press-top .list li p{
    width: 100%;
    padding: 5px 0 0;
    clear: both;
  }
  .press-top .list li p span {
    text-align: right;
    margin-top: 5px;
    display: block;
  }
  .press-top .page-nav {
    width: 90%;
    margin: 30px auto;
  }
  .press-top .page-nav li{
    width: 10.4%;
  }
  .press-top .page-nav li a {
    width: 40px;
    height: 40px;
    padding: 9px 0 0;
    font-size: 1.3rem;
  }
  .press-top .select-group{
    padding: 0 20px;
  }
  .press-top .category-select{
    margin-top: 15px;
  }
  .press-top .select-group p{
    width: 26%;
  }
  .press-top .select-group .select-wrap{
    width: 74%;
  }

}


/* ------------------------------------

 福島銀行の取り組み一覧

------------------------------------ */

/* 福島銀行の取り組み一覧 PC */

section.torikumi-top .ban-list{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.torikumi-top .ban-list{
  box-sizing: border-box;
}
.torikumi-top .ban-list::before,
.torikumi-top .ban-list::after{
  display: block;
  content: "";
  order: 1;
  width: 20.8%;
}
.torikumi-top .ban-list li{
  width: 20.8%;
  margin-bottom: 50px;
}
.torikumi-top .ban-list li a{
  display: block;
  width: 100%;
  color: #242424;
  text-align: center;
}
.torikumi-top .ban-list li a:hover{
  opacity: 0.7;
  transition: 0.3s;
}
.torikumi-top .ban-list li a p{
  font-weight: bold;
  font-size: 1.6rem;
  padding: 10px 0;
}
.torikumi-top .ban-list li a p::after{
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 7px;
  background-image: url(/torikumi/images/torikumi_top_ico01.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.torikumi-top .ban-list li a img{
  width: 100%;
}

@media screen and (max-width: 750px) {

  /* 福島銀行の取り組み一覧 SP */

  section.torikumi-top .ban-list{
    padding: 0 20px;
  }
  .torikumi-top .ban-list::before,
  .torikumi-top .ban-listul::after{
    display: block;
    content: "";
    order: 1;
    width: 48%;
  }
  .torikumi-top .ban-list li{
    width: 48%;
    margin-bottom: 20px;
  }
  .torikumi-top .ban-list li a p{
    font-weight: bold;
    font-size: 1.4rem;
    padding: 10px 0 0;
  }

}


/* ------------------------------------

 店舗・ATM一覧 

------------------------------------ */

/* 店舗・ATM一覧 PC */

.storelist .five .loan-table-dl dd{
  text-align: left;
  box-sizing: border-box;
}
.storelist .five .loan-table-dl dt:nth-child(1),
.storelist .five .loan-table-dl dd:nth-child(1){
  max-width: 10% !important;
  width: 10%;
  text-align: center;
}
.storelist .five .loan-table-dl dt:nth-child(2),
.storelist .five .loan-table-dl dd:nth-child(2){
  max-width: 15% !important;
  width: 15%;
}
.storelist .five .loan-table-dl dt:nth-child(3),
.storelist .five .loan-table-dl dd:nth-child(3){
  max-width: 15% !important;
  width: 15%;
}
.storelist .five .loan-table-dl dt:nth-child(4),
.storelist .five .loan-table-dl dd:nth-child(4){
  max-width: 40% !important;
  width: 40%;
}
.storelist .five .loan-table-dl dt:nth-child(5),
.storelist .five .loan-table-dl dd:nth-child(5){
  max-width: 20% !important;
  width: 20%;
}

  /* 店舗・ATM一覧 SP */

@media screen and (max-width: 750px) {

  .storehero-img{
    width: 100% !important;
  }

  .storelist .five .loan-table-dl dt:nth-child(1),
  .storelist .five .loan-table-dl dd:nth-child(1){
    max-width: 22% !important;
    width: 22%;
    text-align: center;
  }
  .storelist .five .loan-table-dl dt:nth-child(2),
  .storelist .five .loan-table-dl dd:nth-child(2){
    max-width: 35% !important;
    width: 35%;
    text-align: left;
  }
  .storelist .five .loan-table-dl dt:nth-child(4),
  .storelist .five .loan-table-dl dd:nth-child(4){
    max-width: 21% !important;
    width: 21%;
  }
  .storelist .five .loan-table-dl dt:nth-child(5),
  .storelist .five .loan-table-dl dd:nth-child(5){
    max-width: 22% !important;
    width: 22%;
  }
  .storelist .five .loan-table-dl dt:nth-child(2),
  .storelist .five .loan-table-dl dt:nth-child(4){
    padding-top: 21px;
  }
  .storelist .five .loan-table-dl dt,
  .storelist .five .loan-table-dl dd{
      border-right: 1px solid #CCC;
      padding: 10px;
  }
  .storelist .map{
    order: 2;
    border-right: 0 !important;
  }
  .storelist .tel{
    order: 1;
  }
  .storelist .map a,
  .storelist .tel a{
    width: 38px;
    margin: 0 auto;
    padding: 5px 0;
    border: 1px solid #4668e6;
    border-radius: 5px;
    text-align: center;
  }

}

/* ------------------------------------

 店舗詳細

------------------------------------ */

/* 店舗詳細 PC */

.atm-detail {
  width: 100%;
}
.atm-detail section{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 55px;
}
.storehero{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 30px;
}
.atm-detail h3{
  margin-bottom: 20px;
  padding-left: 15px;
  font-weight: bold;
  font-size: 2rem;
  border-left: 5px solid #f0b500;
}

  /* 店舗詳細 SP */

@media screen and (max-width: 750px) {

  .atm-detail section,
  .storehero,
  .atm-detail .wrap{
    padding: 0 20px;
  }
  .loan-table-dl .loan-table-ti{
    border-bottom: 1px solid #CCC;
  }

}

/* ------------------------------------

 ふくぎんマイカーローン「車助」Web完結型ローン　確認画面 

------------------------------------ */

/* ふくぎんマイカーローン「車助」Web完結型ローン　確認画面 PC */

.privacyiframe iframe{
  width: 100%;
  height: 300px;
}
.input-btn,
.input-subbtn{
  margin: 0 auto 20px !important;
  position: relative;
}
.input-btn input{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.input-btn .boxbtn-link{
  width: 100%;
  display: block;
  text-align: center;
  cursor: pointer;
}
.input-btn::after{
  content: '';
  width: 7px;
  height: 13px;
  margin: auto;
  background: no-repeat url(/common/images/icon_arrow-right.svg);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}

/* ------------------------------------

 プライバシー確認ページ 

------------------------------------ */

/* プライバシー確認ページ PC */

/* loanTerms = embedPrivacyAreaA-new */
body#embedPrivacy {
  padding: 30px 20px 20px 55px;
  box-sizing: border-box;
  min-width: 100%;
}
body#embedPrivacy *{
  box-sizing: border-box;
}
.embedPrivacyAreaA-new h2{
  margin: 0 0 30px;
  padding-left: 16px;
  line-height: 38px;
  font-size: 2.5rem;
  font-weight: bold;
  border-left: 6px solid #F0B500;
}
.embedPrivacyAreaA-new p {
    margin: 0 0 20px;
}
.embedPrivacyAreaA-new h3{
  margin: 0 0 15px -15px;
  padding: 10px 15px;
  background: #ECF3FF;
  color: #01009A;
}
.embedPrivacyAreaA-new ul,
.embedPrivacyAreaA-new ol{
  margin:0 0 20px 35px;
}

.embedPrivacyAreaA-new ul li{
  margin-bottom:5px;
  list-style: disc;
}
.embedPrivacyAreaA-new ol li{
  margin-bottom:5px;
  list-style: auto;
}

.embedPrivacyAreaA-new dl{
  margin:0 0 20px 15px;
}

.embedPrivacyAreaA-new dt{
  border-bottom:1px solid #D5E9A9;
  border-left:4px solid #4E9803;
  margin-bottom:5px;
  padding:7px 7px 7px 15px;
  font-weight:bold;
}

.embedPrivacyAreaA-new dd{
  margin:0 0 20px 19px;
}

.embedPrivacyAreaA-new dd.mb0{
  margin:0 0 0 19px;
}

@media screen and (max-width: 750px) {

  body#embedPrivacy {
    padding: 20px;
  }
  .embedPrivacyAreaA-new h2{
    line-height: 28px;
    font-size: 2rem;
  }

}

/* ---------- ここからすべて layout_screen.cssからコピペ ----------- */
/* styleA */

.tableStyleA{
  max-width:625px;
  width: 100%;
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:0 0 20px 15px;
}

@supports (-ms-ime-align: auto) {
  .tableStyleA{
    table-layout: fixed;
  }
}

.tableStyleA th{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
  text-align:left;
  background:#EFEFEF;
}

.tableStyleA td{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
}

.tableStyleA p{
  margin:0 !important;
  padding:0 !important;
}

/* styleA リスト */

.tableStyleA ul,
.tableStyleA ol{
  margin:0 0 0 15px !important;
}

.tableStyleA li,
.tableStyleA li{
  margin-bottom:0px !important;
}

/* styleANest */

.tableStyleANest{
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:0 0 15px 0;
}

.tableStyleANest th{
  padding:5px 15px;
  font-weight:normal;
  border:1px solid #DDD;
  text-align:center;
  background:#EFEFEF;
}

.tableStyleANest td{
  padding:5px 15px;
  font-weight:normal;
  border:1px solid #DDD;
}

.tableStyleANest p{
  margin:0 !important;
  padding:0 !important;
}

/* styleANest リスト */

.tableStyleANest ul,
.tableStyleANest ol{
  margin:0 0 0 15px !important;
}

.tableStyleANest li,
.tableStyleANest li{
  margin-bottom:0px !important;
}

/* styleB */

.tableStyleB{
  max-width:625px;
  width: 100%;
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:0 0 20px 15px;
}

.tableStyleB th{
  padding:5px 5px;
  font-weight:bold;
  border:1px solid #DDD;
  text-align:left;
  background:#EFEFEF;
}

.tableStyleB td{
  padding:5px 5px;
  font-weight:normal;
  border:1px solid #DDD;
}

.tableStyleB p{
  margin:0 !important;
  padding:0 !important;
}

/* styleC */

.tableStyleC{
  width:625px;
  border-collapse:collapse;
  margin:0 0 20px 15px;
}

.tableStyleC th{
  padding:2px 0;
  font-weight:normal;
  text-align:left;
}

.tableStyleC td{
  padding:2px 0;
  font-weight:normal;
}

.tableStyleC p{
  margin:0 !important;
  padding:0 !important;
}

/* styleD */

.tableStyleD{
  max-width:475px;
  width: 100%;
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:0 0 30px 90px;
}

.tableStyleD th{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
  text-align:center;
  background:#7CA822;
}

.tableStyleD th.headA{
  font-weight:bold;
  font-size:1.25em;
  color:#FFF;
}

.tableStyleD td{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
  text-align:center;
}

.tableStyleD p{
  margin:0 !important;
  padding:0 !important;
}

/* styleE */

.tableStyleE{
  border-collapse:collapse;
  margin:0 auto;
}

.tableStyleE th{
  padding:5px 50px;
  font-weight:normal;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  text-align:left;
}

.tableStyleE td{
  padding:5px 50px 5px 0;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  text-align:left;
}

.tableStyleE p{
  margin:0 !important;
  padding:0 !important;
}

/* styleF */

.tableStyleF{
  max-width:555px;
  width: 100%;
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:10px auto 10px auto;
}

.tableStyleF th{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
  text-align:left;
  background:#EFEFEF;
}

.tableStyleF td{
  padding:10px 15px;
  font-weight:normal;
  border:1px solid #DDD;
}

.tableStyleF p{
  margin:0 !important;
  padding:0 !important;
}

/* styleF リスト */

.tableStyleF ul,
.tableStyleF ol{
  margin:0 0 0 15px !important;
}

.tableStyleF li,
.tableStyleF li{
  margin-bottom:0px !important;
}
/* styleG */

.tableStyleG{

  border-collapse:collapse;
  border:1px solid #DDD;
  margin:0 0 20px 15px;
  width: 90%;
}
.tableStyleG caption{
  margin-bottom: 5px;
  text-align:left;
  font-size:120%;
}
.tableStyleG th{
  padding:5px 5px;
  font-weight:bold;
  border:1px solid #DDD;
  text-align:center;
  background:#EFEFEF;
}

.tableStyleG td{
  padding:5px 5px;
  font-weight:normal;
  border:1px solid #DDD;
  width:150px;
}

.tableStyleG p{
  margin:0 !important;
  padding:0 !important;
}

/* styleANestB */

.tableStyleANestB{
  border-collapse:collapse;
  border:none;
  margin:0 auto 0 auto;
}

.tableStyleANestB th{
  padding:2px 10px 2px 10px;
  font-weight:normal;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  border-left:none;
  border-right:none;
  text-align:center;
  background:#FFF;
}

.tableStyleANestB td{
  padding:2px 10px 2px 10px;
  font-weight:normal;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  border-left:none;
  border-right:none;
}

.tableStyleANestB p{
  margin:0 !important;
  padding:0 !important;
}


/* ------------------------------------

 ニューフリーライフ

------------------------------------ */

/* ニューフリーライフ PC */

#load {
  z-index: 5000 !important;
}


/* ------------------------------------

 法人のお客様

------------------------------------ */

/* 法人のお客様 PC */

.hojin-hero-img{
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 70px;
}
.hojin-hero-img *{
  box-sizing: border-box;
}
.hojin-hero-img .img-wrap{
  width: 50%;
  float: right;
}

.hojin-hero-img h3{
  font-size: 3rem;
  font-weight: bold;
  color: #032861;
  float: left;
}
.hojin-hero-img .loan-nav{
  width: 40%;
  padding: 0;
  float: left;
}
.hojin-hero-img .loan-nav-li{
  width: 100%;
  padding: 0;
  margin-top: 15px;
}
.hojin-hero-img .loan-nav-li a{
  line-height: 1.4;
}

section.news-wrap{
  margin: 50px auto !important;
}
.news-wrap .tab-wrap{
  width: 630px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.news-wrap .tab-wrap li{
  width: 50%;
  text-align: center;

}
.tab{
  padding: 12px 0;
  flex-grow: 1;
  list-style:none;
  text-align:center;
  cursor:pointer;
  background: #e9e9e9;
  border-bottom: 2px solid #4668e6;
  border-radius: 5px 5px 0 0;
  font-size: 1.8rem;
}
.panel{
  display:none;
}
.tab.is-active{
  background: #4668e6;
  color: #fff;
  padding: 12px 0;
  transition: all 0.2s ease-out;
  border-bottom: 3px solid #4668e6;
  border-radius: 5px 5px 0 0;
}
.panel.is-show{
  display:block;
}
.panel ul{
  margin-top: 20px;
}
.panel ul li{
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  line-height: 1.6;
}
.panel ul li .day{
  width: 10em;
  display: block;
}
.panel ul li mark{
  width: 12%;
  display: inline;
  text-align: center;
  border-radius: 5px;
  color: #242424;
  font-size: 1.4rem;
  line-height: 2;
}
/* お知らせ */
mark.note{ background: #f4b8b2; }
mark.toshi{ background: #fce4d6; }
mark.hojin{ background: #92d050; }
mark.kojin{ background: #ffe699; }
mark.oshirase{ background: #bdd7ee; }

/* ニュースリリース */
mark.campaign{ background: #ffd966; }
mark.service{ background: #bdd7ee; }
mark.tenpo{ background: #f4b084; }
mark.company{ background: #8ea9db; }
mark.csr{ background: #92d050; }
mark.other{ background: #d0cece; }

.panel ul li p{
  width: 72%;
  display: block;
}
.panel ul li p a{
  text-decoration: underline;
  color: #002762;
}
.panel ul li p span::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 21px;
  background-image: url(../images/pdf_ico01.png);
  background-size: contain;
  vertical-align: middle;
}
.panel ul li p span{
  font-size: 1.5rem;
  color: #707070;
}
.panel .pdf{
 margin: 0;
}

  /* 法人のお客様 SP */

@media screen and (max-width: 750px) {

  .hojin-hero-img .hojin-hero-img{
    width: 100%;
    padding-right: 0 !important;
  }
  .hojin-hero-img h3{
    width: 100%;
    font-size: 2rem;
    margin-bottom: 10px;
    float: none;
  }
  .hojin-hero-img .img-wrap{
    width: 100%;
    float: none;
  }
  .hojin-hero-img .loan-nav{
    width: 100%;
    padding: 0;
    float: none;
  }
  .hojin-hero-img .loan-nav{
    margin-top: 30px;
  }
  .hojin-hero-img .loan-nav-link {
    padding: 14px 24px 14px 10px !important;
    text-indent: 0 !important;
  }
  .news-wrap .tab-wrap{
    width: 100%;
  }
  .panel ul{
    padding: 0;
  }
  .panel ul li{
    padding: 10px 0;
    display: block;
  }
  .panel ul li .day{
    width: 45%;
    padding-right: 15px;
    float: left;
  }
  .panel ul li mark{
    max-width: 130px;
    width: 55%;
    float: left;
  }
  .panel ul li p{
    width: 100%;
    padding: 5px 0 0;
    clear: both;
  }
  .panel ul li p span {
    text-align: right;
    margin-top: 5px;
    display: block;
  }
  .news-wrap .btn-style01{
    margin: 30px auto;
  }

}

/* ------------------------------------

 株主・投資家

------------------------------------ */

/* 株主・投資家 PC */


.ir-hero-img{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.ir-hero-img *{
  box-sizing: border-box;
}
.ir-hero-img > div{
  width: 50%;
}
.ir-hero-img .txt-wrap{
  padding-right: 10px;
}
.ir-hero-img .txt-wrap h3{
  font-size: 3rem;
  padding-left: 40px;
  font-weight: bold;
  color: #032861;
}
.ir-hero-img .loan-nav{
  width: 80%;
  padding: 0;
}
.ir-hero-img .loan-nav-li{
  width: 100%;
  padding: 0;
  margin-top: 15px;
}
.cardList-fig.mb0 {
  margin: 0;
}
.border-b{
  padding: 0 24px 30px !important;
  border-bottom: 1px solid #cdcdcd;
}
.liststyle-two-rows{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.calendar-img{
  box-sizing: border-box;
}
.calendar-img img{
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

  /* 株主・投資家 SP */

@media screen and (max-width: 750px) {

  .ir-hero-img > div{
    width: 100%;
  }
  .ir-hero-img .txt-wrap h3{
    font-size: 2rem;
    padding: 10px 0 0 0;
  }

  .calendar-img{
    padding: 0 20px;
  }


}


/* ------------------------------------

 投資信託

------------------------------------ */

/* 投資信託 PC */

.ban-ul{
  width: 50%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ban-ul li img{
  max-width: auto;
  width: 100%;
}


@media screen and (max-width: 750px) {

  .ban-ul{
    width: 70%;
    display: block;
  }
  .ban-ul li {
    margin-bottom: 20px;
  }

}


/* ------------------------------------

 ライフイベントから探す

------------------------------------ */

/* おすすめローン商品 */

section.osusume-slider a{
  display: block;
  color: #4668E6;
  position: relative;
}

/* スライダー */
.osusume-slider{
  position: relative;
}
.slider {
    width: 100%;
    margin: 0 auto 80px;
}
.slick-slide img {
    width: 100%;
    height: auto;
}
.cls-slider .slick-slide {
  margin: 10px;
}
.cls-slider {
  max-width: 1300px;
  margin: 0 auto;
}
.osusume-slider .cls-slider .wrap{
  border-radius: 3px;
  border: 1px solid #4668E6;
  overflow: hidden;
  box-sizing: border-box;
}
.osusume-slider .cardList-ti{
  padding: 18px 17px !important;
}
.osusume-slider .cardList-ti-link{
  width: 88% !important;
}
.osusume-slider .cardList-ti-link::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media screen and (min-width: 751px) {
  .cls-slider .slick-slide{
    max-width: 20%;
    margin: 0 15px;
  }

  .osusume-slider .cardList-ti-link{
    width: 100% !important;
  }
}
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slider li img{
  margin:0 auto;
  width: 100%;
}



/* ------------------------------------

電子マネー・スマホ決済サービス

------------------------------------ */
.logoList ul {
  margin: 0!important;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 15px;
}

.logoList ul li {
  width: calc(100% / 4);
}

.logoList p {
  padding-left: 15px;
  margin-bottom: 20px;
  font-size: 1.4rem;
}

.logoList ul li img {
  border: 1px solid #ccc;
}

@media screen and (max-width: 750px) {

  .logoList ul li {
    width: 48%;
  }
  .logoList ul li img {
    width: 100%;
    display: block;
    margin: 0 auto 5px;
  }
  .logoList p {
    text-align: center;
  }

  .pdf-li { /* 改行されないため */
    display: block !important;
  }

}

/* ------------------------------------

 ふやす・ためる > 投資信託

------------------------------------ */

.azukeru-list .loandeposit-li {
  margin: 0 0 50px;
}

/* ------------------------------------

 ふやす・ためる > 投資信託

------------------------------------ */

/* 投資信託 PC */

.toushin-hero{
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 70px;
}
.toushin-hero .img-wrap img{
  width: 100%;
}
.toushin-hero *{
  box-sizing: border-box;
}
.toushin-hero h3{
  width: 50%;
  padding: 75px 0 20px 35px;
  float: right;
  font-size: 2.5rem;
  font-weight: bold;
  color: #032861;
  line-height: 1.2;
}
.toushin-hero h3 span{
  color: #496ce3;
  font-size: 3.5rem;
  display: inline-block;
  padding-right: 5px;
}
.toushin-hero .loan-nav{
  width: 50%;
  padding: 75px 0 20px 35px;
  display: flex;
  flex: wrap;
}
.toushin-hero .loan-nav li{
  width: 47%;
}
.toushin-hero .img-wrap{
  width: 50%;
  position: relative;
  float: left;
}
.toushin-hero .img-wrap::after {
  content: '';
  width: 45px;
  height: 100%;
  background: linear-gradient(to right , transparent, #fff);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.toushin-hero .loan-nav{
  width: 50%;
  padding: 0;
  padding-left: 35px;
}
.toushin-hero .loan-nav-li{
  width: 48.5%;
  margin: 15px auto 0;
  padding: 0;
}

/* 投資信託 SP */

@media screen and (max-width: 750px) {

  .toushin-hero{
    padding-bottom: 0;
  }
  .toushin-hero h3,
  .toushin-hero .loan-nav{
    width: 100%;
    padding: 15px 0;
    float: none;
  }
  .toushin-hero .loan-nav{
    margin-top: 15px;
  }
  .toushin-hero h3{
    font-size: 2rem;
  }
  .toushin-hero h3 span{
    font-size: 2.7rem;
  }
  .toushin-hero .img-wrap{
    width: 100%;
    position: relative;
    float: none;
  }
  .toushin-hero .loan-nav-li {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
  }
  .toushin-hero .loan-nav-link {
    padding: 14px 24px 14px 10px !important;
    text-indent: 0 !important;
  }

}
@media screen and (max-width: 400px) {

  .toushin-hero .loan-nav li{
    width: 100% !important;
  }
  .toushin-hero .loan-nav{
    gap: 0;
  }

}


/* ------------------------------------

 法人・事業主のお客様 > でんさいネットサービス

------------------------------------ */

/* でんさいネットサービス SP */

@media screen and (max-width: 750px) {

  .loan-table-ti-50{
    width: 100% !important;
  }

}


/* ------------------------------------

 セキュリティ対策ソフト「SaAT Netizen」をご利用下さい

------------------------------------ */

/* セキュリティ対策ソフト「SaAT Netizen」をご利用下さい */

.install-ban{
  max-width: 469px;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.install-ban a{
  display: block;
}
.install-ban .head{
  width: 18.8%;
}
.install-ban img{
  width: 100%;
}
.install-ban .right-wrap{
  width: 81.2%;
}
.install-ban .btn-wrap{
  display: flex;
  flex-wrap: wrap;
}
.install-ban .btn-wrap a:first-child{
  width: 61%;
  padding-top: 1px;
}
.install-ban .btn-wrap a:last-child{
  width: 39%;
  padding-top: 2px;
}

/* ------------------------------------

 キャンペーン一覧

------------------------------------ */

/* キャンペーン一覧 SP */

.campaignList-li p.pdflink {
  text-decoration: none !important;
}


@media screen and (max-width: 750px) {

  .campaignList {
    flex-wrap: wrap!important;
    justify-content: space-between;
    gap: 0 !important;
    padding: 0 !important;
  }
  .campaignList-li {
    max-width: 46.5% !important;
    width: 46.5% !important;
    margin-bottom: 20px;
  }

}

/* ------------------------------------

 キャンペーン一覧

------------------------------------ */

/* キャンペーン一覧 SP */

@media screen and (max-width: 750px) {

  .flex-list.two{
    display: block !important;
    padding: 0 15px;
  }
  .two .flex-list-li {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .two .flex-list-li{
    text-indent: -15px;
    padding-left: 0;
  }
  .two .flex-list-li .pdf-link{
    white-space: normal;
  }

}

/* ------------------------------------

 カードローン

------------------------------------ */

.cardList-action-txt{ /* いらないかも */
  color: #4668E6 !important;
}

.list-five-icon {
  width: 100%;
  padding: 15px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  box-sizing: border-box;
}
.list-five-icon li{
  width: 18%;
  text-align: center;
}
.list-five-icon figure,
.list-five-icon figure img{
  width: 100%;
}
.list-five-icon figure figcaption{
  margin-top: 8px;
  display: block;
  color: #4668E6 !important;
}

@media screen and (max-width: 750px) {

  .cardList.sp-full {
    width: 100%;
    display: block;
  }
  .cardList.sp-full .cardList-li {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

}

/* ------------------------------------

 申込方法

------------------------------------ */

@media screen and (max-width: 750px) {

  .loan-nav{
    padding: 0 !important;
  }
  .loan-nav-link {
    padding: 14px 8px 17px 43px !important;
    text-indent: -34px !important;
  }
  .loan-nav-ico {
    margin-right: 10px;
  }
  .loan-box-dd.flex.separate{
    display: block !important;
  }
  .loan-box-dd{
    padding: 30px 15px !important;
  }
  .full-width .appflow-wrap {
    padding: 12px 10px !important;
  }
  .loan-box-dd.flex.separate .loan-box-wrap{
    padding: 0;
  }
  .separate .loan-box-wrap:not(:first-child) {
    border-left: 0 !important;
    margin-top: 20px;
  }
  .loan-box-dd.flex > .loan-box-wrap{
    padding: 0 !important;
  }
  .appflow-li:not(:last-child) {
    gap: 25px !important;
  }
  .appflow-li:not(:last-child)::before{
    right: -20px;
  }
   .appflow-li:not(:last-child)::after{
    left: -20px;
  }

}

/* ------------------------------------

 そなえる

------------------------------------ */

  .sbi-logo{
    gap: 20px;
    display: flex;
    margin-bottom: 30px;
  }


@media screen and (max-width: 750px) {

  .contact.flex{
    display: block !important;
  }
  .contact-ul {
    max-width: 100% !important;
  }
  .contact .loan-table-ti {
    width: 100% !important;
  }
  .contact .loan-table-item{
    padding: 15px 10px;
    box-sizing: border-box;
  }
  .contact-ul + .contact-ul{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #cdcdcd;
  }
  .sbi-logo{
    gap: 0;
    display: block;
    margin-bottom: 10px;
  }
  .sbi-logo figure img,
  .sbi-logo + figure img{
    max-width: 100%;
    width: auto;
  }
  .sbi-logo .txt-wrap{
    margin: 15px 0;
  }

}


/* ------------------------------------

 株主優遇サービス SP

------------------------------------ */

@media screen and (max-width: 750px) {

  .loanTerms {
    padding: 15px !important;
  }
  .sp-scroll-table .tableset.min{
    width: 740px;
  }
  .sp-scroll-table .tableset.min .head{
    background: #efefef;
  }

}

/* ------------------------------------

 株主・投資家の皆様へ SP

------------------------------------ */

@media screen and (max-width: 750px) {

  .cardList-fig {
    height: auto !important;
  }
  .cardList-img {
    width: 100% !important;
    height: auto !important;
  }

}


/* ------------------------------------

 ビジネスカードローン「Bizフリー」 

------------------------------------ */

.bizfree-hero-txt{
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #286394;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
.bizfree-hero-txt li{
  margin-bottom: 5px;
  color: #fff;
  text-align: left;
  letter-spacing: 0.01em;
}
.bizfree-hero-txt li:nth-child(odd){
  width: 38%;
}
.bizfree-hero-txt li:nth-child(even){
  width: 60%;
}
.bizfree-hero-txt li::before{
  content: "▪︎";
}
.bizfree-hero-txt li span{
  font-size: 2.1rem;
  line-height: 1;
}


@media screen and (max-width: 750px) {

  .sp-scroll-table .loan-table-wrap.min{
    width: 500px;
  }
  .sp-scroll-table .min .loan-table-dl.flex {
    width: 500px;
  }
  .bizfree-hero-txt li:nth-child(odd){
    width: 100%;
  }
  .bizfree-hero-txt li:nth-child(even){
    width: 100%;
  }

}


/* ------------------------------------

 ローン返済シミュレーション

------------------------------------ */

.simulation-form,
.simulation-form02{
  max-width: 100%;
  margin: 0 0 60px 0;
}
.simulation-form *,
.simulation-form02 *{
  box-sizing: border-box;
}
.simulation-form th{
  width: 30%;
  padding: 20px;
  border: 1px solid #CCC;
}
.simulation-form td{
  width: 70%;
  border: 1px solid #CCC;
}
.simulation-form input,
.simulation-form02 input{
  max-width: 300px;
  width: 60%;
  height: auto;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #8D8D8D;
}
.simulation-form02 input{
  max-width: 180px;
  width: 60%;
}
.simulation-form select,
.simulation-form02 select {
  max-width: 300px;
  width: 80%;
  height: auto;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #8D8D8D;
}
.simulation-form .select-two select,
.simulation-form02 .select-two select {
  max-width: 100px;
  width: 50%;
}
.form-btnstyle01{
  width: 300px;
  margin: auto;
  text-align: center;
  border-radius: 3px;
  background: #FCFDFF;
  border: 1px solid #4668E6;
  display: block;
  position: relative;
}
.form-btnstyle01 input {
  width: 100% !important;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: bold;
  color: #4668E6;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 750px) {

  .simulation-form{
    bottom: 0 !important;
    margin: 0 0 30px 0;
  }
  .simulation-form th,
  .simulation-form td{
    width: 100%;
    padding: 15px;
    display: block;
    border: 0 !important;
    border-bottom: 1px solid #DDD !important;
  }
  .simulation-form select {
    margin-bottom: 10px;
  }
  .simulation-form tr:last-child td{
    border-bottom: 0 !important;
  }
  .form-btnstyle01 {
    max-width: 300px;
    width: 90%;
  }
  .form-btnstyle01 input {
    padding: 10px 20px;
  }
  .form-action{
    gap: 20px !important;
  }

  .sp-scroll-table .simulation-form02{
    max-width: 700px;
    width: 700px;
  }

}

/* ------------------------------------

 個人インターネットバンキング

------------------------------------ */

@media screen and (max-width: 750px) {

  .loan-nav-li.banking {
    width: 100%;
  }
  .loan-nav-li.banking .loan-nav-link {
    padding: 14px 24px 14px 10px !important;
    text-indent: 0 !important;
  }
  .boxbtn.p30 .boxbtn-link {
    padding: 10px 25px 10px 10px !important;
  }

}

/* ------------------------------------

 個人インターネットバンキング

------------------------------------ */

@media screen and (max-width: 750px) {

  .ban-link-list.flex{
    display: flex;
    flex-wrap: wrap;
  }

}

/* ------------------------------------

 会社概要

------------------------------------ */

.company-img{
  max-width: 690px;
  width: 100%;
  margin: 0 auto 30px;
}
.company-img img{
  width: 100%;
}

/* ------------------------------------

 福島銀行について > ふくぎんグループ

------------------------------------ */

.com-group-ul *{
  box-sizing: border-box;
}
.com-group-ul dl{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #CCC;
}
.com-group-ul :nth-child(2) dl{
  border-top: 0;
}
.com-group-ul dl div{
  width: 33.3333%;
  border-right: 1px solid #CCC;
}
.com-group-ul dl div:last-child{
  border-right: 0;
}
.com-group-ul dl div dt{
  min-height: 105px;
  border-bottom: 1px solid #CCC;
  padding: 15px 20px;
  background: #F1F1F1;
  box-sizing: border-box;
}
.com-group-ul dl div dd{
  padding: 15px 20px;
  line-height: 150%;
}
.com-group-ul li:nth-child(2) dl dt{
  display: none;
}

@media screen and (max-width: 750px) {

  .com-group-ul dl{
    display: block;
  }
  .com-group-ul dl div{
    width: 100%;
    border-right: 0;
  }
  .com-group-ul dl div dt{
    min-height: auto;
    padding: 15px 20px;
    border-top: 1px solid #CCC;
  }
  .com-group-ul dl div:first-child dt{
    border-top: 0;
  }
  .com-group-ul li:nth-child(2){
    margin-top: 30px;
  }
  .com-group-ul li:nth-child(2) dl dt{
    display: block;
  }
  .com-group-ul :nth-child(2) dl{
    border-top: 1px solid #CCC;
  }

}


/* ------------------------------------

 個人のお客様 > カードローン「グランフリー」

------------------------------------ */

@media screen and (max-width: 750px) {

  .license.flex{
    display: block;
  }
  .license.flex .loan-fig.right{
    text-align: center;
  }
  .license.flex .dotted-list{
    margin-bottom: 30px;
    margin-right: 0 !important;
    padding-left: 0;
  }

}
/* ------------------------------------

 個人のお客様 > カードローン「グランフリー」

------------------------------------ */

.netizen-dl{
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.netizen-dl dt{
  min-width: 90px;
  width: 7%;
  margin-bottom: 10px;
}
.netizen-dl dd{
  width: 90%;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  .netizen-dl dd{
    width: 74%;
  }
}
@media screen and (max-width: 400px) {
  .netizen-dl dd{
    width: 60%;
  }
}

/* ------------------------------------

 カードローン「ニューイーベ」

------------------------------------ */

@media screen and (max-width: 750px) {

  .fax.flex .loan-fig{
    display: block;
    padding: 0 8px;
  }
  .fax.flex .loan-fig .loan-figcaption {
    margin: 0;
  }
  .fax.flex .identification .loan-img{
    margin: 0 0 3px;
  }

}

/* ------------------------------------

 ふくぎん住宅ローン /kojin/kariru/jutaku/

------------------------------------ */

.jutaku-sec .loan-table{
  border: 0;
  margin-bottom: 15px;
}
.jutaku-sec table th{
  font-weight: bold;
}
.jutaku-sec table td{
  font-size: 1.5rem;
}
.jutaku-sec table th,
.jutaku-sec table td{
  width: 25%;
  padding: 10px;
  border: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}
.jutaku-sec table td.full{
  width: 75%;
}
.jutaku-sec .head.sbi{
  background: #48abff;
}
.jutaku-sec .head.daini{
  background: #fa8744;
}
.jutaku-sec .head h4{
  display: inline-block;
}
.jutaku-sec .bgcl-gry{
  background: #e8e8e8;
}
.jutaku-sec .disc,
.jutaku-sec .disc + p{
  text-align: left;
}
.jutaku-sec .disc + p,
.jutaku-sec .flex + p{
  font-size: 1.4rem;
  margin-top: 8px;
  text-align: left;
}
.jutaku-sec .disc li,
.jutaku-sec .disc + p,
.jutaku-sec .attention{
  text-indent: -15px;
  padding-left: 15px;
}
.jutaku-sec .disc li:before{
  content: "\30FB";
}
.jutaku-sec table td em{
  font-style: normal;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 5px;
  display: block;
}
.jutaku-sec .box{
  margin-top: 20px;
}
.jutaku-sec .box h5{
  font-weight: bold;
}
.jutaku-sec .box h6{
  font-weight: bold;
  font-size: 1.3rem;
  text-align: left;
}
.jutaku-sec .box .disc{
  font-size: 1.2rem;
}
.jutaku-sec .box .flex{
  padding: 10px;
  border: 1px solid #ccc;
}
.jutaku-sec .box .flex > li{
  width: 50%;
}
.jutaku-sec .loan-table + .attention{
  margin-bottom: 30px;
}
.jutaku-sec .attention{
  text-align: left;
}
.jutaku-sec .attention li{
  margin-top: 5px;
}
.jutaku-sec .attention li:before{
  content: "\203B";
}
.red{ color: #ee0000; }

.accordion-obj-child{
  padding: 0;
}
.accordion-ti-child {
  width: 100%;
  margin: 0 0 20px;
  padding: 0 16px 10px;
  border-bottom: 1px solid #4668E6;
  justify-content: space-between;
  box-sizing: border-box;
}
a.accordion-txt-child {
  text-decoration: underline;
  color: #002663;
}
.accordion-ico-child{
  width: 15px;
  height: 15px;
  padding: 4px;
  background-image: url("/common/images/icon_minus.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  cursor: pointer;
}
.jutaku-pdflink{
  padding: 8px 15px;
  color: #4472c4;
  background: #deebf7;
  display: block;
}
.accordion-obj.child{
  padding: 0;
}
.accordion-obj-child *{
  box-sizing: border-box;
}
.accordion-obj-child dl.table-style{
  border: 1px solid #CCC;
  border-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.accordion-obj-child dl.table-style dt{
  width: 22%;
  padding: 10px;
  background: #F8F8F8;
  border-bottom: 1px solid #CCC;
}
.accordion-obj-child dl.table-style dd{
  width: 78%;
  padding: 10px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.accordion-obj-child dl.table-style dd ul{
  list-style: disc;
  margin-left: 18px;
}
.accordion-child{
  margin-top: 20px;
}
.come-dl{
  margin-top: 10px;
}
.come-dl div{
  display: flex;
  flex-wrap: wrap;
}
.come-dl dt{
  width: 10%;
  max-width: 43px;
  display: block;
}
.come-dl dd{
  width: 90%;
}
.come-dl dt.w20{
  width: 20%;
  max-width: 122px;
}
.come-dl dd.w78{
  width: 78%;
}

@media screen and (max-width: 750px) {

  .jutaku-sec .box .flex{
    display: block;
  }
  .jutaku-sec .box .flex > li{
    width: 100%;
  }

  .accordion-obj.child{
    padding: 0 10px;
  }
  .accordion-obj-child dl.table-style dl{
    display: block;
  }
  .accordion-obj-child dl.table-style dt{
    width: 100%;
  }
  .accordion-obj-child dl.table-style dd{
    width: 100%;
    border-left: 0;
  }
  .come-dl dt{
    width: 25%;
  }
  .come-dl dd{
    width: 75%;
  }
  .come-dl dt.w20{
    width: 100%;
    max-width: 100%;
  }
  .come-dl dd.w78{
    width: 100%;
  }

}



/*221118_追加_BBSec*/
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
@media screen and (max-width: 750px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  .size_01{
    width:100% !important;
  }
}


/* ------------------------------------

 フッターメニュー

------------------------------------ */

/* マネー・ローンダリング及びテロ資金供与対策に係る基本方針 */

.ml_and_tf_joho {
    margin: 10px 0 45px;
    padding: 0 30px;
    justify-content: center;
    gap: 150px;
}

@media screen and (max-width: 750px) {
  .ml_and_tf_joho.flex{
    display: block;
  }
}