@charset "utf-8";

/* ========== section ========== */
@media only screen and (max-width: 640px) {
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
right: 10px;
}
}

#jbk-header-area .frame-content {
width: auto;
padding: 20px 24px 12px;
max-width: 998px;
}

/* ========== header　class ========== */
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
background: #ed7b00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg==);
background: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
background: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
background: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
background: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
border: #d4d5d5 solid 1px;
padding: 16px 26px 10px 54px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
background: url(/assets/img/icon_btn_09.png) left top no-repeat;
background-size: 100% auto;
height: 22px;
top: 13px;
left: 24px;
width: 22px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a > span {
color: #535252;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
background: url(/assets/img/icon_24.png) left top no-repeat;
background-size: 100% auto;
height: 22px;
top: 14px;
left: 26px;
width: 19px;
}

@media only screen and (max-width: 1111px) {
.homeloan-hidden-sp {
display: none !important;
}
}

@media only screen and (max-width: 830px) {
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-01           { right: 12px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-02           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top { right: 64px; }

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top {
height: 40px;
position: absolute;
top: 10px;
width: 35px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
height: 40px;
padding: 0 !important;
position: static;
width: 42px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
background: url(/assets/img/icon_24_02.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 7px;
left: 7px;
width: 30px;
}
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
background: url(/assets/img/icon_24_02.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 7px;
left: 7px;
width: 30px;
}
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.r159 a:before {
background: url(/assets/img/icon_btn_10.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 7px;
left: 7px;
width: 27px;
}
}

@media screen and (max-width: 830px){
#jbk-header-area .frame-content {
padding: 10px;
}
#jbk-header-area h1 {
width: 111px;
height: auto;
}
#jbk-header-area #header-accessary .btn-banking li a span {
width: 40px;
display: block;
font-weight: normal;
position: absolute;
bottom: -15px;
left: 0;
color: #535252;
font-size: 9px;
letter-spacing: -0.5px;
text-align: center;
white-space: nowrap;
}
#jbk-header-area #header-accessary .btn-banking li a {
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
width: 40px;
display: block;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
right: 158px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
position: absolute;
top: 10px;
right: 108px;
width: 39px;
height: 40px;
margin: 0;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account {
border: solid 1px #ec7000;
padding: 0;
position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account.icon-pen-01:before {
background-image: url(/assets/img/icon_01_@2x.png);
background-position: left top;
background-size: auto 33px;
height: 27px;
top: 6px;
left: 12px;
width: 17px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
right: 108px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login:before {
background-position: -18px 0;
background-size: auto 32px;
top: 5px;
left: 11px;
height: 27px;
width: 19px;
}
.r159{right:117px !important;}
#jbk-header-area #header-accessary .btn-banking li a span {
width: 47px;
display: block;
font-weight: normal;
position: absolute;
bottom: -15px;
left: -4px;
color: #535252;
font-size: 9px;
letter-spacing: -0.5px;
text-align: center;
white-space: nowrap;
}
}
@media screen and (max-width: 830px){
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login {
border: solid 1px #5e5d5d;
padding: 0;
position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
position: absolute;
top: 10px;
right: 58px;
width: 42px;
height: 40px;
margin: 0;
}
.btn-homeloan-top.r159{width: 30px !important;}
.homeloan-hidden-mb {
display: none !important;
}
}
/*-------------- フォント調整 --------------*/
.c-heading1-01 h1 {
margin: 0;
padding: 0;
color: #656565;
font-size: 250%;
}
@media only screen and (max-width: 768px) {
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-01           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-02           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top { right: 58px; }

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top {
height: 40px;
position: absolute;
top: 10px;
width: 40px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
height: 40px;
padding: 0 !important;
position: static;
width: 42px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
background: url(/assets/img/icon_24_02.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 6px;
left: 6px;
width: 31px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
background: url(/assets/img/icon_24_02.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 6px;
left: 6px;
width: 31px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.r159 a:before {
background: url(/assets/img/icon_btn_10.png) left top no-repeat;
background-size: 100% auto;
display: inline-block;
height: 26px;
top: 7px;
left: 7px;
width: 27px;
}
}

@media screen and (max-width: 768px){
#jbk-header-area .frame-content {
padding: 10px;
}
#jbk-header-area h1 {
width: 111px;
height: auto;
}
#jbk-header-area #header-accessary .btn-banking li a span {
width: 40px;
display: block;
font-weight: normal;
position: absolute;
bottom: -15px;
left: 0;
color: #535252;
font-size: 9px;
letter-spacing: -0.5px;
text-align: center;
white-space: nowrap;
}
#jbk-header-area #header-accessary .btn-banking li a {
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
width: 40px;
display: block;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
right: 158px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
position: absolute;
top: 10px;
right: 108px;
width: 40px;
height: 40px;
margin: 0;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account {
border: solid 1px #ec7000;
padding: 0;
position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account.icon-pen-01:before {
background-image: url(/assets/img/icon_01_@2x.png);
background-position: left top;
background-size: auto 33px;
height: 27px;
top: 6px;
left: 12px;
width: 17px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
right: 108px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login:before {
background-position: -18px 0;
background-size: auto 32px;
top: 5px;
left: 11px;
height: 27px;
width: 19px;
}
.r159{right:107px !important;}
#jbk-header-area #header-accessary .btn-banking li a span {
width: 47px;
display: block;
font-weight: normal;
position: absolute;
bottom: -15px;
left: -4px;
color: #535252;
font-size: 9px;
letter-spacing: -0.5px;
text-align: center;
white-space: nowrap;
}
}
@media screen and (max-width: 768px){
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login {
border: solid 1px #5e5d5d;
padding: 0;
position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
position: absolute;
top: 10px;
right: 58px;
width: 40px;
height: 40px;
margin: 0;
}
.btn-homeloan-top.r159{width: 40px !important;}
}

/* ========== step-area ========== */
.step-area {
    border: solid 6px #ffdfdb;
    padding: 20px 15px;
    border-radius: 15px;
  }
  .step-area .c-anchorLinks-01 {
    margin: 0;
  }
  .step-area .c-anchorLinks-01 li {
    margin-bottom: 0;
  }
  .c-alertBlock-01.step-area-inner{
    border: none;
    border-radius: 20px;
    background-color: #ffdfdb;
  }
  .step-area.step-area-cpn02{
    border: solid 6px #ffdfdb;
    border-radius: 0;
  }
  @media screen and (max-width: 640px) {
    .step-area {
      border: solid 3px #ffdfdb;
      padding: 15px 10px;
      border-radius: 15px;
    }
    .step-area.step-area-cpn02 {
      border: solid 3px #ffdfdb;
      border-radius: 0;
    }
  }

  /* ========== icon ========== */
.icon-search {
    position: relative;
    padding-left: 22px;
  }
  @media screen and (min-width: 640px) {
    .icon-search {
        padding-left: 46px;
    }
  }
  
  .icon-search:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-size: 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: 4px;
    background-image: url(/program/homeloan_cashback/img/icon_search.png);
  }
  @media screen and (min-width: 640px) {
    .icon-search:before {
        width: 30px;
        height: 30px;
        background-size: 30px;
        margin-top: -2px;
    }
  }

/* ========== tab ========== */
.c-tabs-01.c-tabs-02{
    margin: 10px 0 0;
  }
  .c-tabs-01.c-tabs-02>.content{
   border-bottom: none;
   border-top: 1px solid #bcbdbd;
  }
  .c-tabs-01.c-tabs-02>.content>div{
   padding: 0;
  }
  .c-tabs-01.c-tabs-02>.content:before,
  .c-tabs-01.c-tabs-02>.content:after{
   content: none;
  }
  .c-tabs-01.c-tabs-02>.tabs{
   border-bottom: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
   margin-top: 20px;
   padding: 0;
  }
  .c-tabs-01.c-tabs-02>.tabs>li{
   margin: 0;
   width: 47.32%;
  }
  .c-tabs-01.c-tabs-02>.tabs>li:first-child{
   margin-right: 2px;
  }
  .c-tabs-01.c-tabs-02>.tabs>li.current{
   border: 1px solid #bcbdbd;
   border-bottom: none;
   width: 48.21%;
   -webkit-transform: translateY(1px);
   transform: translateY(1px);
   z-index: 1;
  }
  .c-tabs-01.c-tabs-02>.tabs>li a{
   background: #e9f8ea;
   border: none;
   border-radius: 0;
   color: #55b25e;
   font-size: 12px;
   padding: 8px 0;
  }
  .c-tabs-01.c-tabs-02>.tabs>li:nth-child(even) a{
    background: #FFFAE4;
    color: #FFB82F;
   }
  .c-tabs-01.c-tabs-02>.tabs>li.current a{
   background: #fff;
   border: none;
   border-top: 3px solid #55b25e;
   border-radius: 0;
   color: #535252;
   font-weight: bold;
   padding: 16px 0 8px;
  }
  .c-tabs-01.c-tabs-02>.tabs>li.current:nth-child(even) a{
    border-top: 3px solid #FFB82F;
  }
  @media screen and (min-width: 640px){
   .c-tabs-01.c-tabs-02>.tabs {
     margin-top: 15px;
   }
   .c-tabs-01.c-tabs-02>.tabs>li {
     width: 48.21%;
   }
   .c-tabs-01.c-tabs-02>.tabs>li.current{
     width: 48.85%;
   }
   .c-tabs-01.c-tabs-02>.tabs>li:first-child{
     margin-right: 4px;
   }
   .c-tabs-01.c-tabs-02>.tabs>li a{
     font-size: 18px;
     padding: 18px 0;
   }
   .c-tabs-01.c-tabs-02>.tabs>li.current a{
     border-top: 6px solid #55b25e;
     padding: 35px 0 24px;
   }
   .c-tabs-01.c-tabs-02>.tabs>li.current:nth-child(even) a{
    border-top: 6px solid #FFB82F;
  }
  } 

  .c-ground-01>.c-tabs-01:last-of-type {
    margin-bottom: 0;
  }

  
/* ========== section-faq ========== */
.section-faq{
  background-color: #fff;
}
.section-faq .question,.section-faq .answer-wrap{
margin-bottom: 0!important;
border: 1px solid #bcbcbc;
border-top: 0;
}
.section-faq ul.questions > li + li{
margin-top: 0!important;
}
.section-faq ul.questions > li:first-child {
border-top: 1px solid #bcbcbc;
}
@media screen and (max-width: 767px) {
  .section-faq ul.questions {
    padding: 0;
  }
}
.section-faq ul.questions{
padding: 0;
}
.section-faq ul.questions > li{
  list-style: none;
}
.section-faq ul.questions > li + li {
  margin-top: 1em;
}
.section-faq .question {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.section-faq .answer .label {
  color: #f0920c;
}
.section-faq .label {
  color: #888;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px;
  font-size: 1em;
  font-weight: bold;
}
.section-faq .answer .label{
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .section-faq .label {
    width: 15%;
    padding: 0;
  }
}
.section-faq .text {
  padding: 1.5em 2.5em 1.5em 0;
  font-weight: bold;
  font-size: 1em;
}
.section-faq .answer {
  padding: 1.5em 2.5em;
}
.section-faq .text .em {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .section-faq .text {
    width: 85%;
  }
  .section-faq .answer {
    width: 100%;
  }
}
.section-faq .question {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 0.25em;
}
.section-faq .question:hover {
  background-color: #eee;
}
.section-faq .question.opened .text {
  background-image: url("/campaign/2021/20210929_aupay_charge/img/icon_06.png");
  background-repeat: no-repeat;
}
.section-faq .question .label {
  margin-bottom: 0;
}
.section-faq .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("/campaign/2021/20210929_aupay_charge/img/icon_05.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;
}
.section-faq .answer-wrap {
  display: none;
}
.section-faq .answer {
  background-color: #fedecd;
}
.section-faq .answer .text {
  color: #222;
  margin-bottom: 0;
}

.sty-anc-rev:before {
  background-position: top right;
}

/* ========== key-visual ========== */
#key-visual {
	padding: 0;
}

#key-visual header h1 {
	margin: 0;
}


