@charset "UTF-8";
/* Updated 2024/06/28,T */
/* Updated 2024/05/01,T */
/* Updated 2024/03/29,T */
/* Updated 2024/01/10,T */
/* Updated 2023/03/01,T */
/* Updated 2023/02/03,T */

.title-background01 {
  margin-bottom: 44px;
}

.title-line01 > .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-line01 > .title::before,
.title-line01 > .title::after {
  content: "";
  border-top: 3px solid #c83030;
  width: 5em;
}

.title-line01 > .title::before {
  margin-right: 1em;
}

.title-line01 > .title::after {
  margin-left: 1em;
}

/* .title-background01>.inner>.body::before {
  background-image: url("/build/2000/smbc-reference/kojin/asset-management/sbi/imgs/index_img_01.png");
} */

.card-normal01.-red01 .text-block01 {
  color: #141d1d;
}

#content-area .column-layoutB3 + .list-notice02 {
  margin-top: 16px;
}

#containment-area [class*=title-]+:not(.exception):not(.content-block01):not(.content-block02):not(.card-overflowing01) {
  margin-top: 0;
}

.column-layoutB3>* {
  width: 32%;
}

[class*=column-layoutB]>* {
  margin: 28px 0 0 2%;
}

.sbi-balloon01 {
  position: relative;
}

.sbi-balloon01 .title>.balloon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 5%;
  width: 77px;
  height: 77px;
  background: #c4d700;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  font-size: 1.1rem;
  color: #004831;
}

.sbi-balloon01 .detail>.text {
  font-size: 2rem;
  font-weight: 700;
  color: #004831;
}

.sbi-balloon01 .title>.balloon::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 32px;
  height: 29px;
  background: url(/build/2000/smbc-reference/kojin/asset-management/sbi/imgs/index_bg_balloon_01.png) 0 0/100% auto no-repeat;
}

.sbi-balloon01 .title>.balloon>.text {
  margin-left: 0.2em;
  letter-spacing: .2em;
}

.sbi-balloon01 .title>.balloon>.num {
  font-size: 2.6rem;
  font-weight: 700;
}

.sbi-balloon01>.detail {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.sbi-balloon01>.detail>.img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 220px;
}

.sbi-balloon01>.detail>.text:not(:first-child) {
  margin-top: 8px;
}

#containment-area .detail ._inner-molecule>:not([class*=list-notice]) {
  margin-top: 0;
}

.text-block01._fsN._d-flex {
  justify-content: space-around;
  margin-bottom: 13px;
  gap: 24px;
}

.merit-layout {
  display: block;
}

.merit-layout .sbi-balloon01{
  display: flex;
}

.merit-layout>li>.sbi-balloon01 .img{
  max-width: 230px;
  display: block;
  margin: auto;
}

.merit-layout>li>.sbi-balloon01 {
  display: flex;
  gap: 24px;
  max-width: 780px;
  margin: auto;
  margin-top: 50px;
  justify-content: space-between;
}

.merit-layout .sbi-balloon01 .detail {
  display: flex;
  flex-direction: unset;
  align-items: center;
  gap: 24px;
}

.merit-layout .sbi-balloon01 .detail>.text {
  font-size: 2.4rem;
  margin-top: 0;
}

.merit-layout .sbi-balloon01>.title>.balloon {
  top: inherit;
  left: inherit;
}

#anc01 .sbi-balloon01 .title>.balloon {
  position: relative;
  top: inherit;
  left: inherit;
}

.content-block01>.inner+.title-heading01 {
  margin-top: 95px;
}

.table-type01>tbody>tr>.l-green {
  background: #F3F8F6;
  color: #141D1D;
}
._t-center + .img-block01 {
  margin-top: 104px;
}
.toggle-block01 .card-normal02 {
  border-radius: 0;
}
.toggle-block01 #panel-detail .card-normal02>.inner>.header {
  background: #F3F8F6;
  border: 1px solid #d5dedb;
  border-radius: 0;
}
.toggle-block01 #panel-detail .card-normal02>.inner>.body {
  border-radius: 0;
}
.toggle-block01 #panel-detail .card-normal02>.inner>.header>.title>.inner {
  color: #141D1D;
}

