@charset "UTF-8";
.sp_block{
  display: none;
}
.red_text{
  color: #d4413a;
}
.fork {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.fork_box {
  border: 1px solid #006cb7;
  max-width: calc(50% - 10px);
  box-sizing: border-box;
  padding: 20px;
  &.fork_box--right{
    border-color: #f00;
  }
}
.fork_head {
  font-size: 2.4rem;
  font-weight: bold;
}
.fork_sub {
  font-size: 1.8rem;
  font-weight: bold;
}
.fork_block{
  margin-top: 20px;
}
.ser_intro{
  margin-top: 30px;
  .bold{
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.inter-services_dl{
dt{
  font-size: 24px;
  font-weight: bold;
  color: #0e6bb3;
  margin-bottom: 0px;
}
dd{
  line-height: 2;
  padding-left: 1em;
  margin-bottom: 30px;
  &:last-child{
    margin-bottom: 0;
  }
}
.arrow {
  font-size: 48px;
}
}
.indent{
  text-indent: -1em;
  padding-left: 1em;
}
.atent{
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
.sp_block{
  display: block;
}
  .personal_midashi span::before {
    width: 50px;
    height: 50px;
    top: 0;
    left: -60px;
  }
a.card-button-group_item--bigger {
    margin-right: 2%;
    width: 47%;
    padding: 0.5rem 1.5rem;
    font-size: 87%;
    box-sizing: border-box;
}
.contact-box th,.contact-box td {
    width:100%;
  text-align: center;
  box-sizing: border-box;
}
  .table-cell th,.table-cell td{
    display: table-cell;
    box-sizing: border-box;
    min-width: auto;
  }
  .post{
    width: 80%;
    margin: 20px auto;
    padding: 20px 5%;
  }
ul.tousi_point li {
    width: 96%;
}
ul.tousi_point {
    margin-top: 5px;
}
  .inter-services_title{
    font-size: 2rem;
  }
.inter-bank-notice_content {
    padding: 2rem 1rem;
}
.service-content {
}
.inter-bank-notice {
    margin-bottom: 50px;
}
.inter-bank-notice_content p.ol_indent {
    margin: 0 0 5px 3em;
}
p.comment.red {
    font-size: 1.5rem;
}
.fork_box {
  max-width: 100%;
  width: 100%;
  padding: 20px 5%;
}
.atent{
  text-align: left;
}
}

