@charset "utf-8";

.c-cols-logo{
 margin-top: 10px;
}
.c-cols-logo .m-cols-box{
 text-align: center;
}
.c-logoNeobank-01{
 max-height: 26px;
}
.c-logoNeobank-02{
 max-height: 22px;
}
.c-logoNeobank-03{
 max-height: 22px;
}
.c-cols-logo .c-logoNeobank-01,
.c-cols-logo .c-logoNeobank-02,
.c-cols-logo .c-logoNeobank-03{
 margin: 10px 0 0 0;
}
.c-cols-logo .c-logoNeobank-01{
 margin-top: 5px;
}

.c-box-01{
 margin-top: 20px;
 padding: 14px;
 background: #eee;
 font-size: 1.6rem;
 font-weight: bold;
 text-align: center;
}

.c-col-modal .c-col-img{
 text-align: right;
}
.c-col-modal .c-logoNeobank-01,
.c-col-modal .c-logoNeobank-02,
.c-col-modal .c-logoNeobank-03{
 margin: 5px 0 0 0;
 width: auto;
 height: max-content;
}
.c-col-modal .c-col-btn .m-btnListL{
 justify-content: flex-start;
}

.c-listFlowInner:first-child{
 border-top: 1px solid #e3e5e9;
}
.c-listFlowInner{
 margin: 0 60px;
 border-bottom: 1px solid #e3e5e9;
}
.c-listFlow{
 min-height: 60px;
 display: flex;
 align-items: stretch;
}
.c-listFlow-logo,
.c-listFlow-txt,
.c-listFlow-btn,
.c-listFlow-cash{
 padding: 15px 10px;
 display: flex;
 align-items: center;
}
.c-listFlow-logo{
 width: 30%;
}
.c-listFlow-txt{
 width: 27%;
 font-size: 1.2rem;
}
.c-listFlow-btn{
 width: 28%;
}
.c-listFlow-cash{
 width: 15%;
 justify-content: flex-end;
}

.c-boxBenefit-01{
 margin-bottom: 45px;
 padding-bottom: 30px;
 border: 2px solid #eee;
}
.c-boxBenefitInner-01{
 margin: 30px 60px 20px;
}
.c-hdg-01{
 margin-bottom: 30px;
 background: #FEEEED;
}
.c-hdg-01 .m-picture > img{
 margin-top: -4px;
}
.c-listFlow-btn .m-btnListM{
 width: 100%;
}
.c-listFlowWrap .m-flowHr{
 margin-bottom: 30px;
}
.c-listFlow-logo .c-logoNeobank-01,
.c-listFlow-logo .c-logoNeobank-02,
.c-listFlow-logo .c-logoNeobank-03{
 width: auto;
 max-height: auto;
}
.c-listFlow-logo .c-logoNeobank-01{
 width: 152px;
}
.c-listFlow-logo .c-logoNeobank-02{
 width: 175px;
}
.c-listFlow-logo .c-logoNeobank-03{
 width: 200px;
}
.c-listFlow-cash .c-listFlow-img-01{
 width: 72px;
}
.c-listFlow-cash .c-listFlow-img-02{
 width: 100px;
}
.c-hdrBtn{
 display: flex;
}
.c-hdrBtnInner{
 margin-left: 20px;
}
.c-listNotice{
 margin: 0 0 30px 0;
}

@media screen and (max-width: 819px) {
 .c-cols-logo{
  margin-bottom: 30px;
  font-size: 1.2rem;
 }
 .m-cols-trans .m-cols-box:nth-child(1),
 .m-cols-trans .m-cols-box:nth-child(2),
 .m-cols-trans .m-cols-box:nth-child(3){
  margin-top: 40px;
 }
 .c-logoNeobank-01{
  max-height: 28px;
 }
 .c-logoNeobank-02{
  max-height: 26px;
 }
 .c-logoNeobank-03{
  max-height: 27px;
 }
 .c-boxBenefit-01{
  margin: 70px 0 30px;
 }
 hr.m-hr + .c-boxBenefit-01{
  margin-top: 70px;
 }
 .c-boxBenefitInner-01{
  margin: 20px 10px;
 }
 .c-hdg-01 .m-picture > img {
  margin-top: -37px;
 }
 .c-listFlowInner {
  margin: 0 10px;
  padding: 20px 0;
 }
 .c-listFlow {
  min-height: 60px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
 }
 .c-listFlow-logo{
  padding: 0;
  width: 70%;
  order: 2;
 }
 .c-listFlow-txt{
  padding: 0 0 5px;
  width: 70%;
  order: 1;
 }
 .c-listFlow-btn{
  padding: 0;
  width: 100%;
  order: 4;
 }
 .c-listFlow-btn .m-btnListM {
  margin: 0 auto;
  width: 50%;
 }
 .m-btnListM > li{
  margin-top: 15px;
 }
 .c-listFlow-cash{
  padding: 0;
  width: 30%;
  order: 3;
 }
 .c-listFlow-logo .c-logoNeobank-01{
  width: 70%;
  max-width: 230px;
  max-height: inherit;
 }
 .c-listFlow-logo .c-logoNeobank-02{
  width: 80%;
  max-width: 240px;
  max-height: inherit;
 }
 .c-listFlow-logo .c-logoNeobank-03{
  width: 100%;
  max-width: 250px;
  max-height: inherit;
 }
 .c-hdrBtn{
  display: block;
 }
 .c-hdrBtnInner{
  margin-left: 0;
 }
 .c-col-modal{
  margin-bottom: 40px;
 }
 .c-col-modal .c-col-img {
  text-align: center;
 }
 .c-col-modal .m-cols-trans .m-cols-box:nth-child(1), .c-col-modal .m-cols-trans .m-cols-box:nth-child(2), .c-col-modal .m-cols-trans .m-cols-box:nth-child(3) {
  margin-top: 20px;
 }
 .c-col-modal .m-cols-flex{
  margin-top: 70px;
 }
 .c-col-modal .m-cols-flex:first-child{
  margin-top: 0;
 }
 .c-col-modal .c-logoNeobank-01{
  margin-top: 12px;
  width: 158px;
 }
 .c-col-modal .c-logoNeobank-02{
  margin-top: 12px;
  width: 192px;
 }
 .c-col-modal .c-logoNeobank-03{
  margin-top: 12px;
  width: 213px;
 }
}