@charset "UTF-8";
/* general style */
.-mb32{ margin-bottom: 2rem !important;}
.-font-normal{ font-weight: normal !important; }
.border-r-none { border-right: none !important; }
.border-l-none { border-left: none !important; }
.border-t-none { border-top: none !important; }
.border-b-none { border-bottom: none !important; }
.v-align-top { vertical-align: top !important; }
.v-align-bottom { vertical-align: bottom !important; }
.v-align-middle { vertical-align: middle !important; }
.-spOnly-dispInlineBlock{ display: none; }
.-pcOnly-dispInlineBlock{ display: inline-block; }
.-spOnly-dispBlock{ display: none; }
.-pcOnly-dispBlock{ display: block; }
@media screen and (max-width: 959px) {
  .-spOnly-dispInlineBlock{ display: inline-block; }
  .-pcOnly-dispInlineBlock{ display: none; }
  .-spOnly-dispBlock{ display: block; }
  .-pcOnly-dispBlock{ display: none; }
}

@media screen and (min-width: 960px) {
  .header__logo {
    height: 60px;
  }
}

@media screen and (max-width: 959px) {
  .header__logo {
    height: 40px;
  }
}
.header--fixed-top {
	position: static;
}

@media screen and (min-width: 960px) {
  .header-space-no-nav {
    padding-top: 0px;
  }
}
@media screen and (max-width: 959px) {
  .header-space-no-nav {
    padding-top: 0px;
  }
}

/* style reset */
html {
	scroll-behavior: smooth;
}
main {
  margin-bottom: 0;
}
#simulation__auto-loan {
  font-size: 1rem;
}
fieldset {
  border: none;
}
.-fs14 {
  font-size: 0.875rem;
}

/* wrap */
@media screen and (min-width: 840px) {
  #simulation__auto-loan {
    width: 840px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 959px) {
  #simulation__auto-loan {
    width: 100%;
    margin: 0 auto;
  }
}
.simulation__auto-loan-wrap {
  padding: 2rem 4.375rem 3rem;
  background: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 959px) {
  .simulation__auto-loan-wrap {
    padding: 2rem 1.5rem 3rem;
  }
}
#simulation__auto-loan > section {
  padding-top: 1.5rem;
  padding-bottom: 5.8125rem;
}
@media screen and (max-width: 959px) {
  #simulation__auto-loan > section {
    padding-bottom: 0;
  }
}