.sty-frame-or {
  background-color: #fff5dd;
  margin: 1.25em 0 0;
  padding: 1.25em;
}
@media only screen and (max-width:640px) {
  .sty-frame-or {
    margin: 1.25em -10px 0;
    padding: 10px;
  }
}

.sty-step-area--green {
  border-color: #d9ebda;
}
.sty-step-area--or {
  border-color: #ffe19b;
}
.sty-step-area--gray {
  border-color: #eeeeee;
}

.sty-ground-01--pb {
  padding-bottom: 30px;
}

.sty-sub-title p {
  display: inline-block;
  color: #eb7000;
  font-weight: bold;
  background-color: #fce7cd;
  border-radius: 40px;
  padding: 10px 20px;
  margin: 0;
}

.sty-sub-title--green p {
  color: #4eaf57;
  background-color: #d9ebda;
}

.sty-text-green {
  color: #4eaf57;
}

.sty-sub-title--or p {
  color: #f5a917;
  background-color: #ffe19b;
}

.sty-text-or {
  color: #f5a917;
}

.sty-step-area--green ,.sty-step-area--or {
  position: relative;
  margin-bottom: 80px;
}
.sty-step-area--green::after {
content: "";
position: absolute;
bottom: -60px;
right: 0;
left: 0;
margin: auto;
width: 120px;
height: 40px;
border-style: solid;
border-color: #4eaf57 transparent transparent transparent;
border-width: 40px 60px 0px 60px;
}
.sty-step-area--or::after {
  content: "";
  position: absolute;
  bottom: -60px;
  right: 0;
  left: 0;
  margin: auto;
  width: 120px;
  height: 40px;
  border-style: solid;
  border-color: #f5a917 transparent transparent transparent;
  border-width: 40px 60px 0px 60px;
  }
