@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== px ========== */
@media only screen and (min-width: 640px) {
  .c-mt0-pc { margin-top: 0 !important; }
  .c-mt5-pc { margin-top: 5px !important; }
  .c-mt10-pc { margin-top: 10px !important; }
  .c-mt15-pc { margin-top: 15px !important; }
  .c-mt20-pc { margin-top: 20px !important; }
  .c-mt25-pc { margin-top: 25px !important; }
  .c-mt30-pc { margin-top: 30px !important; }
  .c-mt35-pc { margin-top: 35px !important; }
  .c-mt40-pc { margin-top: 40px !important; }
  .c-mt45-pc { margin-top: 45px !important; }
  .c-mt50-pc { margin-top: 50px !important; }
  .c-mt55-pc { margin-top: 55px !important; }
  .c-mt60-pc { margin-top: 60px !important; }
  .c-mt65-pc { margin-top: 65px !important; }
  .c-mt70-pc { margin-top: 70px !important; }
  .c-mt75-pc { margin-top: 75px !important; }
  .c-mt80-pc { margin-top: 80px !important; }
  .c-mt85-pc { margin-top: 85px !important; }
  .c-mt90-pc { margin-top: 90px !important; }
  .c-mt95-pc { margin-top: 95px !important; }
  .c-mt100-pc { margin-top: 100px !important; }
}

@media only screen and (max-width: 640px) {
  .c-mt0-sp { margin-top: 0 !important; }
  .c-mt5-sp { margin-top: 5px !important; }
  .c-mt10-sp { margin-top: 10px !important; }
  .c-mt15-sp { margin-top: 15px !important; }
  .c-mt20-sp { margin-top: 20px !important; }
  .c-mt25-sp { margin-top: 25px !important; }
  .c-mt30-sp { margin-top: 30px !important; }
  .c-mt35-sp { margin-top: 35px !important; }
  .c-mt40-sp { margin-top: 40px !important; }
  .c-mt45-sp { margin-top: 45px !important; }
  .c-mt50-sp { margin-top: 50px !important; }
  .c-mt55-sp { margin-top: 55px !important; }
  .c-mt60-sp { margin-top: 60px !important; }
  .c-mt65-sp { margin-top: 65px !important; }
  .c-mt70-sp { margin-top: 70px !important; }
  .c-mt75-sp { margin-top: 75px !important; }
  .c-mt80-sp { margin-top: 80px !important; }
  .c-mt85-sp { margin-top: 85px !important; }
  .c-mt90-sp { margin-top: 90px !important; }
  .c-mt95-sp { margin-top: 95px !important; }
  .c-mt100-sp { margin-top: 100px !important; }
  .c-pl10-sp { padding-left: 10px !important; }
  .c-pr10-sp { padding-right: 10px !important; }
}

/* ========== hidden ========== */
@media only screen and (min-width: 640px) {
  .c-hide-pc {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .c-hide-sp {
    display: none;
  }
}

/* ========== jbk-frame-main ========== */
#jbk-frame-main {
  margin-top: 0;
}

/* ========== frame-content ========== */
@media only screen and (min-width: 640px) {
  #renewal.frame-content {
    max-width: 100%;
    padding: 0;
  }
}

/* ========== c-list-04 ========== */
#renewal .c-list-04 li {
  font-size: 90%;
  padding-left: 20px;
}
@media only screen and (min-width: 640px) {
  #renewal .c-list-04 li {
    font-size: 115%;
    padding-left: 30px;
  }
}

#renewal .c-list-04 li:before {
  width: 16px;
  background-size: auto 12px;
  top: 5px;
}
@media only screen and (min-width: 640px) {
  #renewal .c-list-04 li:before {
    width: 21px;
    background-size: auto 18px;
    top: 2px;
  }
}


/* ========== mainImage ========== */
.c-mainImage-04 {
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}
@media only screen and (max-width: 640px) {
  .c-mainImage-04.sp {
    margin: 10px 10px 0;
  }
  .c-mainImage-04.sp header {
    background: none;
  }
  .c-mainImage-04.sp header h1 img {
    width: 100%;
  }
}

/* ========== mainImage ========== */
@media only screen and (min-width: 640px) {
  .c-mainCopy-01 {
    background-image: url("/landing/ib_renewal_2021/img/img_copy_01_20210623_pc.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 420px;
  }
}
@media only screen and (max-width: 640px) {
  .c-mainCopy-01 {
    margin: 0 10px;
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.3);
  }
}