/* heading */
.heading__ttl-01 :is(h1, h2, h3, h4, h5, h6) {
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.heading__ttl-01 h1,
.heading__ttl-01 h2,
.heading__ttl-01 h3,
.heading__ttl-01 h4,
.heading__ttl-01 h5,
.heading__ttl-01 h6 {
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.heading__ttl-02 :is(h1, h2, h3, h4, h5, h6){
  font-size: 1rem;
}
.heading__ttl-02 h1,
.heading__ttl-02 h2,
.heading__ttl-02 h3,
.heading__ttl-02 h4,
.heading__ttl-02 h5,
.heading__ttl-02 h6 {
  font-size: 1rem;
}
.heading__ttl--border {
  border-bottom: 1px solid #4D4D4D;
}
.form__wrap .heading__ttl--border {
  margin-top: 2rem;
}
.heading__ttl--border :is(h1, h2, h3, h4, h5, h6) {
  color: #fff;
  background-color: #4D4D4D;
  display: inline-block;
  padding: 0.5em 1.0625em 0.25em;
  line-height: 1.4;
}

/* form style */
.form__wrap {
  margin-top: 2rem;
}
.form__list {
  margin-top: 2rem;
}
.form__inner {
  display: flex;
}
@media screen and (max-width: 959px) {
  .form__inner {
    flex-direction: column;
  }
}
.form__color-gray {
  background: rgba(250, 249, 251, 1);
}
.form__text {
  flex-basis: 240px;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .form__text {
    flex-basis: auto;
    margin-bottom: 0.5rem;
  }
}
.form__input {
  flex-grow: 1;
  min-width: 0;
}
/* input_text */
.form__input .form__input_type-text {
  display: flex;
  align-items: center;
  min-width: 0;
}
.form__input .form__input_type-text input,
.form__input .form__input_type-text .form__select {
  flex-grow: 1;
  min-width: 0;
}
.form__input .form__input_type-text.-select-input input,
.form__input .form__input_type-text.-select-input .form__select {
  flex-basis: calc((100% - 4.75rem) / 2);
  flex-shrink: 0;
}
@media screen and (max-width: 959px) {
  .form__input .form__input_type-text,
  .form__input .form__input_type-text input {
    min-width: 0;
  }
  .form__input .form__input_type-text.-select-input input,
  .form__input .form__input_type-text.-select-input .form__select {
    flex-basis: calc((100% - 3.25rem) / 2);
  }
}
.form__input-text {
  border: 1px solid rgba(221, 221, 221, 1);
  padding: 0.276rem 1rem;
  border-radius: 4px;
}
@media screen and (max-width: 959px) {
  .form__input-text {
    padding: 0.588rem 1rem;
  }
}
.form__input-sub-text {
  display: inline-block;
}
.form__input-sub-text--bottom {
  vertical-align: bottom;
  margin-bottom: -1.5rem;
}
.form__input-sub-text:not(.form__input-sub-text--bottom):not(:last-child) {
  margin-left: 1rem;
  margin-right: 1rem;
}
.form__input-sub-text:last-child {
  margin-left: 1rem;
}
@media screen and (max-width: 959px) {
  .form__input-sub-text:last-child {
    margin-left: 0.5rem;
  }
  .form__input-sub-text:not(.form__input-sub-text--bottom):not(:last-child) {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* radio */
.form__input .form__input-radio > div {
  border: 1px solid rgba(221, 221, 221, 1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 1);
}
.form__input .form__input-radio > div:has(input:checked) {
  border: 1px solid rgba(17, 17, 17, 1);
  border-radius: 4px;
  background: #EFF0F6;
}
.form__input .form__input-radio > div + div {
  margin-top: 1rem;
}
.form__input-radio-text {
  display: block;
  margin-left: 0.3125rem;
  padding: 1.37rem 1rem 1.37rem 2.5rem;
}
.form__radio-visually-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}
label.form__input-radio-text {
  cursor: pointer;
  position: relative;
}
label.form__input-radio-text::before,
label.form__input-radio-text::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
label.form__input-radio-text::before {
  background-color: #fff;
  border: 1px solid rgba(17, 17, 17, 1);
  height: 16px;
  width: 16px;
  left: 16px;
}
label.form__input-radio-text::after {
  background-color: rgba(17, 17, 17, 1);
  opacity: 0;
  height: 10px;
  width: 10px;
  left:19px;
}
input:checked + label.form__input-radio-text::after {
  opacity: 1;
}
/* select */
.form__select {
  display: block;
  position: relative;
}
.form__select::after {
  position: absolute;
  content: ' ';
  top: 43%;
  right: 1.4rem;
  transform: translate(50%, -50%) rotate(45deg);
  width: 8.5px;
  height: 8.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  border-right: 1px solid rgba(0, 0, 0, 1);
  pointer-events: none;
}
.form__select select {
  width: 100%;
  padding: 0.276rem calc(.8rem + 30px) 0.276rem .8rem;
  border: 1px solid rgba(221, 221, 221, 1);
  border-radius: 3px;
  color: rgb(52, 52, 52);
  cursor: pointer;
}
@media screen and (max-width: 959px) {
  .form__select select {
    padding: 0.588rem calc(.8rem + 30px) 0.588rem .8rem;
  }
}
.form__btnWrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
#simulation__summary {
  margin-top: 2rem;
}
/* form btn */
.form__btn {
  max-width: 16.875rem;
  width: 100%;
  border-radius: 28px;
  margin: 1rem auto;
  padding: 0.85rem 1rem;
  font-size: 1rem;
  font-weight: bold;
}
.form__btn + .form__btn {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .form__btn + .form__btn {
    margin-bottom: 1.5rem;
  }
  .form__btn {
    user-select: none;
  }
}
.form__btn:hover {
  opacity: 0.7;
}
.form__btn.form__btn--simulation,
.form__btn.form__btn--reset {
  background: #EB0A1E;
  color: #fff;
}
.form__btn.form__btn--clear {
  border: 1px solid rgba(51, 51, 51, 1);
  background: #FFF;
  padding: 0.788rem 1rem;
  color: rgba(51, 51, 51, 1);
}
.form__btn.form__btn--simulation.form__btn--disabled {
  background: #ccc;
  cursor: default;
}
.form__btn.form__btn--simulation.form__btn--disabled:hover {
  opacity: 1;
}
@media screen and (max-width: 959px) {
  .form__btn:hover {
    opacity: 1;
  }
  .form__btn:active {
    opacity: 0.7;
  }
}
/* display control */
.form__slide-valiation,
.form__fixed-payment,
.form__bonus-select {
  display: none;
}
/* form error */
.form__error-text {
  font-size: 0.75rem;
  color: #EB0A1E;
}
.form__error-text p {
  display: none;
  margin-top: 0.4rem;
  padding-left: 1.4rem;
  background-image: url("/-/media/tfc/ts3web/file/assets/img/car-credit/jigyousya-loan/simulation/ico_form_error_01.png");
  background-position: 0 0.15rem;
}
.form__error-text p.-fs14{
  background-image: url("/-/media/tfc/ts3web/file/assets/img/car-credit/jigyousya-loan/simulation/ico_form_error_01.png");
}
.form__error-text.-general-error {
  text-align: center;
}
.-is-error .form__input-text,
.-is-error .form__select select,
.-is-error.form__input .form__input-radio > div {
  border-color: rgba(235, 10, 30, 1);
  background: rgba(254, 242, 243, 1);
}

/* form tag */
.form__tag {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 0.625rem;
  background: #888888;
  color: #FFF;
}
.form__tag.-require {
  background: rgba(235, 10, 30, 1);
  color: #FFF;
}
@media screen and (max-width: 959px) {
  .form__tag.-require {
    vertical-align: 0.1rem;
  }
}
/* form noteList */
.form__noteList{
  margin-top: 0.5rem;
}
.form__noteList li {
  position: relative;
  font-size: 0.625rem;
  padding-left: 1rem;
}
.form__noteList li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '※';
}

/* simlation output area */
#simulation__output {
  font-size: 0.875rem;
  display: none;
}
#terms__fixed-course {
  display: none;
}
#payment__summary #payment__all {
  font-size: 0.9375rem;
  font-weight: bold;
}

