@charset "UTF-8";

/* =======================================================
　　Common
======================================================= */
html {
  scroll-padding-top: 153px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.info h1 {
  font-size: clamp(2.4rem, 2.109rem + 1.45vw, 3.2rem)
}

.info h2 {
  margin-bottom: 1.5em;
  padding: .8rem 1.6rem;
  font-size: clamp(2rem, 1.92rem + 0.4vw, 2.4rem);
  background-color: var(--color-blue-m);
  color: var(--color-w);
}

.info h3 {
  margin-bottom: 1em;
  padding: .8rem 0 .8rem .8rem;
  font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
}

.info p {
  margin-bottom: 1em;
}

.info ul:not([class]), .info ol:not([class]) {
  margin: 1.5em 0;
  padding-left: 1.5em;
}

.info ul:not([class]) li {
  list-style: disc;
}

.info ol:not([class]) li {
  list-style: decimal;
}

.info > :last-child {
  margin-bottom: 0 !important;
}

section {
  margin-bottom: clamp(4rem, 3.273rem + 3.64vw, 6rem);
}

section :last-child {
  margin-bottom: 0;
}

section > section {
  margin-bottom: clamp(3.2rem, 2.909rem + 1.45vw, 4rem)
}

@media (max-width: 960px) {

  html {
    scroll-padding-top: 131px;
  }

}

/* Title
--------------------------------------------------------------------------------------------------- */
/* h1 */
.sub_content_title {
  margin-bottom: clamp(4rem, 3.273rem + 3.64vw, 6rem);
}

.sub_content_title .title_inner {
  padding: clamp(2.4rem, 1.527rem + 4.36vw, 4.8rem) 2rem;
  background: var(--color-blue-l);
}

.sub_content_title .title_inner  {
  color: var(--color-blue-d);
  text-align: center;
}


/* Parts
--------------------------------------------------------------------------------------------------- */
/* lead */
.lead_block {
  margin-bottom: clamp(4rem, 3.273rem + 3.64vw, 6rem);
}

.lead_block :not(:last-child) {
  margin-bottom: 1em;
}

/* Layout */
.flexbox_2 {
  display: flex;
  gap:  2rem 2rem;
  justify-content: space-between;
  width: 100%;
}

.flexbox_2 > * {
  width: calc((100% - 2rem) / 2);
}

@media (max-width: 960px) {

  .flexbox_2 {
    flex-direction: column;
  }

  .flexbox_2 > * {
    width: 100%;
  }

}


/* =======================================================
　　3D Secure
======================================================= */
.credit_card_list {
  display: flex;
  gap: 0 4rem;
  justify-content: space-between;
  margin-bottom: 0;
  padding-left: 0 !important;
}

.credit_card_list li {
  width: calc((100% - 16rem) / 5);
  margin-bottom: 0;
  list-style: none !important;
}

@media (max-width: 960px) {

  .credit_card_list {
     flex-wrap: wrap;
     justify-content: center;
  }

  .credit_card_list li {
      width: calc((100% - 4rem) / 2);
  }

}