@charset "UTF-8";

.sbicg-info.wide {
  background: #a2cef6;
}
.sbicg-info .box-p01.new {
  padding: 3em 7em 2em;
}
.sbicg-info-label {
  position: relative;
  height: 48px;
  display: inline-flex;
  align-items: center;
  margin-right: 30px;
  padding: 0 .2em 0 .9em;
  background: #3399dc;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  vertical-align: text-bottom;
}
.sbicg-info-label::after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #3399dc;
  border-style: solid;
  border-width: 26px 0 22px 26px;
  content: "";
}
.sbicg-info-rate {
  font-size: 25px;
}
.sbicg-info-rate .pgh-kinri-01 {
  margin: 0 .1em;
  font-size: 70px;
  line-height: 1.4;
}
#point.sbicg-point {
  background: #d7ecff;
}
.sbicg-point .point_list_wrap > ul {
  max-width: none;
}
.sbicg-point .point_list_wrap > .point_list > li {
  margin-top: 2em;
}
.sbicg-point .point_detail {
  padding: 2.5em 7em;
}
.sbicg-point .mod-ttl-point {
  margin-bottom: 1em;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.sbicg-point .mod-ttl-point-label {
  display: inline-block;
  margin-right: .5em;
  padding: .2em .6em .3em;
  border: 2px solid #3399dc;
  border-radius: 4px;
  color: #3399dc;
  font-size: 18px;
  line-height: 1;
  vertical-align: .2em;
}
.sbicg-point .mod-ttl-blu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  padding: .1em 1em;
  background: #3399dc;
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.sbicg-point .mod-ttl-blu-ico::before {
  display: block;
  width: 26px;
  height: 26px;
  margin-right: .5em;
  background: url("../../../product/images/ico_circle_check.svg") no-repeat 50% 50%;
  background-size: 100%;
  content: "";
}
.sbicg-point-max {
  font-size: 22px;
}
.sbicg-point-max .pgh-emc-02 {
  font-size: 28px;
}
.sbicg-point-max .sbicg-point-max-num {
  font-size: 38px;
  line-height: 1;
}
.sbicg-point .simtbl sup {
  font-size: .6em;
  vertical-align: .6em;
}
.sbicg-point .simtbl_bdt_org {
  border-top: 2px solid #f16b13;
}
.sbicg-point .simtbl_bdr_org {
  border-right: 2px solid #f16b13;
}
.sbicg-point .simtbl_bdb_org {
  border-bottom: 2px solid #f16b13;
}
.sbicg-point .simtbl_bg_blu {
  background: #edf6ff;
}
.sbicg-point .grid [class *='col-']:not(:last-child) {
  margin-right: 2em;
}
.sbicg-point .simtbl_col1 {
  width: 22%;
}
.sbicg-point .simtbl_col2 {
  width: 9%;
}
.sbicg-point .simtbl_col3,
.sbicg-point .simtbl_col4,
.sbicg-point .simtbl_col5 {
  width: 23%;
}
.sbicg-cv .btn-new-lg {
  font-size: 20px;
}
.sbicg-cv .grid [class *='col-']:not(:last-child) {
  margin-right: 2.5em;
}

@media screen and (max-width:960px) {
  .sbicg-info .box-p01.new {
    padding: 2em 1.2em 1.2em;
  }
  .sbicg-point .point_detail {
    padding: 2.5em 4em;
  }
}

@media screen and (max-width:640px) {
  .sbicg-info-label {
    height: 40px;
    margin-right: 25px;
    font-size: 14px;
  }
  .sbicg-info-label::after {
    border-width: 22px 0 18px 22px;
  }
  .sbicg-info-rate {
    font-size: 16px;
  }
  .sbicg-info-rate .pgh-kinri-01 {
    font-size: 50px;
  }
  #point.sbicg-point {
    background: none;
  }
  .sbicg-point .point_list_wrap {
    background: #d7ecff;
  }
  .sbicg-point .point_detail {
    padding: 1.2em;
  }
  .sbicg-point .mod-ttl-point {
    font-size: 22px;
  }
  .sbicg-point .mod-ttl-point-label {
    padding: .25em .6em .35em;
    font-size: 13px;
  }
  .sbicg-point .mod-ttl-blu {
    padding: .3em 1em;
    font-size: 18px;
  }
  .sbicg-point .mod-ttl-blu-ico::before {
    width: 24px;
    height: 24px;
  }
  .sbicg-point-max {
    margin-bottom: 1rem;
    font-size: 20px;
  }
  .sbicg-point-max .pgh-emc-02 {
    font-size: 26px;
  }
  .sbicg-point-max .sbicg-point-max-num {
    font-size: 34px;
  }
  .sbicg-point .grid [class *='col-']:not(:last-child) {
    margin: 0;
  }
  .sbicg-point .simtbl_col1,
  .sbicg-point .simtbl_col2 {
    width: 11%;
  }
  .sbicg-point .simtbl_col3,
  .sbicg-point .simtbl_col4,
  .sbicg-point .simtbl_col5 {
    width: 26%;
  }
  .sbicg-point .simtbl_vr {
    display: inline-block;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
  }
  .sbicg-cv .btn-new-lg {
    font-size: 1rem;
  }
  .sbicg-cv .grid [class *='col-']:not(:last-child) {
    margin-right: 0;
  }
}