/* table */
.table__default-style {
  border: 1px solid rgba(187, 187, 187, 1);
  border-right: none;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 1.5rem;
}
.table__default-style.simulation__output-table {
  border-left: none;
}
.accordion__list-contents .table__default-style {
  margin-top: 0.5rem;
}
.table__default-style th,
.table__default-style td {
  padding: 0.35rem;
}
.table__default-style.simulation__output-table th,
.table__default-style.simulation__output-table td {
  font-size: 0.75rem;
}
.accordion__list-contents .table__default-style th,
.accordion__list-contents .table__default-style td {
  padding: 0.5rem 0.75rem;
}
.table__default-style th {
  border: 1px solid rgba(187, 187, 187, 1);
  border-top: none;
  background: rgba(246, 246, 246, 1);
  text-align: center;
  vertical-align: bottom;
}
.table__default-style.simulation__output-table th {
  border-left: none;
}
.table__default-style th.-crossCell {
  background: rgba(238, 238, 238, 1);
}
.table__default-style td {
  border: 1px solid rgba(187, 187, 187, 1);
  border-top: none;
  border-left: none;
  text-align: right;
}
.table__default-style.simulation__output-table th:last-child,
.table__default-style.simulation__output-table td:last-child {
  border-right: none;
}
.simulation__output-table {
  width: 700px;
}
.simulation__output-table .simulation__output-paymentMonth{
  width: 104px;
}
.simulation__output-table .simulation__output-paymentCount{
  width: 80px;
}
.accordion__list-contents .table__default-style {
  width: 380px;
}
.simulation__outline .table__default-style {
  width: 100%;
  border-left: none;
  color: #000;
}
.simulation__outline .table__default-style th {
  text-align: left;
  vertical-align: top;
  border-right: 1px solid rgba(187, 187, 187, 1);
  padding: 1rem 0.75rem;
  text-indent: 0;
  background: rgba(246, 246, 246, 1);
}
.simulation__outline .table__default-style th:first-child {
  border-left: none;
}
.simulation__outline .table__default-style thead th {
  border-right: none;
  text-align: center;
}
.simulation__outline .table__default-style td {
  text-align: left;
  padding: 1rem 0.75rem;
}
.simulation__outline .table__default-style td.taC {
  text-align: center;
}
.simulation__outline .table__default-style td:last-child {
  border-right: none;
}
@media screen and (max-width: 959px) {
  .accordion__list-contents .table__default-style {
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .simulation__outline .table__default-style {
    border-top: none;
    border-bottom: none;
  }
  .simulation__outline .table__default-style tr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .simulation__outline .table__default-style th {
    border: none;
    padding: 0.5rem 0.5rem;
    text-indent: 0;
    background: rgba(230, 230, 230, 1);
  }
  .simulation__outline .table__default-style td {
    width: 50%;
    border: none;
    padding: 1rem 0.5rem;
    text-indent: 0;
    text-align: center;
    word-break: keep-all;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: max-content;
    margin: auto;
  }
  .simulation__outline .table__default-style td.-notes {
    width: 100%;
    padding: 0 0 1rem;
    text-align: center;
    font-size: 12px;
  }
  .simulation__outline .table__default-style thead th {
    width: calc(50% - 3px);
    text-align: center;
    background-color: #4D4D4D;
    color: #fff;
    font-size: 1.125rem;
  }
  .simulation__outline .table__default-style thead tr {
    gap: 3px;
    margin-bottom: 10px;
  }
  .simulation__outline .table__default-style tbody th {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 959px) {
  #simulation__table-output-area {
    overflow-x: scroll;
  }
}
.simulation__anchor-link {
  margin-top: 0.5rem;
  padding-bottom: 2rem;
  font-size: 0.75rem;
}
@media screen and (max-width: 959px) {
  .simulation__anchor-link {
    padding-bottom: 0;
  }
}
.simulation__anchor-link a {
  color: #286CD8;
  text-decoration: underline;
}
.simulation__anchor-link a::after {
  position: relative;
  top: 0.2rem;
  right: -0.2rem;
  content: ' ';
  display: inline-block;
  transform: translate(50%, -50%) rotate(45deg);
  width: 11px;
  height: 11px;
  border-bottom: 1px solid rgba(51, 51, 51, 1);
  border-right: 1px solid rgba(51, 51, 51, 1);
  pointer-events: none;
}
/* accordion related */
.accordion__block-wrap {
  margin-top: 2rem;
  padding: 0.588rem 0.625rem;
  border: 1px solid rgba(221, 221, 221, 1);
  border-radius: 4px;
}
#simulation__summary + .accordion__block-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 959px) {
  #simulation__summary + .accordion__block-wrap {
    margin-top: 1.5rem;
  }
}
.accordion__ttl {
  background: url("../images/ico_accordion_toggle_plus_01.png") right center no-repeat;
  font-weight: bold;
  cursor: pointer;
  padding-left: 0.375rem;
}
.accordion__ttl.-is-active {
  background: url("../images/ico_accordion_toggle_minus_01.png") right center no-repeat;
}
.accordion__contents-wrap {
  font-size: 0.75rem;
}
.accordion__contents-list + .accordion__contents-list {
  margin-top: 1.5rem;
}
.accordion__list-Ttl {
  font-weight: bold;
}
.accordion__list-contents {
  margin-top: 0.5rem;
}
.acccordion__list-subTtl {
  margin-top: 0.5rem;
  font-weight: bold;
}
.note__list {
  margin-top: 0.5rem;
}
.note__list li {
  position: relative;
  font-size: 0.75rem;
  padding-left: 1rem;
}
.note__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '※';
}
.note__num-list {
  margin-top: 0.5rem;
}
.note__num-list li {
  font-size: 0.75rem;
  padding-left: 2rem;
  text-indent: -2rem;
}
.dot__list {
  margin-top: 0.5rem;
}
.dot__list li {
  position: relative;
  font-size: 0.75rem;
  padding-left: 0.8rem;
}
.dot__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '・';
}
.dot__list li a {
  color: #286CD8;
  text-decoration: underline;
}
.repayment__terms-list {
  border-left: 2px solid rgba(235, 10, 30, 1);
  margin-top: 0.75rem;
  padding-left: 0.9375rem;
}
.repayment__terms-inner + .repayment__terms-inner {
  margin-top: 1rem;
}
.repayment__terms-title {
  font-size: 0.75rem;
  color: rgba(153, 153, 153, 1);
}
.repayment__terms-desc {
  font-size: 1rem;
}

