@charset "utf-8";

/*  display  */
@media screen and (min-width: 961px) {
  .spOnly {
  	display: none !important;
  }
}
@media screen and (max-width: 960px) {
  .pcOnly {
  	display: none;
  }
}


/*  margin  */
.mt00 {
	margin-top: 00px !important;
}
.mt05 {
	margin-top: 05px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mAuto {
	margin: 0 auto;
}
.aC {
	text-align: center;
}
.aL {
	text-align: left;
}
.aR {
	text-align: right;
}


/*  width  */
.w15per {
	width: 15% !important;
}
.w35per {
	width: 35% !important;
}
.w50per {
	width: 50% !important;
}


/*  font  */
.bold {
	font-weight: bold;
}


/*  color  */
.color_01 {
	color: #C70D18;
}
.color_02 {
	color: #008F79;
}


/*  image  */
@media screen and (max-width: 960px) {
  img {
  	max-width: 100%;
  }
}


/*  link  */
a:link {
    color: #212121;
    text-decoration: underline;
    outline: none;
    transition-property: background-color, color;
    transition-duration: 0.2s;
}
a:hover {
    text-decoration: none;
}


/*  button  */
.sitelink-box {
    line-height: 1.5;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 130px 10px;
}
.sitelink-button {
    width: 47%;
    margin: auto;
}
.sitelink-button a {
    color: #000;
    text-decoration: none;
    text-align: center;
    background: #FFF;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    display: block;
    position: relative;
    padding: 12px 34px 12px 12px;
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
    box-shadow: 2px 2px #8E8E8E;
}
.sitelink-button a::after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #C70D18;
    border-right: 2px solid #C70D18;
    margin-top: -4px;
    top: 50%;
    right: 20px;
    transform: rotate(45deg);
}
.sitelink-button a:hover {
    color: #BF2B38;
}