.sty-font-w-bold {
  font-weight: bold;
}

.sty-hidden-pc {
  display: none;
}
@media only screen and (max-width:640px) {
  .sty-hidden-pc {
    display: block;
  }
}


.sty-under-tr {
  position: relative;
  margin-bottom: 60px;
}
.sty-under-tr:before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
  margin: auto;
  width: 40px;
  height: 30px;
  border-style: solid;
  border-color: #888 transparent transparent transparent;
  border-width: 20px 30px 0px 30px;
}

/* ========== heading ========== */

.c-figure-01.c-figure-tit {
  margin: -30px -54px 0 -54px !important;
}

.sty-ttl-01{
  margin: -30px -54px 0 -54px !important;
  padding: 20px 20px 16px;
  width: calc(100% + 108px);
  background-color: #eb7000;
  color: #fff;
}

.sty-ttl-01 h2{
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.c-heading3-01.sty-heading-image-01{
  padding: 15px 10px 10px;
  border: none;
  background-color: #fff5dd;
  border-radius: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-heading3-01.sty-heading-image-01 h3{
  padding: 0;
  font-size: 137.5%;
  border-bottom: none;
}

@media only screen and (max-width: 640px){
  .c-figure-01.c-figure-tit {
    margin: -16px -10px 0 -10px !important;
  }

  .sty-ttl-01{
    margin: -16px -10px 0 -10px !important;
    padding: 15px 15px 11px;
    width: calc(100% + 20px);
  }
  .sty-ttl-01 h2{
    font-size: 22px;
  }
}

/* ========== sty-list-merit ========== */

.sty-list-merit{
  padding: 0;
}

.sty-list-merit > li{
  list-style: none;
  margin-top: 1.25em;
}

.sty-list-merit > li em{
  display: flex;
  align-items: center;
  line-height: 1.2;
  margin-bottom: 5px;
}

.sty-list-merit > li em span{
  padding-top: 8px;
}

.sty-list-merit > li em::before{
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

.sty-list-merit > li:nth-child(1) em::before{
  background-image: url(/program/homeloan_cashback/img/icon_01.png);
}
.sty-list-merit > li:nth-child(2) em::before{
  background-image: url(/program/homeloan_cashback/img/icon_02.png);
}
.sty-list-merit > li:nth-child(3) em::before{
  background-image: url(/program/homeloan_cashback/img/icon_03.png);
}
.sty-list-merit > li:nth-child(4) em::before{
  background-image: url(/program/homeloan_cashback/img/icon_04.png);
}
.sty-list-merit > li:nth-child(5) em::before{
  background-image: url(/program/homeloan_cashback/img/icon_05.png);
}


/* ========== sty-benefits-col2 ========== */
/* ========== value-area ========== */
.value-area{
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin:0 auto;
  margin-top: 20px;
}

@media only screen and (min-width: 641px) {

  .benefits-txt-01{
    font-size: 20px;
  }
  .benefits-txt-02{
    font-weight: bold;
    font-size: 23px;
  }
  .num-01{
    font-size: 28px;
  }
  .num-02{
    font-size: 44px;
    color: #FF587C;
  }
}
@media only screen and (max-width: 640px) {

  .value-area{
    /* display: block;
    text-align: center; */
    width: 100%;
  }
  .benefits-txt-01{
    font-size: 12px;
  }
  .benefits-txt-02{
    font-weight: bold;
    font-size: 15px;
  }
  .num-01{
    font-size: 17px;
  }
  .num-02{
    font-size: 36px;
    color: #FF587C;
  }
}

.sty-benefits-col2 {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  margin-bottom: 15px;
}
.sty-benefits__item {
  width: 48%;
  border: solid #eb7000 2px;
  border-radius: 10px;
  text-align: center;
}
/* .sty-benefits__item--purple {
  border: solid #71bd55 2px;
} */
.sty-benefits__title {
  background-color: #eb7000;
  border-radius: 6px 6px 0 0;
  color: #fff;
  padding: 5px 10px;
  font-size: 20px;
  font-weight: bold;
}
/* .sty-benefits__item--purple .sty-benefits__title {
  background-color: #71bd55;
} */
.sty-benefits__text {
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  .sty-benefits-col2 {
    width: 100%;
  }
  .sty-benefits__item {
    width: 49%;
  }
  .sty-benefits__title {
    padding: 5px;
    font-size: 16px;
  }
  .sty-benefits__text {
    padding: 5px;
  }
  .sty-benefits__text .benefits-txt-01 {
    font-size: 14px;
  }
  .sty-benefits__text .num-01 {
    font-size: 20px;
  }
}

/* ========== section-readmore ========== */
.c-readmore-outer {
  border: 1px solid #98DBD8;
}
.c-readmore-outer hr {
  border-color: #98DBD8;
}
.c-readmore-outer img{
  max-width: 560px;
}
@media only screen and (min-width: 641px) {
  .c-readmore-outer {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 640px) {
  .c-readmore-outer {
    padding: 15px 10px;
  }
}
.section-readmore{
  background-color: #fff;
}
.section-readmore .section-title {
  background-color: #3e4045;
  color: #fff;
  font-size: 1.875em;
  text-align: center;
  padding: 1em 0;
  margin-bottom: 1em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .section-readmore .section-title {
    font-size: 1em;
  }
}
.section-readmore .section-title .em {
  font-size: 1.2em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .section-readmore ul.readmore {
    padding: 0;
  }
}
.section-readmore ul.readmore{
padding: 0;
}
.section-readmore ul.readmore > li{
  list-style: none;
}
.section-readmore ul.readmore > li + li {
  margin-top: 1em;
}
.section-readmore .question{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.section-readmore .toggle-readmore.opened .answer{
  opacity: 1;
}
.section-readmore .text {
  padding: 15px 30px;
  font-size: 1em;
}
.section-readmore .text .em {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .section-readmore .text {
    width: 90%;
  }
}

.section-readmore .toggle-readmore .answer-wrap {
  max-height: 130px;
  overflow: hidden;
  position: relative;
}
.section-readmore .toggle-readmore .answer-wrap:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 70%,rgba(255,255,255,0.7) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 70%,rgba(255,255,255,0.7) 100%);
  z-index: 2;
}
.section-readmore .toggle-readmore.opened .answer-wrap {
  display: block;
  max-height: 100%;
}
.section-readmore .toggle-readmore.opened .answer-wrap:after{
  display: none;
  background: -webkit-none;
  background: -webkit-none;
  background: -moz-none;
  background: -o-none;
  background: -ms-none;
  background: none;
}
.section-readmore .answer .text {
  color: #222;
  margin-bottom: 0;
}

/* ========== section-readmore_example ========== */
.section-readmore.section-readmore_example .toggle-readmore .answer-wrap:after{
  content: none;
}
.section-readmore.section-readmore_example .toggle-readmore .answer-wrap{
  display: none;
}
.section-readmore.section-readmore_example .toggle-readmore .answer-wrap.answer-wrap_example{
  max-height: 100%;
}
/* pc */
.section-readmore .question.toggle-dropdown-button_example_pc{
  position: relative;
  width: 180px;
  height: 40px;
  margin: 0 auto;
}
.section-readmore .question.toggle-dropdown-button_example_pc:before{
  content: "";
  position: absolute;
  top: 0;
  background: url(/program/homeloan_cashback/img/btn_readmore_01.png);
  background-repeat: no-repeat;
  background-size: 180px auto;
  width: 180px;
  height: 45px;
}



.section-readmore .question.toggle-dropdown-button_example_pc:hover{
  cursor: pointer;
}
.section-readmore .readmore .question.toggle-dropdown-button_example_pc.opened{
  margin-top: 20px;
}
.section-readmore .readmore .question.toggle-dropdown-button_example_pc.opened:before{
  background: url(/program/homeloan_cashback/img/btn_readmore_02.png);
  background-size: 180px auto;
}
/* sp */
.section-readmore .question.toggle-dropdown-button_example_sp{
  position: relative;
  width: 100px;
  height: 25px;
  margin: 0 auto;
}
.section-readmore .question.toggle-dropdown-button_example_sp:before{
  content: "";
  position: absolute;
  top: 0;
  background: url(/program/homeloan_cashback/img/btn_readmore_01.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  width: 100px;
  height: 25px;
}
.section-readmore .readmore .question.toggle-dropdown-button_example_sp.opened{
  margin-top: 12.5px;
}
.section-readmore .readmore .question.toggle-dropdown-button_example_sp.opened:before{
  background: url(/program/homeloan_cashback/img/btn_readmore_02.png);
  background-size: 100px auto;
}

/* ========== sty-block-deposit ========== */
.sty-block-deposit{
  position: relative;
}

.sty-block-deposit-link{
  position: absolute;
  width: 100%;
  bottom: 15px;
}

@media only screen and (max-width: 374px) {
  .sty-block-deposit-link{
    bottom: 2.5vw;
  }
}

/* 追従エリア */
#fixedBtn {
    position: fixed;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    opacity: 1;
    z-index: 999;
}
#fixedBtn .inner {
  width: 100%;
  max-width: 978px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

#fixedBtn .sty-fixedBtn-txt-color {
  color: #fff;
}

div#jbk-copyright-area {
    margin-bottom: 145px;
}
@media screen and (max-width: 767px) {
  #fixedBtn .inner .c-login_area a.c-btn-account.size-01 {
    width: 300px;
  }
  div#jbk-copyright-area {
    margin-bottom: 135px;
}
}