/*------------------------------
use-blk
------------------------------*/
.column-layoutB4.-columnWide01>* {
  width: 26.29%;
}
.column-layoutB4.-wide>* {
  width: 22%;
}
.use-blk {
  margin-top: 12px;
}
.use-blk .ttl04 {
  margin-top: 24px;
  padding: 6px 27px;
  font-size: 24px;
  font-weight: bold;
  color: #004831;
  background: #e2efbc;
  border-radius: 30px;
}
.use-blk .flow-ttl {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #d5dedb;
}
.use-blk .scroll {
  margin-top: 30px;
}
.use-blk [class*="flow-blk0"] [class*="flow-item0"] {
  position: relative;
}
.use-blk [class*="flow-blk0"] [class*="flow-item0"]:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - -10px);
  right: -38px;
  width: 22px;
  height: 42px;
  background: url(/build/2000/smbc-reference/kojin/bankpay/imgs/index_img_19.png) no-repeat;
  background-size: 100% 100%;
}
.use-blk [class*="flow-blk0"] [class*="flow-item0"] .list-num02>.item {
  padding-left: calc(2.8em + 5px);
  padding-top: 11px;
}
.use-blk [class*="flow-blk0"] [class*="flow-item0"] .list-num02>.item:not(.list-notice01) {
  font-weight: bold;
}
.use-blk .list-num02 .list-notice01>.item {
  font-weight: 200;
}
.use-blk [class*="flow-blk0"] [class*="flow-item0"] .list-num02>.item>.mark {
  width: 2.2em;
  height: 2.2em;
}
.use-blk [class*="cont-blk0"] [class*="flow-blk0"] [class*="flow-item0"] .img01 {
  max-width: 144px;
  width: 100%;
  margin: 53px auto 0!important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .use-blk [class*="cont-blk0"] [class*="flow-blk0"] [class*="flow-item0"] .img01 {
    margin: 106px auto 0!important;
  }
}
.use-blk .cont-blk01 .flow-blk02 .flow-item03 .img01 {
  max-width: 255px;
  margin: 43px auto 0!important;
}
.use-blk .cont-blk02 {
  margin-top: 76px;
}
.use-blk .cont-blk02 .flow-blk01 [class*="flow-item0"]:not(:last-child)::before {
  top: calc(50% - -38px);
}
.use-blk .cont-blk02 .flow-blk01 [class*="flow-item0"] .img01 {
  margin: 25px auto 0!important;
}
.table-scroll01>.table-type01>tbody>tr>td, .table-type01>thead>tr>td {
  vertical-align: middle;
}
.img-block01>.text:last-child, .img-block02>.text:last-child {
  padding-left: 0;
  padding-right: 0;
}
.toggle-block01 .title.text-mark02>.inner,
.toggle-block01 .text-block01 {
  text-align: left;
}
@media screen and (min-width: 768px) {
  /* .title-background01>.inner>.body>.text {
    padding: 30px 10px 30px 27px;
  } */
  .title-heading01 .title>.inner {
    font-size: 3.2rem;
  }
  #containment-area ._inner-molecule>:not([class*=list-notice]) {
    margin-top: 42px;
  }
  #containment-area .flow-blk02 ._inner-molecule .img01 {
    margin-top: 62px;
  }
  .merit-layout .sbi-balloon01 .inner {
    width: 528px;
  }
  .section-block01>.detail>.column-layoutB2 {
    width: 876px;
    margin: 50px auto 0;
  }
  .use-blk>.cont-blk01>.scroll>.sc-blk {
    justify-content: center;
  }
  .use-blk [class*="flow-blk0"] [class*="flow-item0"]:not(:last-child)::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - -10px);
    right: -38px;
    width: 22px;
    height: 42px;
    background: url(/build/2000/smbc-reference/kojin/asset-management/sbi/imgs/index_img_18.png) no-repeat;
    background-size: 100% 100%;
  }
  .section-block01 .img-block01>.text-block01 {
    margin-right: 66px;
  }
  .section-block01 .title-balloon01>.inner>.detail-list01 {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  /* .title-background01>.inner>.body::before {
    background-image: url("/build/2000/smbc-reference/kojin/asset-management/sbi/imgs/index_img_01_sp.png");
  } */
  .sbi-balloon01>.detail>.img {
    min-height: 150px;
  }
  .sbi-balloon01>.title>.balloon {
    top: 0;
    left: 0;
  }
  .merit-layout>li>.sbi-balloon01 {
    flex-direction: column;
  }
  .section-block01>.detail>.column-layoutB2 {
    margin-top: 30px;
  }
  .img-block01>.text-block01 + .img {
    margin-top: 20px;
  }
  ._t-center + .img-block01 {
    margin-top: 50px;
  }
  /*------------------------------
  use-blk
  ------------------------------*/
  .use-blk {
    margin-top: 30px;
  }
  .tab-block01>.wrap>.panel>.inner {
    padding-top: 0;
  }
  .use-blk .scroll {
    margin-top: 0;
    margin-left: -4.8vw;
    margin-right: -4.8vw;
    padding-right: 4.8vw;
  }
  .use-blk .sc-blk {
    flex-wrap: nowrap;
    padding-left: 4.8vw;
    overflow-x: scroll;
  }
  .use-blk [class*="flow-blk0"].sc-blk [class*="flow-item0"].item {
    width: 256px;
    margin-top: 0;
    flex-shrink: 0;
  }
  .use-blk .ttl04 {
    margin-top: 24px;
    padding: 6px 27px;
    font-size: 24px;
    font-weight: bold;
    color: #004831;
    background: #e2efbc;
    border-radius: 30px;
  }
  .use-blk .flow-ttl {
    margin-top: 30px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #d5dedb;
  }
  .use-blk [class*="flow-blk0"] [class*="flow-item0"]:not(:last-child)::before {
    display: none;
  }
  .use-blk [class*="flow-blk0"] [class*="flow-item0"] .list-num02>.item {
    padding-left: calc(2.8em + 5px);
  }
  .use-blk [class*="flow-blk0"] [class*="flow-item0"] .list-num02>.item>.mark {
    width: 2.2em;
    height: 2.2em;
  }
  .use-blk [class*="cont-blk0"] [class*="flow-blk0"] [class*="flow-item0"] .img01 {
    max-width: 144px;
    width: 100%;
    margin: 63px auto 0!important;
  }
  .use-blk .cont-blk02 {
    margin-top: 76px;
  }
  .use-blk .cont-blk02 .flow-blk01 [class*="flow-item0"] .img01 {
    margin: 25px auto 0!important;
  }
  .content-block01>.inner+.title-heading01 {
    margin-top: 50px;
  }
}