@media screen and (max-width:767px) {
    .sitelink-box {
        display: block;
        padding: 0px 130px 60px;
    }
    .sitelink-button {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .sitelink-box {
        padding: 0px 77px 40px;
    }
}


/*  freame  */
.frame01 {
	border-radius: 15px;
	border: 3px #C70D18 solid;
	padding: 0 10px 20px 10px;
}
.style_82bank .frame01 {
    border: 3px #E8380D solid;
}
.style_naganobank .frame01 {
    border: 3px #EB5764 solid;
}
.frame01 .frame_title {
    position: relative;
    margin-bottom: 1.2rem;
    padding: 1rem 0;
    border-bottom: 5px solid;
    color: #C70D18;
    font-weight: bold;
}
.style_82bank .frame_title {
    color: #E8380D;
}
.style_naganobank .frame_title {
    color: #EB5764;
}
.frame01 .frame_title:before {
    position: absolute;
    bottom: -0.6rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}
.frame01 freame_inner {
	padding-left: 1.0rem;
}


/*  ul list  */
.normalList {
    padding: 0 5px;
}
.normalList > li {
    margin: 5px;
}
.list_flex {
    padding: 0.3em 1.2rem;
    border: none;
    margin: 0;
    flex-wrap: wrap;
    display: flex;
}
.list_flex > li {
    margin: 5px;
    float: left;
    width: calc(33% - 10px);
}
.list_flex_2colmn {
    padding: 0.3em 1.2rem;
    border: none;
    margin: 0;
    flex-wrap: wrap;
    display: flex;
}
.list_flex_2colmn > li {
    margin: 5px 18px;
    float: left;
    width: calc(45% - 10px);
}
.list_flex > li a,
.list_flex_2colmn > li a {
    color: #212121;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

@media screen and (max-width: 960px) {
  .list_flex > li {
     width: 100%;
  }
  .list_flex_2colmn > li {
     width: 100%;
  }
  .list_flex > li a,
  .list_flex_2colmn > li a {
     font-size: 14px;
  }
}
.table_list {
	margin-left: 10px;
}
[class*="noteList"] {
	margin-top: 0.5em;
}
[class*="noteList"] > li {
	line-height: 1.5;
}
[class*="noteList"] > li:first-child {
	margin-top: 0;
}
.noteList01 {
	list-style: none;
}
.noteList01 > li {
	margin-top: 0.5em;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.5;
	color: #777777;
}
.noteList01 > li:before {
  content: "（注）";
}
.noteList01 > li > [class*="normalList"],
.noteList01 > li > [class*="numberList"] {
	margin-top: 0;
}
.noteList01 > li [class*="normalList"] > li,
.noteList01 > li > [class*="iconLink"] {
	margin-top: 0.2em;
  text-indent: 0;
}
.noteList01 > li [class*="numberList"] > li {
	margin-top: 0.2em;
}


/*  ol list  */
.numberList01 {
	counter-reset: numberList01;
	list-style: none;
}
.numberList01.start02 { counter-reset: numberList01 1;}
.numberList01.start03 { counter-reset: numberList01 2;}
.numberList01.start04 { counter-reset: numberList01 3;}
.numberList01.start05 { counter-reset: numberList01 4;}
.numberList01.start06 { counter-reset: numberList01 5;}
.numberList01.start07 { counter-reset: numberList01 6;}
.numberList01.start08 { counter-reset: numberList01 7;}
.numberList01.start09 { counter-reset: numberList01 8;}
.numberList01.start10 { counter-reset: numberList01 9;}
.numberList01.start11 { counter-reset: numberList01 10;}

.numberList01 > li > * {
	text-indent: 0;
}
.numberList01 > li {
	margin-top: 0.8em;
	padding-left: 2.7em;
	text-indent: -2.7em;
}
.numberList01 > li p.indentNone {
	padding-left: 0;
	text-indent: -40px;
	margin-top: 3px;
}
.numberList01 > li:nth-child(n+10) {
  padding-left: 3.3em;
  text-indent: -3.3em;
}
.numberList01 > li:before {
	font-weight: bold;
	color: #EB5764;
	counter-increment: numberList01;
	content: "（"counter(numberList01)"）" !important;
}
.noteNumList01 {
	counter-reset: noteNumList01;
	list-style: none;
}
.noteNumList01.start02 { counter-reset: noteNumList01 1;}
.noteNumList01.start03 { counter-reset: noteNumList01 2;}
.noteNumList01.start04 { counter-reset: noteNumList01 3;}
.noteNumList01.start05 { counter-reset: noteNumList01 4;}
.noteNumList01.start06 { counter-reset: noteNumList01 5;}
.noteNumList01.start07 { counter-reset: noteNumList01 6;}
.noteNumList01.start08 { counter-reset: noteNumList01 7;}
.noteNumList01.start09 { counter-reset: noteNumList01 8;}
.noteNumList01.start10 { counter-reset: noteNumList01 9;}
.noteNumList01.start11 { counter-reset: noteNumList01 10;}
.noteNumList01 > li {
	margin-top: 0.2em;
	padding-left: 2.2em;
	text-indent: -2.2em;
	color: #777777;
}
.noteNumList01 > li > [class*="normalList"],
.noteNumList01 > li > [class*="numberList"] {
	margin-top: 0;
}
.noteNumList01 > li > [class*="normalList"] > li,
.noteNumList01 > li > [class*="iconLink"],
.noteNumList01 > li > [class*="btnLink"] {
	margin-top: 0.2em;
	text-indent: 0;
}
.noteNumList01 > li > [class*="numberList"] > li {
	margin-top: 0.2em;
}
.noteNumList01 > li:nth-child(n+10) {
	padding-left: 2.8em;
	text-indent: -2.8em;
}
.noteNumList01 > li:before {
	margin-right: 0.5em;
	counter-increment: noteNumList01;
	content: "※"counter(noteNumList01);
}
.noteNumList01.start02 { counter-reset: noteNumList01 1;}
.noteNumList01.start03 { counter-reset: noteNumList01 2;}
.noteNumList01.start04 { counter-reset: noteNumList01 3;}
.noteNumList01.start05 { counter-reset: noteNumList01 4;}
.noteNumList01.start06 { counter-reset: noteNumList01 5;}
.noteNumList01.start07 { counter-reset: noteNumList01 6;}
.noteNumList01.start08 { counter-reset: noteNumList01 7;}
.noteNumList01.start09 { counter-reset: noteNumList01 8;}
.noteNumList01.start10 { counter-reset: noteNumList01 9;}
.noteNumList01.start11 { counter-reset: noteNumList01 10;}
.noteNumList01 > li.value02:before {
	content: "※2";
}
.noteNumList01 > li.value03:before {
	content: "※3";
}
.noteNumList01 > li.value04:before {
	content: "※4";
}

@media screen and (max-width: 960px) {
  .noteNumList01 > li {
  	margin-top: 0.2em;
  	padding-left: 2.1em;
  	text-indent: -2.1em;
  	color: #777777;
  }
  .noteNumList01 > li > [class*="normalList"],
  .noteNumList01 > li > [class*="numberList"] {
  	margin-top: 0;
  }
  .noteNumList01 > li > [class*="normalList"] > li,
  .noteNumList01 > li > [class*="iconLink"],
  .noteNumList01 > li > [class*="btnLink"] {
  	margin-top: 0.2em;
  	text-indent: 0;
  }
  .noteNumList01 > li > [class*="numberList"] > li {
  	margin-top: 0.2em;
  }
  .noteNumList01 > li:nth-child(n+10) {
  	padding-left: 2.7em;
  	text-indent: -2.7em;
  }
  .noteNumList01 > li:before {
  	margin-right: 0.5em;
  	counter-increment: noteNumList01;
  	content: "※"counter(noteNumList01);
  }
}

.noteNumList02 {
	counter-reset: noteNumList02;
	list-style: none;
}
.noteNumList02.start02 { counter-reset: noteNumList02 1;}
.noteNumList02.start03 { counter-reset: noteNumList02 2;}
.noteNumList02.start04 { counter-reset: noteNumList02 3;}
.noteNumList02.start05 { counter-reset: noteNumList02 4;}
.noteNumList02.start06 { counter-reset: noteNumList02 5;}
.noteNumList02.start07 { counter-reset: noteNumList02 6;}
.noteNumList02.start08 { counter-reset: noteNumList02 7;}
.noteNumList02.start09 { counter-reset: noteNumList02 8;}
.noteNumList02.start10 { counter-reset: noteNumList02 9;}
.noteNumList02.start11 { counter-reset: noteNumList02 10;}
.noteNumList02 > li {
	margin-top: 0.2em;
	padding-left: 3.7em;
	text-indent: -3.7em;
	color: #777777;
}
.noteNumList02 > li > [class*="normalList"],
.noteNumList02 > li > [class*="numberList"] {
	margin-top: 0;
}
.noteNumList02 > li > [class*="normalList"] > li {
	margin-top: 0.2em;
	text-indent: 0;
}
.noteNumList02 > li:nth-child(n+10) {
	padding-left: 4.3em;
	text-indent: -4.3em;
}
.noteNumList02 > li:before {
	counter-increment: noteNumList02;
	content: "（注"counter(noteNumList02)"）";
}


/*  table  */
.table_color01 {
	background-color: #E35B55 !important;
	color: #FFFF;
}
.table_color02 {
	background-color: #F7ECDF !important;
	color: #D70D19;
}
.table_color03 {
	background-color: #CAE4DF !important;
}
.table_color04 {
	background-color: #E8E0ED !important;
}
.table_color05 {
	background-color: #BFA4C9 !important;
}


/*  news release  */
.release {
    margin-bottom: 2em;
}
.release dl{
    display: flex;
    border-bottom: dotted 1px #aaa;
    padding-top: 5px;
}
.release .release_list dt{
    width: 130px;
    margin-left: 2em;
}
.release .release_list dd{
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

@media screen and (max-width:767px) {
    .release {
        margin-bottom: 2em;
    }
    .release dl{
        display: block;
    }
    .release .release_list dt{
        width: auto;
        margin-left: 1em;
    }
    .release .release_list dd{
        margin-left: 2em;
    }
}


/*  check  */
.check {
    display: flex;
    margin-bottom: 20px;
}
.check_img {
    margin-right: 5px;
    text-align: center;
}
.check_img img {
    width: 60px;
    max-width: none;
}
.check_text {
}
@media screen and (max-width: 767px) {
    .check {
        display: block;
    }
    .check_img img {
        width: 50px;
    }
}


/*  top banner  */
.top_img {
}
@media screen and (min-width: 961px) {
    .top_img {
        max-width: 1120px;
        padding: 0 27px;
    }
}


/*  footer  */
.footer_list {
}
.footer_list ul {
   justify-content: center;
   margin-bottom: 25px;
}
.footer_link_list {
   font-size: 16px;
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
   list-style: none;
}
.footer_link_list li {
   border-right: 1px solid;
   padding-right: 24px;
   border-color: #C6C6C6;
}
.footer_link_list li:last-child {
   border: none;
}
.footer_link_list li a {
   color: #212121;
   font-weight: bold;
   text-decoration: none;
   font-size: 16px;
   gap: 12px;
 }
.footer_link_list li a:hover .label {
   text-decoration: none;
   color: #C70D18;
}
.footer_link_list .icon_link {
  width: 24px;
  height: 24px;
  background: url("/gappei/images/icon_arrowlink_common.svg");
  background-repeat: no-repeat !important;
  flex-shrink: 0;
}

@media screen and (max-width: 960px) {
   .footer_list {
        width: 300px;
        margin: 0 auto 25px auto;
   }
   .footer_list ul {
        justify-content: left;
   }
  .footer_link_list {
    font-size: 14px;
  }
  .footer_link_list li {
    margin-bottom: 0;
    margin-right: 0;
    border-right: none;
  }
  .footer_link_list li a {
    font-size: 14px;
  }
}

.footer__inner {
  max-width: 1066px;
  width: 100%;
  margin: 0 auto;
}
.column_buttoms__navi_item01 {
  border-radius: 8px;
  background: #ffffff;
  transition: color 0.25s ease, background-color 0.25s ease;
}
.no_column .column_buttoms__navi_item01 {
  width: 100%;
  margin: 0;
}
.column_buttoms__navi_item01 a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #212121;
  text-decoration: underline;
  font-weight: bold;
  padding: 20px 54px 20px 24px;
  transition: color 0.25s ease, background-color 0.25s ease;
  font-size: 16px;
  text-align: left !important;
}
.column_buttoms__navi_item01 a span {
  margin-left: 5px;
}
.style_82bank .column_buttoms__navi_item01,
.column_buttoms__navi_item01.style_82bank {
  border: solid 1px #E8380D;
  background-color: #E8380D;
}
.style_82bank .column_buttoms__navi_item01 a,
.column_buttoms__navi_item01.style_82bank a {
  background: url("/gappei/images/icon_arrowlink_82bank_hover.svg") no-repeat right 24px center;
  color: #ffffff;
}
.style_82bank .column_buttoms__navi_item01:hover,
.column_buttoms__navi_item01.style_82bank:hover {
  background: #ffffff;
}
.style_82bank .column_buttoms__navi_item01:hover a,
.column_buttoms__navi_item01.style_82bank:hover a {
  color: #212121;
  background: url("/gappei/images/icon_arrowlink_82bank.svg") no-repeat right 24px center;
  text-decoration: none;
}
.style_naganobank .column_buttoms__navi_item01,
.column_buttoms__navi_item01.style_naganobank {
  border: solid 1px #EB5764;
  background-color: #EB5764;
}
.style_naganobank .column_buttoms__navi_item01 a,
.column_buttoms__navi_item01.style_naganobank a {
  background: url("/gappei/images/icon_arrowlink_naganobank_hover.svg") no-repeat right 24px center;
  color: #ffffff;
}
.style_naganobank .column_buttoms__navi_item01:hover,
.column_buttoms__navi_item01.style_naganobank:hover {
  background: #ffffff;
}
.style_naganobank .column_buttoms__navi_item01:hover a,
.column_buttoms__navi_item01.style_naganobank:hover a {
  color: #212121;
  background: url("/gappei/images/icon_arrowlink_naganobank.svg") no-repeat right 24px center;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .footer__inner {
    max-width: 767px;
    padding: 0 27px;
  }
  .column_buttoms__navi_item01 {
    margin: 0 0 16px 0;
  }
  .column_buttoms__navi_item01 a {
    font-size: 14px;
  }
}