@charset "utf-8";
/*------------------------------------------
 *  Credit用CSS
 *------------------------------------------*/
/*.p-sub-credit__section {
  padding-bottom: 120px;
}*/
@media screen and (max-width: 767px) {
  .p-sub-credit__section {
    padding-bottom: 60px;
  }
}
.c-sub-section {
  margin-bottom: calc(120 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .c-sub-section {
    margin-bottom: calc(32 / 16 * 1rem);
  }
}
.c-sub-sec-ttl--ja {
  font-weight: 700;
}
.p-sub-message {
  margin-top: calc(60 / 16 * 1rem);
  margin-bottom: calc(100 / 16 * 1rem);
}
.p-sub-credit__catch {
  color: var(--color-navy2);
  text-align: center;
  font-weight: 700;
  font-size: clamp(18px, calc(40 / 1920 * 100vw), 40px);
  margin-top: calc(48 / 16 * 1rem);
}
.p-sub-credit__txt-main {
  text-align: center;
  font-weight: 700;
  font-size: clamp(18px, calc(40 / 1920 * 100vw), 40px);
  border-bottom: solid 1px var(--color-navy2);
  display: block;
  margin-top: calc(40 / 16 * 1rem);
  margin-bottom: calc(20 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}
.p-sub-credit__txt-sub {
  font-size: clamp(18px, calc(32 / 1920 * 100vw), 32px);
  text-align: center;
}
.p-sub-credit__txt-sub + .p-sub-credit__txt-sub {
  margin-top: 1em;
}

.p-sub-plan {
  margin-top: calc(48 / 16 * 1rem);
}
.p-sub-plan .c-ttl {
  color: var(--color-navy);
  font-weight: 700;
  font-size: clamp(20px, calc(22 / 1920 * 100vw), 24px);
  margin-bottom: calc(20 / 16 * 1rem);
}

.p-sub-plan .c-txt {
  line-height: 2;
  font-size: clamp(18px, calc(24 / 1920 * 100vw), 24px);
}
.p-company-action-list {
  list-style-type: decimal;
  font-size: clamp(18px, calc(24 / 1920 * 100vw), 24px);
  margin-top: 1em;
  line-height: 2;
  padding-left: calc(24 / 16 * 1rem);
}

.c-txt__caution {
  color: #ff0000;
}
.p-company-action-list .c-txt__large + .c-txt__large {
  margin-top: 0;
}
.p-company-caution {
  display: flex;
  flex-direction: column;
  margin-top: calc(30 / 16 * 1rem);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
  line-height: 2;
}
.p-company-caution__item {
  margin-top: calc(30 / 16 * 1rem);
}
.p-sub-overview__item {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.p-sub-overview__item dt {
  font-weight: 700;
}
.p-sub-overview__item:first-of-type {
  margin-top: calc(48 / 16 * 1rem);
}
.p-sub-overview__item:nth-of-type(2n + 1) {
  background-color: var(--color-light-blue-gray);
}
.p-sub-overview__flex .p-sub-overview__item {
  flex-direction: row;
  max-width: 400px;
  margin: 0 auto;
}
.p-sub-overview__flex .p-sub-overview__item:first-of-type {
  margin-top: calc(20 / 16 * 1rem);
}
.p-sub-overview__column:first-of-type .p-sub-overview__item dt {
  width: 50%;
  max-width: 200px;
}
.p-sub-overview__column:last-of-type .p-sub-overview__item dt {
  width: 50%;
  max-width: 200px;
}
@media screen and (max-width: 354px) {
  .p-sub-overview__column:last-of-type .p-sub-overview__item dt {
    width: 52%;
  }
}
.p-sub-overview__item .c-shine-txt {
  --shine-color: var(--color-font-base);
}
.p-sub-overview__flex {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(100 / 16 * 1rem);
}
.p-sub-overview__column {
  margin-top: calc(18 / 16 * 1rem);
}
.p-sub-overview__flex .p-sub-credit-ttl__sub {
  display: block;
  text-align: center;
  font-size: clamp(16px, calc(32 / 1920 * 100vw), 32px);
}
.p-sub-chart {
  margin: calc(48 / 16 * 1rem) auto calc(100 / 16 * 1rem);
  overflow: auto;
  padding-inline: var(--padding-inline);
}
.p-sub-chart__img-wrap {
  width: 100%;
  min-width: 600px;
  overflow-x: scroll;
  /*max-width: 1100px;*/
  max-width: 1360px;
  margin: 0 auto;
}
#company .c-btn__company {
  margin-bottom: calc(60 / 16 * 1rem);
}
/* PC */
@media screen and (min-width: 768px) {
  .p-sub-message {
    margin-top: calc(110 / 16 * 1rem);
    margin-bottom: calc(160 / 16 * 1rem);
  }
  .p-sub-credit__catch {
    margin-top: calc(80 / 16 * 1rem);
    margin-bottom: calc(80 / 16 * 1rem);
  }
  .p-sub-credit__txt-main {
    max-width: 732px;
    margin: calc(80 / 16 * 1rem) auto calc(30 / 16 * 1rem);
    padding-bottom: calc(10 / 16 * 1rem);
  }

  .p-sub-plan {
    margin-top: calc(60 / 16 * 1rem);
  }
  .p-company-caution {
    flex-direction: row;
    margin-top: calc(80 / 16 * 1rem);
    justify-content: center;
  }
  .p-company-caution__item {
    width: 45%;
    margin-top: 0;
  }
  .p-company-caution__item:not(:first-of-type) {
    margin-left: 5%;
  }
  .p-sub-overview__item {
    flex-direction: row;
    padding: calc(20 / 16 * 1rem) calc(70 / 16 * 1rem);
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
  }
  .p-sub-overview__item:first-of-type {
    margin-top: calc(80 / 16 * 1rem);
  }
  .p-sub-overview__item dt {
    width: calc(200 / 16 * 1rem);
    flex: 0 0 auto;
    font-weight: 400;
  }
  .p-sub-overview__flex {
    flex-direction: row;
    margin-top: calc(80 / 16 * 1rem);
    justify-content: space-between;
    margin: calc(80 / 16 * 1rem) auto calc(160 / 16 * 1rem);
    max-width: 900px;
  }
  .p-sub-overview__column {
    width: 45%;
  }
  .p-sub-overview__column .p-sub-overview__item:first-of-type {
    margin-top: calc(40 / 16 * 1rem);
  }
  .p-sub-overview__column .p-sub-overview__item dt {
    width: calc(150 / 16 * 1rem);
  }
  .p-sub-overview__column:first-of-type .p-sub-overview__item dt {
    text-align: right;
    padding-right: calc(40 / 16 * 1rem);
    width: calc(160 / 16 * 1rem);
  }
  .p-sub-overview__column:last-of-type .p-sub-overview__item dt {
    width: calc(160 / 16 * 1rem);
  }
  .p-sub-overview__column:last-of-type .p-sub-overview__item {
    padding: 20px 60px;
  }
  .p-sub-chart {
    margin: calc(80 / 16 * 1rem) auto calc(160 / 16 * 1rem);
    max-width: calc(1360 / 16 * 1rem);
    padding: 0 calc(20 / 16 * 1rem);
  }
  .p-sub-chart__img-wrap {
    overflow-x: hidden;
  }
  #company .c-btn__company {
    margin-bottom: calc(180 / 16 * 1rem);
  }
}
.p-credit-card__list {
  display: flex;
  width: 100%;
  max-width: calc(720 / 16 * 1rem);
  gap: calc(48 / 16 * 1rem);
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .p-credit-card__list {
    gap: calc(16 / 16 * 1rem);
  }
}
.p-credit-card__img {
  width: 100%;
}

.p-sub-credit-submit {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  background: 0 0;
  color: #337ab7;
  border-width: calc(1 / 16 * 1rem);
  border-style: solid;
  border-color: #337ab7;
  padding: calc(6 / 16 * 1rem) calc(12 / 16 * 1rem);
  margin-bottom: 0;
  font-size: calc(14 / 16 * 1rem);
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: calc(4 / 16 * 1rem);
  transition: 0.2s;
  margin-bottom: calc(120 / 16 * 1rem);
}
.p-sub-credit-submit--large {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  background: 0 0;
  color: #337ab7;
  border-width: calc(1 / 16 * 1rem);
  border-style: solid;
  border-color: #337ab7;
  padding: calc(24 / 16 * 1rem) calc(72 / 16 * 1rem);
  margin-bottom: 0;
  font-size: calc(14 / 16 * 1rem);
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: calc(4 / 16 * 1rem);
  transition: 0.2s;
  margin-bottom: calc(120 / 16 * 1rem);
}
.p-sub-credit-submit:hover {
  background-color: #337ab7;
  color: #fff;
  border-color: #337ab7;
  transition: 0.2s;
}
.p-sub-credit-submit--large:hover {
  background-color: #337ab7;
  color: #fff;
  border-color: #337ab7;
  transition: 0.2s;
}

.is-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}
.p-sub-credit-form {
  max-width: 640px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-sub-credit-form {
    margin-top: calc(32 / 16 * 1rem);
    margin-bottom: calc(32 / 16 * 1rem);
  }
}
.p-sub-credit-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: calc(1 / 16 * 1rem) solid #e5e5e5;
  padding-top: calc(16 / 16 * 1rem);
  padding-bottom: calc(16 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .p-sub-credit-form-row {
    grid-template-columns: 1fr;
    gap: calc(4 / 16 * 1rem);
  }
}
.p-sub-credit-pribacy-policy-link {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: calc(16 / 16 * 1rem);
  margin-bottom: calc(16 / 16 * 1rem);
  color: #337ab7;
}
.p-sub-credit-pribacy-policy-link:hover {
  text-decoration: underline;
}