/* 2024/01/04 */
.jsHeightAdj01 {
  height: 48px;
}
._mt42 {
  margin-top: 42px !important;
}
._mt60 {
  margin-top: 60px !important;
}
.use-blk.-custom {
  margin-top: 80px;
}
.use-blk.-custom .scroll {
  margin-top: 0;
}
/* TB STYLES */
@media screen and (min-width: 768px) and (max-width: 1024.98px) {
  .title-background01.-sbi > .inner > .body > .text {
    width: calc(6.5em + 60px);
    padding: 20px;
    font-size: 3.0rem;
  }
  .title-background01.-sbi > .inner > .body > .text > .lead {
    font-size: 1.4rem;
  }
  .title-background01.-sbi > .inner > .body > .text .list-notice01 > .item {
    padding-left: 0;
  }
}
/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .use-blk.-custom [class*="cont-blk0"] [class*="flow-blk0"] [class*="flow-item0"] .img01 {
    margin: 100px auto 0!important;
  }
  #footer-area.footer-fixed:not(.-close).-sbi #footer-content .footer-logo {
    padding-bottom: 120px;
  }
}

/******************************
.title-balloon01.-sbi
******************************/
.title-balloon01.-sbi>.inner>.img {
  top: 0;
  transform: translateY(-50%);
}

/******************************
.sbimerit-block01
******************************/
.sbimerit-block01 {
  margin-top: 54px !important;
}
.sbimerit-block01 > .item {
  padding: 68px 20px 20px;
  background: #F3F8F6;
  border-radius: 10px;
  box-shadow: 0 0px 3px rgba(20, 29, 29, .05);
  position: relative;
}
.sbimerit-block01 > .item > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 50px;
  background: url("/build/2000/smbc-reference/kojin/asset-management/sbi/imgs/index_bg_merit_01.svg") no-repeat center center;
  background-size: contain;
  color: #017A4F;
  font-size: 2.8rem;
  font-weight: 700;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.sbimerit-block01 > .item > .title .inner {
  position: relative;
  top: -0.1em;
}
.sbimerit-block01 > .item > .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 176px;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
}
.sbimerit-block01 > .item > .dl {
  margin-top: 20px;
}
.sbimerit-block01 > .item > .dl .dt {
  color: #004831;
  font-size: 2.0rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.sbimerit-block01 > .item > .dl .dt .icon {
  display: inline-block;
  position: relative;
}
.sbimerit-block01 > .item > .dl .dt .icon::before,
.sbimerit-block01 > .item > .dl .dt .icon::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #004831;
  position: relative;
  top: 0;
}
.sbimerit-block01 > .item > .dl .dt .icon::before {
  transform: rotate(-25deg);
  left: -8px;
}
.sbimerit-block01 > .item > .dl .dt .icon::after {
  transform: rotate(25deg);
  right: -4px;
}
.sbimerit-block01 > .item > .dl .dd {
  margin-top: 16px;
  padding: 0 10px;
}
/* PC Only */
@media screen and (min-width: 768px) {
  .sbimerit-block01 > .item.-last {
    margin: 0 0 0 2%;
  }
  .sbimerit-block01 > .item > .link-fix {
    width: 100%;
    position: absolute;
    bottom: 46px;
    left: 0;
  }
}
/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .sbimerit-block01 > .item:not(:first-child) {
    margin-top: 32px;
  }
}

