@charset "shift_jis";
/* Updated 2025/01/21.T */
/* Updated 2024/05/17.T */
/* Updated 2024/04/22,T */
/* Updated 2024/04/08.T */
/* Updated 2023/08/31.T */
/* Updated 2023/03/01.T */
/* Updated 2023/01/27.T */
/* Updated 2022/10/24.T */
/* ----------------------------------
layout
---------------------------------- */
#header-area.-bottom .header-inner {
  -webkit-box-shadow: 0 4px 4px rgba(20, 29, 29, 0.04);
          box-shadow: 0 4px 4px rgba(20, 29, 29, 0.04);
}
.content-block01:not(:first-child) {
  margin-top: 24px;
}
.toggle-block01:not(:first-child) {
  margin-top: 24px;
}
#content-area{
  min-height: 50vh;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  #footer-content{
    margin-top: 80px;
  }
  .header-siteLogo img {
    -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  #main-area {
    padding-top: 83px;
  }
  #main-area.main-common {
    padding-top: 158px;
  }
  .content-block01 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
/* ----------------------------------
heading
---------------------------------- */
.title-heading01 {
  min-height: 110px;
}
.title-heading01 > .inner {
  min-height: initial;
}
.title-heading01 .txt01 {
  margin-top: 18px;
  color: #141D1D;
  font-weight: 400;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .title-heading01 {
    padding-top: 18px;
    padding-bottom: 15px;
    min-height: 150px;
  }
  .title-heading01 .txt01 {
    margin-top: 15px;
  }
}
.title-heading02 {
  margin-top: 96px;
}
.card-normal01 + .title-heading02 {
  margin-top: 48px;
}
.cmn-layout01 + .title-heading02 {
  margin-top: 96px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .title-heading02 {
    margin-top: 80px;
  }
}
/* ----------------------------------
link
---------------------------------- */
.icon-link01 > .inner:after {
  left: 2px;
  -webkit-transform: translate(0, 1px);
      -ms-transform: translate(0, 1px);
          transform: translate(0, 1px);
}
.-tdNone {
  text-decoration: none;
}
.-tdNone:hover {
  text-decoration: underline;
}
/* ----------------------------------
card
---------------------------------- */
.card-normal01 {
  border-radius: 8px;
}
.card-normal01 > .inner > .header {
  padding-top: 17px;
  padding-bottom: 17px;
  border-radius: 8px;
}
.card-normal01 > .inner > .header[role=tab]:after {
  right: 25px;
}
.card-normal01 > .inner > .body {
  padding: 18px 18px 18px;
}
.card-normal01 > .inner > .body:not(:first-child):before {
  width: calc(100% - (18px * 2));
}
.toggle-block01.card-normal01 > .inner > .header[role=tab]:after {
  right: 13px;
}
.toggle-block01 .list01 {
  -webkit-transform: translateX(-4px);
      -ms-transform: translateX(-4px);
          transform: translateX(-4px);
}
.toggle-block01 .item01:not(:first-child) {
  margin-top: 16px;
}
/* PC STYLES */
@media screen and (min-width: 768px) {
  .card-normal01.toggle-block01:first-child + .title-heading02{
    margin-top: 96px;
  }
  .content-block01>.card-normal01.toggle-block01:first-child{
    margin-top: 48px;
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .card-normal01.toggle-block01:first-child + .title-heading02,
  .card-normal01.toggle-block01:first-child + section>.title-heading02{
    margin-top: 48px;
  }
}
/* ----------------------------------
cmn-bg
---------------------------------- */
.cmn-bg01 {
  padding: 24px 16px;
  border-radius: 8px;
  background-color: #f3f8f6;
}
/* ----------------------------------
cmn-layout
---------------------------------- */
/* PC STYLES */
@media screen and (min-width: 768px) {
  .cmn-layout01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cmn-layout01 .cmn-frame01 {
    margin-top: 18px;
    width: calc(50% - 12px);
  }
  .cmn-layout01 .cmn-frame01:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  .cmn-layout01 .cmn-frame01 + .cmn-frame01 {
    margin-top: 18px;
  }
}
/* ----------------------------------
attention
---------------------------------- */
.cmn-attention01 {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #c83030;
  border-radius: 8px;
  color: #c83030;
}
.cmn-attention01 .ttl01 {
  margin: 0 0 0 2px;
  padding: 0 0 0 34px;
  background: url("/kojin/cmn/imgs/ico_attention_01.svg") 0 0 no-repeat;
  background-size: 28px auto;
  font-weight: 700;
  font-size: 2.0rem;
}
.cmn-attention01 .txt01 {
  margin-top: 16px;
  font-weight: 400;
}
/* ----------------------------------
cmn-frame
---------------------------------- */
.cmn-frame01 {
  padding: 16px 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 8px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(20, 29, 29, 0.08), 0 0 4px rgba(20, 29, 29, 0.05);
          box-shadow: 0 8px 10px rgba(20, 29, 29, 0.08), 0 0 4px rgba(20, 29, 29, 0.05);
}
.cmn-frame01.-lefticon .inner02 {
  padding-left: 54px;
  min-height: 72px;
}
.cmn-frame01.-lefticon .inner02:before {
  position: absolute;
  top: calc(50% - (40px / 2));
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
.cmn-frame01.-lefticon01 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_faq_01.svg");
}
.cmn-frame01.-lefticon02 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_balloon_01.svg");
}
.cmn-frame01.-lefticon03 .inner02:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_01.svg");
}
.cmn-frame01.-lefticon04 .inner02:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_04.png");
}