.c-btn-reset,
.c-btn.c-btn-submit,
.c-btn.c-btn--border-bold {
  width: 100%;
  max-width: 460px;
  height: calc(70 / 16 * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  letter-spacing: 0.05em;
  padding: calc(55 / 16 * 1rem) calc(40 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .c-btn-reset,
  .c-btn.c-btn-submit,
  .c-btn.c-btn--border-bold {
    width: 100%;
    padding: calc(8 / 16 * 1rem) calc(16 / 16 * 1rem);
  }
}
.c-btn-reset:has(img),
.c-btn.c-btn-submit:has(img),
.c-btn.c-btn--border-bold:has(img) {
  justify-content: space-between;
  height: calc(140 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .c-btn-reset:has(img),
  .c-btn.c-btn-submit:has(img),
  .c-btn.c-btn--border-bold:has(img) {
    height: auto;
  }
}

.p-sub-credit__pp {
  display: flex;
  justify-content: center;
  margin-top: calc(40 / 16 * 1rem);
  margin-bottom: calc(40 / 16 * 1rem);
  font-size: calc(18 / 16 * 1rem);
}

.c-btn.c-btn-reset span,
.c-btn.c-btn-submit span {
  font-weight: 700;
  font-size: calc(24 / 16 * 1rem);
}
.c-btn.c-btn-reset em,
.c-btn.c-btn-submit em {
  font-weight: 700;
  font-size: calc(32 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .c-btn.c-btn-reset span,
  .c-btn.c-btn-submit span {
    font-size: calc(16 / 16 * 1rem);
  }
  .c-btn.c-btn-reset em,
  .c-btn.c-btn-submit em {
    font-size: calc(20 / 16 * 1rem);
  }
}
.c-btn.c-btn-reset img,
.c-btn.c-btn-submit img {
  width: calc(60 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .c-btn.c-btn-reset img,
  .c-btn.c-btn-submit img {
    width: calc(40 / 16 * 1rem);
  }
}
.p-sub-credit__btn-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: calc(100 / 16 * 1rem);
}
@media screen and (max-width: 767px) {
  .p-sub-credit__btn-wrapper {
    gap: calc(16 / 16 * 1rem);
  }
}
.c-sub-section:has(.p-sub-credit__btn-wrapper + .p-sub-credit-annotation--external) .p-sub-credit__btn-wrapper {
  margin-bottom: unset;
}
.p-sub-credit-annotation--external {
  display: block;
  text-align: center;
  margin-top: calc(8 / 16 * 1rem);
}

/* PC */
@media screen and (min-width: 768px) {
  .p-sub-credit__pp {
    margin-top: calc(100 / 16 * 1rem);
    margin-bottom: calc(100 / 16 * 1rem);
    font-size: calc(20 / 16 * 1rem);
  }
  .p-sub-credit__btn-wrapper {
    margin-top: calc(80 / 16 * 1rem);
    margin-bottom: calc(276 / 16 * 1rem);
  }
  .c-btn.c-btn-reset {
    margin-top: calc(62 / 16 * 1rem);
  }
}

.c-form__top-txt {
  font-size: calc(18 / 16 * 1rem);
  margin-bottom: calc(40 / 16 * 1rem);
  text-align: center;
}

.c-form__data {
  font-size: calc(18 / 16 * 1rem);
}

@media screen and (min-width: 768px) {
  .c-form__top-txt {
    margin-bottom: calc(80 / 16 * 1rem);
    font-size: calc(20 / 16 * 1rem);
  }
}

.p-sub-credit-sec-ttl {
  font-size: clamp(22px, calc(32 / 1920 * 100vw), 32px);
  font-weight: 700;
}
h1:has(.p-sub-credit-sec-ttl) {
  text-align: center;
}