/******************************
.renewal-block01
******************************/
.renewal-block01 > .renewal-img01 {
  text-align: center;
  margin-top: 60px;
}
.renewal-block01 > .renewal-wrap01 {
  margin: 65px auto 0;
  max-width: 780px;
  width: 100%;
}
.renewal-list01 > .item:not(:first-child) {
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .renewal-block01 > .renewal-wrap01 > .renewal-list01 > .item:last-child {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .renewal-block01 > .renewal-img01 {
    margin-top: 30px;
    padding: 0 35px;
  }
  .renewal-block01 > .renewal-wrap01 {
    margin-top: 52px;
  }
  .renewal-block01 > .renewal-wrap01 > .renewal-list01 > .item:not(:first-child) {
    margin-top: 62px;
  }
  .renewal-block01 > .renewal-wrap01 > .renewal-list01 > .item > .detail-side01.-spBlock>.detail:not(:first-child) {
    margin-top: 17px;
    line-height: 1.6;
  }
}

/******************************
.sbi-balloon01.-custom
******************************/
.sbi-balloon01.-custom:not(.-bg) .title {
  padding-top: 24px;
}
.sbi-balloon01.-custom .title > .balloon {
  top: 0;
  left: 0;
}
.sbi-balloon01.-custom .title .text01 {
  text-align: center;
}
.sbi-balloon01.-custom .title .text01 > .inner {
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  color: #004831;
}
.sbi-balloon01.-custom .title > .text01 > sup {
  margin-right: -2em;
}
.sbi-balloon01.-custom > .detail > .img {
  min-height: 134px;
}
.sbi-balloon01.-custom > .detail > .text01 {
  margin-top: 14px;
}
/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .sbi-balloon01.-custom .title > .balloon {
    width: 64px;
    height: 64px;
  }
}
/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .sbi-balloon01.-custom .title .text01 > .inner {
    font-size: 1.8rem;
  }
}
/*----------------------------*/
.sbi-balloon01.-custom.-bg {
  background: #F3F8F6;
  padding: 30px 20px;
  height: 100%;
}
.sbi-balloon01.-custom.-bg .title {
  min-height: 60px;
}
.sbi-balloon01.-custom.-bg .title > .balloon {
  top: -30px;
  left: -2%;
}
/* SP STYLES */
@media screen and (max-width: 767.98px) {
  [class*=column-layoutB].-spColumn1.-sbi > li:not(:first-child) {
    margin-top: 60px;
  }
}

/******************************
.sbi-box01
******************************/
.sbi-box01 {
  padding: 30px 0;
  background: #F3F8F6;
  border-radius: 10px;
}
.sbi-box01 > .detail-list01 > .title {
  color: #004831;
  font-size: 2.0rem;
}
.sbi-box01 > .detail-list01 > .title > .inner {
  display: block;
  width: 100%;
}
.sbi-box01 > .detail-list01 > .title .sup {
  font-weight: normal;
  font-size: 1.2rem;
  top: -1em;
}
.sbi-box01 > .detail-list01 > .detail {
  margin-top: 16px;
}
/* PC Only */
@media screen and (min-width: 768px) {
  .sbi-box01 > .detail-list01 > .title {
    display: flex;
    align-items: center;
    min-height: 64px;
  }
}
/*----------------------------*/
.point01 {
  letter-spacing: .05em;
}
.point01 .sup01 {
  top: -1.2em;
}