@import url(/jibunplus/css/style_lead.css);

/* ========== mainImage ========== */
.c-mainImage-04 {
	background-image: url(/service/debit/img/mainImage_04@x2.jpg);
}

@media only screen and (max-width: 640px) {
.c-mainImage-04.sp {
	background-image: url(/service/debit/img/mainImage_04_sp@x2.jpg);
}
}

/* ========== ADD ========== */
.add-c-color-01a{
  color: #eb7000!important;
}
.add-c-size-150{
  font-size: 150%!important;
}
@media only screen and (max-width: 640px){
.add-c-size-150{
  font-size: 125%!important;
}
}
.coler-bk{
  color: #535252!important;
}
.ml294-sp{
    margin-left:-294px!important;
}

.c-column-group .col-unit-1\/3.add_col-unit-1\/3_to_col-unit-1\/4{
  width:22.2%;
}
@media only screen and (max-width: 640px){
.c-column-group .col-unit-1\/3.add_col-unit-1\/3_to_col-unit-1\/4{
  width:100%;
}
.ml294-sp{
    margin-left:-150px !important;
}
}

.debit-c-table-03.c-table-03 table{
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .debit-c-table-03.c-table-03 table{
  width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .debit-c-table-03.c-table-03 table{
  border-left: 1px solid #d4d5d5;
  border-bottom: 1px solid #d4d5d5!important;
  width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .debit-c-table-03.c-table-03{
    margin: 1.25em 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .debit-c-table-03.c-table-03 table td{
    border-right: 1px solid #d4d5d5;
  }
}
.movie{
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
}
.movie iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}

/* ========== c-heading2-img ========== */
.c-heading2-img{
  width: 68px;
  margin-left: 22px;
}
@media only screen and (max-width: 640px){
  .c-heading2-img{
    width: 34px;
  }
}

/* ========== ttl ========== */
.ttl-merit{
background-color: #FFF000;
color: #EB7000;
padding: 12px;
display: inline-block;
margin-right: 20px;
}

.ttl-wrap{
background-color: #EB7000;
color: #fff;
padding: 3px;
display: flex;
align-items: center;
}

.ttl-wrap .ttl-text{
font-size: 20px;
}

@media only screen and (min-width: 641px)  {
  .pc-hide{
    display: none;
  }
}

@media only screen and (max-width: 640px)  {
  .ttl-merit{
    width: 20%;
    text-align: center;
    padding: 4px;
  }
  .ttl-merit span{
    font-size: 25px;
  }

  .ttl-wrap .ttl-text{
    font-size: 17px;
  }
}