@charset "UTF-8";

.qx-blueborder-box {
  border: 3px solid #2e3489;
}

.qx-blueborder-box-inner {
  padding: 40px 55px 30px;
}

@media (max-width: 768px) {
  .qx-blueborder-box-inner {
  padding: 30px 22px 20px;
}
}

@media (max-width: 430px) {
  .qx-blueborder-box-inner {
  padding: 30px 16px 20px;
}
}


.qx-skyblue-bg {
  background: #e8eafa;
}

.qx-skyblue-bg-inner {
  display:flex;
  gap: 38px;
  padding: 58px 60px 60px;
}

@media (max-width: 768px) {
  .qx-skyblue-bg-inner {
  display:block;
  padding: 50px 16px 30px;
}
}

@media (max-width: 430px) {
  .qx-skyblue-bg-inner {
  display:block;
  padding: 30px 16px 30px;
}
}

.qx-skyblue-bg-box {
  background: #ffffff;
  flex: 1;
  padding:30px;
}

@media (max-width: 768px) {
  .qx-skyblue-bg-box {
  padding:30px 16px 20px;
}
  .qx-skyblue-bg-box:first-child {
    margin-bottom: 30px;
    padding:30px 16px 30px;
}
}

.qx-skyblue-title {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px !important;
}

.qx-skyblue-title.qx-skyblue-only{
  padding: 45px 0 0;
}

@media (max-width: 1024px) {
.qx-skyblue-title.qx-skyblue-only{
  padding: 36px 0 0;
}

}

@media (max-width: 768px) {
  .qx-skyblue-title {
  font-size: 14px;
}

.qx-skyblue-title.qx-skyblue-only{
  padding: 0 0;
}

 .qx-skyblue-bg-box .a-button{
  font-size: 14px;

 }
}


.qx-installment-bg {
    padding: 0 28px 28px;
    background: #f7f7f7;
    border-radius: 12px;
}

@media (max-width: 768px) {
  .qx-installment-bg {
    padding: 0 15px 28px;
}
}

.qx-installment-title {
    align-items: center;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -.0225em;
    font-weight: 600;
    border-bottom:1px solid #ebebeb;
    padding: 18px 0 18px;
}

.qx-installment-title-sub {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
.m-table_title {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.qx-table {
  border-collapse: collapse;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
}

.m-table_td ul.qx-list-Indent {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.m-table_td ul.qx-list-Indent li{
    padding-left: 1em;
    text-indent: -1em;
}

.qx-title-line {
  font-size: 16px;
}

@media (max-width: 430px) {
  .qx-title-line {
    font-size: 14px;
  }
}