/* ========== c-ground ========== */
.c-color-renewal-bg{
  background: #feeadf;
}
@media only screen and (max-width: 640px) {
  .c-ground-area {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
  }
}

.c-ground-01.c-ground-renewal,
.c-ground-01.c-ground-renewal-02 {
  background: none;
  border: none;
  box-shadow: none;
  margin-top: 0;
}
.c-ground-01.c-ground-renewal {
  padding: 56px 10px 20px;
}
.c-ground-01.c-ground-renewal-02 {
  padding: 39px 10px 20px;
}
@media only screen and (min-width: 640px) {
  .c-ground-01.c-ground-renewal,
  .c-ground-01.c-ground-renewal-02 {
    max-width: 978px;
    width: auto;
  }
  .c-ground-01.c-ground-renewal {
    padding: 80px 55px 62px;
  }
  .c-ground-01.c-ground-renewal-02 {
    padding: 60px 55px 62px;
  }
}

/* ========== heading ========== */
.c-heading2-renewal {
  margin-top: 56px;
}
@media only screen and (min-width: 640px) {
  .c-heading2-renewal {
    margin-top: 80px;
  }
}

.c-heading2-renewal + .c-heading3-renewal {
  margin-top: 24px;
}
@media only screen and (min-width: 640px) {
  .c-heading2-renewal + .c-heading3-renewal {
    margin-top: 36px;
  }
}

.c-heading-questions h4 {
  font-size: 115%;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .c-heading-questions h4 {
    font-size: 125%;
  }
}

.c-heading-questions h4 span {
  color: #eb5505;
}

/* c-heading4-01 */
.c-color-renewal-bg .c-heading4-01{
  margin-top: 2.5em;
}
.c-color-renewal-bg .c-heading4-01 h4{
  font-size: 150%;
  letter-spacing: 1.5px;
}
.c-color-renewal-bg .c-heading4-01 h4 span{
  color: #eb5505;
}
@media only screen and (min-width: 640px){
  .c-color-renewal-bg .c-heading4-01 h4{
    font-size: 170%;
  }
}

/* ========== c-box-renewal ========== */
@media only screen and (min-width: 640px) {
  .c-box-renewal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 48px;
  }
  .c-box-renewal.c-box-2col-pc .c-box-renewal-item {
    width: 48.84%;
  }
  .c-box-renewal.c-box-3col-pc .c-box-renewal-item {
    width: 31.79%;
  }
}

.c-box-renewal-item {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 16px -6px rgba(0,0,0,0.5);
  box-shadow: 0 0 16px -6px rgba(0,0,0,0.5);
}
@media only screen and (max-width: 640px) {
  .c-box-renewal-item {
    margin: 20px auto 0;
    width: 81.25vw;
  }
  .c-box-renewal-item + .c-box-renewal-item {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .c-box-renewal-item {
    border-radius: 20px;
  }
}

.c-box-renewal-item-head {
  background-color: #fedecd;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .c-box-renewal-item-head {
    border-radius: 20px 20px 0 0;
    font-size: 140%;
    padding: 0 20px;
  }
  .c-box-renewal-item-head {
    display: table;
    width: 100%;
  }
  .c-box-renewal-item-head span {
    display: table-cell;
    vertical-align: middle;
    height: 84px;
  }
}

.c-box-renewal-item-inr {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 20px 15px;
}
@media only screen and (min-width: 640px) {
  .c-box-renewal-item-inr {
    border-radius: 0 0 20px 20px;
    padding: 26px 20px 24px;
  }
}
.c-box-renewal-item-inr>*:first-child {
  margin-top: 0
}

/* c-box-renewal */
.c-box-renewal-02{
  margin-top: 15px;
  background: #fff;
  border-radius: 10px;
  padding: 25px 15px;
}
.c-box-renewal-02 table{
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
}
.c-box-renewal-02 table th,
.c-box-renewal-02 table td{
 width: 33.333%;
 text-align: center;
}
.c-box-renewal-02 table td{
  padding-top: 15px;
}
.c-box-renewal-02 table tr th img{
  width: 34.5%;
}
.c-box-renewal-02 table tr th:first-child img{
  width: 19%;
}
.c-box-renewal-02 table tr th:last-child img{
  width: 21.5%;
}
.c-box-renewal-02 table tr td p{
  font-size: 10px;
}
@media only screen and (min-width: 640px){
  .c-box-renewal-02{
    padding: 30px 40px;
  }
  .c-box-renewal-02 table tr td p{
    font-size: 16px;
  }
}