/* wrap */
.simulation__related-menu {
  margin-top: 120px;
  padding: 2rem 4.375rem 3rem;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 959px) {
  .simulation__related-menu {
    padding: 1.5rem;
  }
}
.simulation__related-menu-list + .simulation__related-menu-list {
  margin-top: 2rem;
}
.simulation__related-menu-ttl {
  padding-left: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .simulation__related-menu-ttl {
    padding-left: 0;
  }
}
.simulation__related-menu-link-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simulation__related-menu-link-list li {
  position: relative;
  display: flex;
  align-items: center;
  width: 48%;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
}
@media screen and (max-width: 959px) {
  .simulation__related-menu-link-list {
    flex-direction: column;
  }
  .simulation__related-menu-link-list li {
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.simulation__related-menu-link-list li a {
  display: flex;
  flex-grow: 1;
  padding: 0.932rem 1.5rem;
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}
.simulation__related-menu-link-list li a:hover {
  opacity: 0.7;
}
.simulation__related-menu-link-list li a.simulation__related-menu_normal-link::after {
  position: absolute;
  top: 48%;
  right: 5%;
  content: ' ';
  display: inline-block;
  transform: translate(50%, -50%) rotate(-45deg);
  width: 12px;
  height: 12px;
  border-bottom: 2px solid rgba(194, 51, 64, 1);
  border-right: 2px solid rgba(194, 51, 64, 1);
  pointer-events: none;
}
.simulation__related-menu-link-list li a .simulation__related-menu-icon {
  position: absolute;
  top: 43%;
  right: 3%;
  display: inline-block;
  width: 14px;
  height: 12px;
  fill: #c23340;
  pointer-events: none;
}
.simulation__related-menu-link-list li a .simulation__related-menu-icon svg {
  width: 14px;
  height: 16px;
}

@media print{
  @page {
    size: A4 portrait;
  }
  .header__logo{
    height: 50px;
    padding: 0 0 5px 0;
  }
  body {
    width: 1000px;
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
  .header--fixed-top {
    position: static;
  }
  .header__right,.simulation__related-menu,.footer-menu,.footer-navigation,.form__btnWrap,.header__nav-wrapper {
    display: none;
  }
  #simulation__auto-loan > section {
    padding-top: 0.5rem;
  }
  .display-sp{
    display: none;
  }
  #simulation__summary-output {
    page-break-before: always;
  }
}