.cmn-frame01.-lefticon20 .inner02:before {
  background-image: url("/kojin/portal/imgs/index_ico_04.png");
}
.cmn-frame01.-lefticon21 .inner02:before {
  background-image: url("/kojin/portal/imgs/index_ico_05.png");
}
.cmn-frame01.-lefticon22 .inner02:before {
  background-image: url("/kojin/portal/imgs/index_ico_06.png");
}

.cmn-frame01.-lefticon05 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_graph_01.svg");
}
.cmn-frame01.-lefticon06 .inner02:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_05.svg");
}
.cmn-frame01.-lefticon07 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_device_bankbook_01.svg");
}
.cmn-frame01.-lefticon08 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_piggy_point_01.svg");
}
.cmn-frame01.-lefticon09 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_debit_01.svg");
}
.cmn-frame01.-lefticon10 .inner02:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_06.svg");
}
.cmn-frame01.-lefticon11 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_atm_01.svg");
}
.cmn-frame01.-lefticon12 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_writing_utensils_01.svg");
}
.cmn-frame01.-lefticon13 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_memo_02.svg");
}
.cmn-frame01.-lefticon14 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_tel_01.svg");
}
.cmn-frame01.-lefticon15 .inner02:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_09.svg");
}
.cmn-frame01.-lefticon16 .inner02:before {
  background-image: url("/kojin/cmn/imgs/ico_arrow_yen_01.svg");
}
.cmn-frame01.-lefticon17 .inner02:before {
  background: url("/kojin/cmn/imgs/ico_lock_01.png") center / contain no-repeat;
}
.cmn-frame01.-color01 .txt01 {
  color: #141d1d;
}
.cmn-frame01.-rightarrow01 .txt01:after {
  top: calc(50% - (24px / 2));
  right: 0;
  width: 24px;
  height: 24px;
  background: url("/kojin/cmn/imgs/ico_arrow_right_01.svg") 0 0 no-repeat;
  background-size: 100% auto;
  content: "";
}
.cmn-frame01 a {
  display: block;
  padding-right: 24px;
  padding-left: 24px;
  text-decoration: none;
}
.cmn-frame01 .inner02 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 56px;
}
.cmn-frame01 .inner03 {
  padding-top: 18px;
}
.cmn-frame01 .inner03 + .inner02 {
  padding-bottom: 24px;
  min-height: 24px;
}
.cmn-frame01 .inner03 + .inner02:before {
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
}
.cmn-frame01 .subtxt01 {
  display: inline-block;
  margin: 0 0 8px 0;
  padding: 5px 8px;
  border-radius: 4px;
  background: #c4d700;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
}
.cmn-frame01 .txt01 {
  position: relative;
  display: block;
  padding: 0 30px 0 0;
  width: 100%;
  font-weight: 700;
}
.cmn-frame01:not(.-lefticon) .txt01{
  padding-top: 16px;
  padding-bottom: 16px;
}
.cmn-frame01 .txt01:after {
  position: absolute;
  top: calc(50% - (24px / 2));
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("/kojin/cmn/imgs/ico_arrow_right_01.svg") 0 0 no-repeat;
  background-size: 100% auto;
  content: "";
}
.cmn-frame01 a[target="_blank"] .txt01:after{
  background-image: url("/kojin/cmn/imgs/ico_blank_01.svg");
}
.cmn-frame01 .txt02 {
  font-weight: 400;
  font-size: 14px;
  color: #56635F;
}
.nav-area01 .cmn-frame01.-lefticon .inner02 {
  min-height: 80px;
}
.cmn-frame01 .txt01 .icon01{
  display: inline-block;
  margin: 8px 0 0;
  border-radius: 4px;
  padding: 3px 22px 3px 8px;
  background: #004831 url(/kojin/portal/imgs/cmn_ico_07.svg) no-repeat right 3px center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #FFFFFF;
}
.cmn-frame01 .txt01 .icon02{
  display: inline-block;
  margin: 8px 0 0;
  border-radius: 4px;
  padding: 4px 8px 4px 26px;
  background: #E2EFBC url(/kojin/portal/imgs/cmn_ico_08.svg) no-repeat 3px center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #004831;
}
.cmn-frame01.-frame-q .txt01{
  padding-left: 35px;
}
.cmn-frame01.-frame-q .txt01 .icon-q{
  position: absolute;
  left: 0;
  top: 12px;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1;
  color: #004831;
}
/*-col3*/
.cmn-frame-col3>.cmn-frame01 .inner02{
  min-height: 72px;
  text-align: center;
}
/* PC STYLES */
@media screen and (min-width: 768px) {
  .cmn-frame01 a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .cmn-frame01 a:hover {
    background: #f5f5f5;
  }
  .cmn-frame01 .inner03 + .inner02 {
    margin-top: 6px;
  }
  .cmn-frame01 .inner03._pc-content + .inner02 {
    padding-bottom: 24px;
    min-height: 24px;
  }
  /*-col3*/
  .cmn-frame-col3{
    display: flex;
    justify-content: center;
  }
  .cmn-frame-col3>.cmn-frame01{
    width: 33.3%;
  }
  .cmn-frame-col3>.cmn-frame01:not(:first-child){
    margin:0 0 0 24px;
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-frame01 .inner03 {
    padding-top: 15px;
  }
  .cmn-frame01 .inner03 + .inner02 {
    padding-bottom: 12px;
  }
  .cmn-frame01 .inner03 + .inner02:before {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  .cmn-frame01 .inner03._sp-content + .inner02 {
    padding-bottom: 12px;
    min-height: 24px;
  }
  .cmn-frame01 .inner03._sp-content + .inner02:before {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  .cmn-frame01 .subtxt01 {
    margin-bottom: 2px;
  }
  .cmn-frame01 .txt01 {
    padding: 13px 30px 13px 0;
  }
  .cmn-frame01.-frame-q a{
    padding-left: 17px;
    padding-right: 17px;
  }
  .cmn-frame01.-frame-q .txt01 .icon-q{
    top: 10px;
  }
}
.cmn-frame01 + .cmn-frame01 {
  margin-top: 16px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-frame01 + .cmn-frame01 {
    margin-top: 18px;
  }
}
.cmn-frame02 + .cmn-frame01 {
  margin-top: 24px;
}
.cmn-frame01 + .cmn-frame02 {
  margin-top: 16px;
}
/* ----------------------------------
cmn-btn
---------------------------------- */
.cmn-btn01 {
  margin-top: 96px;
  text-align: center;
}
.cmn-btn01 .btn-type02 {
  max-width: 400px;
  width: 100%;
  border: 1px solid #d5dedb;
  border-radius: 24px;
}
/* PC STYLES */
@media screen and (min-width: 768px) {
  .cmn-btn01 .btn-type02:not(:disabled):hover {
    border: 1px solid #d5dedb;
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-btn01 {
    margin-top: 80px;
  }
}
/* ----------------------------------
ttl-area
---------------------------------- */
.ttl-area01 .ttl01 {
  font-weight: 700;
  font-size: 2.8rem;
}
.ttl-area01 .txt01 {
  margin-top: 16px;
}
.ttl-area01 .txt02 {
  margin-top: 16px;
  padding: 18px 16px;
  background: #F5F9E6;
  border-radius: 8px;
  font-size: 1.4rem;
}
.ttl-area01 .txt02 .icon {
  margin-top: -0.5em;
}
.ttl-area02 {
  margin-top: 48px;
}
.ttl-area02 .ttl01 {
  color: #004831;
  text-align: center;
  font-weight: 700;
  font-size: 2.8rem;
}
/* ----------------------------------
nav-area
---------------------------------- */
.nav-area01 {
  margin-top: 24px;
  padding: 24px 0;
  background-color: #e2efbc;
}
.nav-area01 .wrap01 {
  margin: 0 auto;
}
.nav-area01 .link01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.nav-area01 .link01 .item01 {
  overflow: hidden;
  width: 282px;
  height: 153px;
  border-radius: 8px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(20, 29, 29, 0.08), 0 0 4px rgba(20, 29, 29, 0.05);
          box-shadow: 0 8px 10px rgba(20, 29, 29, 0.08), 0 0 4px rgba(20, 29, 29, 0.05);
  text-align: center;
}
.nav-area01 .link01 .item01.-icon01 .inner01:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_01.svg");
}
.nav-area01 .link01 .item01.-icon02 .inner01:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_10.svg");
}
.nav-area01 .link01 .item01.-icon03 .inner01:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_11.svg");
}
.nav-area01 .link01 .item01.-icon04 .inner01:before {
  background-image: url("/kojin/portal/imgs/cmn_ico_03.svg");
}
.nav-area01 .link01 .item01.-icon05 .inner01:before {
  background-image: url("/kojin/cmn/imgs/ico_bankbook_question_01.svg");
}
.nav-area01 .link01 a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.nav-area01 .link01 .inner01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 23px 0 0 0;
  height: 100%;
}
.nav-area01 .link01 .inner01:before {
  top: 0;
  left: 0;
  display: block;
  margin-bottom: 8px;
  width: 100%;
  height: 60px;
  background-position: center 0;
  background-size: 60px auto;
  background-repeat: no-repeat;
  content: "";
}
.nav-area01 .link01 .txt01 {
  font-weight: 700;
}
.nav-area01 .toggle-block01:not(:first-child) {
  margin-top: 16px;
}
/* PC STYLES */
@media screen and (min-width: 768px) {
  .nav-area01 .wrap01 {
    max-width: 1200px;
  }
  .nav-area01 .link01 a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .nav-area01 .link01 a:hover {
    background: #f5f5f5;
  }
  .nav-area01 .link01.-col2 .item01 {
    width: 588px;
  }
}
/* TAB STYLES */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .nav-area01 {
    padding-right: 6px;
    padding-left: 6px;
  }
  .nav-area01 .link01 .item01 {
    width: calc(25% - 12px);
  }
  .nav-area01 .link01.-col2 .item01 {
    width: calc(50% - 12px);
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .nav-area01 .wrap01 {
    padding: 0 16px;
  }
  .nav-area01 .link01 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .nav-area01 .link01 .item01 {
    margin-top: 16px;
    width: calc(50% - 8px);
    height: 144px;
  }
  .nav-area01 .link01 .item01:nth-child(-n+2) {
    margin-top: 0;
  }
  .nav-area01 .link01 .inner01 {
    padding: 23px 0 0 0;
  }
  .nav-area01 .link01 .inner01:before {
    margin-bottom: 10px;
    height: 40px;
    background-size: 40px auto;
  }
}
/* ----------------------------------
text-bg01
---------------------------------- */
.text-bg01{
  padding: 16px;
  margin: 16px 0 0;
  background: #F5F9E6;
  border-radius: 8px;
}
/* ----------------------------------
icon-align01
---------------------------------- */
.icon-align01{
  vertical-align: -0.3em;
}
/*02*/
.icon-align02{
  vertical-align: -0.2em;
}
/* ----------------------------------
content-block01
---------------------------------- */
.nav-area01 + section>.content-block01{
  margin-top: 96px;
}
/* ----------------------------------
text-icon01
---------------------------------- */
.text-icon01{
  display: inline-block;
  position: relative;
  margin-bottom: 12px;
  font-weight: bold;
  padding-left: 64px;
}
.text-icon01 img{
  position: absolute;
  left: 0;
  top: calc(50% - 24px);
}
/* ----------------------------------
ttl-frame01
---------------------------------- */
.ttl-frame01{
  position: relative;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #004831;
}
.ttl-frame01.-icon01{
  padding-left: 28px;
}
.ttl-frame01.-icon01::before{
  display: block;
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0.1em;
  background: url(/kojin/cmn/imgs/ico_faq_01.svg);
}
/* ----------------------------------
modal-img-head01
---------------------------------- */
.modal-img-head01{
  margin: 24px 24px 0;
}
.modal-img-head01 img{
  display: block;
  margin: 0 auto;
  max-width: 240px;
  width: 83%;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  /* ----------------------------------
  text-bg01
  ---------------------------------- */
  .text-bg01{
    padding: 15px;
  }
  /* ----------------------------------
  content-block01
  ---------------------------------- */
  .nav-area01 + section>.content-block01{
    margin-top: 80px;
  }
}