.c-box-renewal-02.icon-on {
  position: relative;
}
.c-box-renewal-02.icon-on .c-figure-icon {
  position: absolute;
  right: -5px;
  bottom: 0;
  width: 23%;
}
.c-box-renewal-02.icon-on .c-figure-icon img {
  width: 100%;
}
@media only screen and (min-width: 640px){
  .c-box-renewal-02.icon-on .c-figure-icon {
    width: 125px;
    right: -10px;
  }
}

/* ========== c-box-gray ========== */
.c-box-gray {
  background-color: #eee;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px 10px;
}
@media only screen and (min-width: 640px) {
  .c-box-gray {
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px;
  }
}

.c-box-gray>*:first-child {
  margin-top: 0
}

.c-box-gray .c-list-04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-box-gray .c-list-04 li {
  margin: 0;
  width: calc(50% - 0px);
}
@media only screen and (max-width: 640px) {
  .c-box-gray .c-list-04 li {
    margin: 3px 0;
    font-size: 80% !important;
    padding-left: 18px !important;
  }
}

/* ========== ACC ========== */
.question,
.answer-wrap {
    margin-bottom: 0!important;
    border: 1px solid #bcbcbc;
    border-top: 0;
}
ul.questions.questions-loan > li + li {
    margin-top: 0!important;
}
ul.questions.questions-loan > li:first-child {
    border-top: 1px solid #bcbcbc;
}
@media screen and (max-width: 767px) {
    ul.questions.questions-loan {
        padding: 0;
    }
}
ul.questions.questions-loan {
    padding: 0;
}
ul.questions.questions-loan > li {
    list-style: none;
}
ul.questions.questions-loan > li + li {
    margin-top: 1em;
}
.question {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

.text {
    padding: 1.5em 3.2em 1.5em 0.7em;
    font-weight: bold;
    font-size: 1em;
}
.text .em {
    font-weight: bold;
}
.text span {
  display: block;
  font-weight: normal;
  font-size: .85em;
}
@media only screen and (min-width: 640px) {
  .text {
    font-size: 20px;
    padding: 24px 20px 22px;
  }
  .text span {
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
  }
}
@media screen and (max-width: 767px) {
    .text {
        width: 85%;
    }
}
.question {
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 0.25em;
}
.question.opened {
  background-color: #eee;
}
.question.opened .text {
    background-image: url("/products/homeloan/interest/img/icon-chevron-up-black.png");
    background-repeat: no-repeat;
}
.question .text {
    margin-bottom: 0;
    color: #222;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background-image: url("/products/homeloan/interest/img/icon-chevron-down-black.png");
    background-repeat: no-repeat;
    -webkit-background-size: auto 1.125em;
    -moz-background-size: auto 1.125em;
    background-size: auto 1.125em;
    background-position: right 1em center;
}

@media only screen and (min-width: 640px) {
  .question:hover {
    background-color: #eee;
  }
}

.answer-wrap {
    display: none;
}
.answer {
  padding: 20px 10px 15px;
}
.answer >*:first-child,
.answer >*:first-child >*:first-child {
  margin-top: 0
}
@media only screen and (min-width: 640px) {
  .answer {
    padding: 40px 30px 25px;
  }
}

.question .label {
  font-size: 24px;
  font-weight: bold;
  padding-left: 20px;
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.answer-wrap.answer-wrap-wht {
  background-color: #fff;
}


/* ========== c-btn-account ========== */
a.c-btn-account.icon-login {
  padding: 16px 40px;
}
a.c-btn-account.icon-login:before {
  background-size: 100% auto;
  height: 22px;
  width: 0;
}

/* ========== c-btn-arrow-01 ========== */
@media only screen and (max-width: 640px){
  .c-ground-01.c-ground-renewal .c-cnvBlock-01.cnv-type02 .cnvBlock-pull-left .c-btn-account.icon-arrow-01,
  .c-ground-01.c-ground-renewal .c-cnvBlock-01.cnv-type02 .cnvBlock-pull-right .c-btn-account.icon-arrow-01{
    padding-left: 40px;
    padding-right: 20px;
  }
  .c-ground-01.c-ground-renewal .c-cnvBlock-01.cnv-type02 .cnvBlock-pull-left a.c-btn-account.icon-arrow-01:before,
  .c-ground-01.c-ground-renewal .c-cnvBlock-01.cnv-type02 .cnvBlock-pull-right a.c-btn-account.icon-arrow-01:before{
    left: 15px;
  }
}