html {
  /* font-size: calc(100vw * 10 / 850); */
  font-size: clamp(
    7px,
    calc( (100vw - 390px) * (10 - 7) / (850 - 390) + 7px ),
    10px
  );
}
@media (max-width: 390px) {
  html {
    font-size: calc(100vw * 10 / 390);
  }
}

body {
  font-size: 1.6rem;
  font-family: "Noto Sans", sans-serif;
  background: #F2F2F2;
}
main {
  max-width: 850px;
  margin: auto;
  background: #fff;
}
.u-wrapper {margin: 0 2.5rem;}
/* Header */
.header {
  background: #fff;
  padding: 1.8rem 2.5rem;
  border-bottom: 1px solid #E0E0E0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.header__inner {display: flex;align-items: center;justify-content: space-between;max-width: calc(850px - 5rem);margin: auto;}

.header__logo {
}

.header__title {color: #999;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: normal;}

/* Main Visual */
.mv {margin-bottom: 4.8rem;}

.mv__image {
}

/* Situation Modal */
dialog {
  display: none;
  margin: auto;
  width: 90vw;
  max-width: 720px;
  overflow: hidden;
  border-radius: 30px;
  border: none;
  z-index: 1000;
  position: fixed;
}
dialog[open] {
  display: block;
  overflow: visible;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.situation-modal__inner {
}

.situation-modal__head {padding: 3.2rem;background: #FEF9D9;position: relative;}
.situation-modal__head img{margin: auto;}

.situation-modal__head p {margin-top: 2.4rem;text-align: center;color: #000;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 29px; /* 90.625% */}

.situation-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 3rem;
  color: #999;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.situation-modal__body {padding: 3.2rem 0;text-align: center;}

.situation-modal__body p {color: #000;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 2.4rem;}

.situation-modal__button01 {border-radius: 50px;background: #E7C500;padding: 2rem 0;width: 80%;margin: auto;display: block;margin-bottom: 2.4rem;}

.situation-modal__button01 p {color: #FFF;font-family: "Noto Sans";font-style: normal;font-weight: 700;margin-bottom: 0;line-height: normal;}

.situation-modal__button01 small {color: #FFF;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: normal;}

.situation-modal__button02 {border-radius: 50px;background: #FE7215;padding: 2rem 0;width: 80%;margin: auto;display: block;}

.situation-modal__button02 p {color: #FFF;font-family: "Noto Sans";font-style: normal;font-weight: 700;margin-bottom: 0;line-height: normal;}

.situation-modal__button02 small {color: #FFF;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: normal;}
.search-wizard {}
.search-wizard__close {
  position: absolute;
  background: #fff;
  width: 4.8rem;
  height: 4.8rem;
  top: -3%;
  right: -3%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.search-wizard__close:after,
.search-wizard__close:before {
  content: '';
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  background-color: #E7C500;
  transform-origin: center;
}
.search-wizard__close:before {
  transform: rotate(45deg);
}
.search-wizard__close:after {
  transform: rotate(-45deg);
}
.search-wizard__inner {position: relative;}

.search-wizard__title {background: #E7C500;padding: 2.5rem 0;text-align: center;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */margin-bottom: 2.4rem;border-radius: 30px 30px 0 0;}

.search-wizard__form {display: grid;gap: 1.2rem;margin-bottom: 3.4rem;max-height: 57vh;overflow: scroll;}

.search-wizard__form-item {border-radius: 30px;border: 2px solid #E0E0E0;background: #FFF;width: 84%;margin: auto;height: 6rem;display: flex;align-items: center;justify-content: center;color: #000;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */}
.search-wizard__form-item--active {border: 2px solid #E7C500;color: #E7C500;background: #FEF9D9;}
.search-wizard__form-other {border-radius: 30px;border: 1px solid #E0E0E0;background: #FFF;width: 84%;margin: auto;overflow: hidden;}

.search-wizard__form-other-title {background: #F2F2F2;text-align: center;padding: 1.6rem 0;color: #000;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px;border-bottom: 2px solid #E0E0E0;}

.search-wizard__form-other-title small {color: #000;/* font-family: "Noto Sans"; */font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 29px;}

.search-wizard__form-other-input {
}
.search-wizard__back {
    color: #666;
    font-family: "Noto Sans";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 120.833% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-align: center;
    margin-bottom: 3.3rem;
}
.search-wizard__result {
    width: 70%;
    margin: auto;
    margin-bottom: 3.4rem;
}
.search-wizard__form-other-input textarea {
  border: 0;
  width: 100%;
  padding: 2.4rem;
  height: 14rem;
  color: #999;
  font-family: "Noto Sans";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: unset;
}

.search-wizard__form-range {
  margin-top: 9rem;
  padding: 0 2.3rem 0 4.6rem;
}

/* Range Container */
.c-range {
  position: relative;
  width: 100%;
  margin: 2rem 0;
}

/* Range Tooltip */
.c-range__tooltip {
  position: absolute;
  top: -10.5rem;
  left: 0;
  transform: translateX(-50%);
  background: #E7C500;
  color: #fff;
  /* padding: .8rem 2rem; */
  border-radius: 1rem;
  /* font-family: "Noto Sans"; */
  font-size: 2.4rem;
  font-weight: 700;
  white-space: nowrap;
  z-index: 10;
  transition: left 0.1s ease-out;
  margin-left: 0;
  /* height: 8.2rem; */
  width: 17rem;
}

.c-range__tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #E7C500;
}

/* Range Wrapper */
.c-range__wrapper {
  position: relative;
  margin: 2rem 0;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

/* Range Labels */
.c-range__labels {
  display: contents;
}

.c-range__label {
  font-family: "Noto Sans";
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
  flex-shrink: 0;
  color: #E7C500;
}

.c-range__label--min {
  order: 1;
}

.c-range__label--max {
  order: 3;
}
.c-range__value {
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.c-range__value strong {
    font-size: 4.8rem;
}
.c-range__input-wrapper {
  order: 2;
  flex: 1;
  position: relative;
}
/* Range Input Styling */
.c-range__input {
  -webkit-appearance: none;
  appearance: none;
  flex: 1;
  height: 1.2rem;
  background: #E0E0E0;
  border-radius: 0.6rem;
  outline: none;
  margin: 0;
  cursor: pointer;
  order: 2;
  /* accent-colorで進んだ部分の色を指定 */
  accent-color: #E7C500;
  /* CSS変数で進捗率を管理 */
  /* --pct: 40%; */
  width: 100%;
}

/* Range Track - WebKit（背景グラデーションで進捗表現） */
.c-range__input::-webkit-slider-runnable-track {
  height: 1.2rem;
  border-radius: 0.6rem;
  background: linear-gradient(to right, #E7C500 0%, #E7C500 var(--pct), #E0E0E0 var(--pct), #E0E0E0 100%);
}

/* Range Track - Firefox */
.c-range__input::-moz-range-track {
  height: 1.2rem;
  background: #E0E0E0;
  border-radius: 0.6rem;
  border: none;
}

/* Range Progress - Firefox */
.c-range__input::-moz-range-progress {
  height: 1.2rem;
  background: #E7C500;
  border-radius: 0.6rem;
}
.c-range__tooltip-wrapper {
    width: calc(100% - 40px);
    position: relative;
    margin: auto;
}
/* Range Thumb - WebKit */
.c-range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 6px solid #E7C500;
  margin-top: -1.8rem;
}

/* Range Thumb - Firefox */
.c-range__input::-moz-range-thumb {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 6px solid #E7C500;
}

.search-wizard__button {
    border-radius: 20px;
    background: #E7C500;
    width: 62.5%;
    margin: auto;
    padding: 2.5rem 0;
    text-align: center;
    color: #FFF;
    font-family: "Noto Sans";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 120.833% */
    margin-bottom: 2.4rem;
}
.loan-search {
    margin-bottom: 4.8rem;
}

.loan-search__inner {border-radius: 20px;background: #FEF9D9;overflow: hidden;}

.loan-search__title {padding: 2.4rem 0;background: #E7C500;display: flex;gap: 1.2rem;justify-content: center;align-items: center;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 19px; /* 79.167% */}

.loan-search__body {
  padding: 2.4rem 2.5rem 4.8rem;
}

.loan-search__lead {border-radius: 20px;border: 2px solid #E0E0E0;background: #FFF;display: block;padding: 1.3rem 0;color: #000;text-align: center;font-family: "Noto Sans";font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 38px; /* 211.111% */margin-bottom: 1.6rem;}

.loan-search__lead span {color: #F00;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 38px;}

.loan-search__question {color: #000;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 43px; /* 119.444% */text-align: center;margin: 3.2rem 0;}

.loan-search__company {margin-bottom: 3.2rem;}

.loan-search__company-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}

.loan-search__company-item {border-radius: 10px;border: 1px solid #E0E0E0;background: #FFF;padding: 2.8rem 0;text-align: center;color: #000;font-family: "Noto Sans";font-size: 2rem;font-style: normal;font-weight: 700;line-height: 24px; /* 120% */}

.loan-search__company-item--active {border-radius: 10px;color: #fff;background: #E7C500;}

.loan-search__form {
}

.loan-search__form-list {display: grid;grid-template-columns: 1fr;gap: 1.6rem;margin-bottom: 3.2rem;}

.loan-search__form-item {border-radius: 40px;border: 2px solid #E0E0E0;background: #FFF;display: flex;padding: 2rem 2.4rem;justify-content: space-between;}

.loan-search__form-item p {color: #000;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */}

.loan-search__form-item span {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 29px;margin-left: .8rem;}

.loan-search__form-item--active {
  border: 4px solid #E7C500;
}
.loan-search__form-button {max-width: 600px;margin: auto;}

/* Loan Point */
.loan-point {margin-bottom: 4.8rem;}

.loan-point__inner {margin: 0 5rem;}

.loan-point__title {color: #000;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px; /* 138.889% */margin-bottom: 3.2rem;}

.loan-point__title span {  /* 下方向に0.4emの帯 */
  background-image: linear-gradient(transparent 60%, #ffeb3b 40%);
  /* 「60%まで透明 → 下40%を黄色」に調整 */
  background-repeat: no-repeat;
  background-size: 100% 1.5em;  /* 帯の高さ */
  background-position: -.3rem 100%;   /* テキスト下部に配置 */
  padding: 0 1.2rem .5rem;
  }

.loan-point__list {
}

.loan-point__item {margin-bottom: 2.5rem;}

.loan-point__item-title {display: flex;align-items: center;padding: 2.8rem 2.4rem 2.5rem 4.8rem;border-radius: 30px;background: #FEF9D9;/* margin-bottom: 2.4rem; */}

.loan-point__item-head {display: flex;align-items: center;gap: 2.4rem;margin-right: 2.4rem;flex-shrink: 0;}

.loan-point__item-num {color: #F5EBAE;text-align: center;/* font-family: "Noto Sans"; */font-size: 6rem;font-style: normal;font-weight: 700;line-height: 1; /* 120% */}

.loan-point__item-check {
}
.loan-point__item-check img {
  width: 4.8rem;
}
.loan-point__item-text {color: #CFB100;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 24px; /* 100% */margin-right: 4.9rem;}

.loan-point__item-toggle {
    margin-left: auto;
    flex-shrink: 0;
}

.loan-point__item-content {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 26px; /* 162.5% */padding: 2.5rem 2.5rem 0;}
.loan-point__item-content small {
  color: #666;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
/* Loan Pickup */
.loan-pickup {background: #FEF9D9;margin-bottom: 4.8rem;}

.loan-pickup__inner {padding-bottom: 4.8rem;}

.loan-pickup__title {color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px; /* 138.889% */background: linear-gradient(0deg, #E7C500 0%, #E7C500 100%), #FFF;padding: 1rem 0;margin-bottom: 3.6rem;}

.loan-pickup__list {display: grid;gap: 4.8rem;}

.loan-pickup__item {
}

/* Loan Compare */
.loan-compare {margin-bottom: 4.8rem;}

.loan-compare__inner {
}

.loan-compare__title {color: #000;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px;margin-bottom: 3.2rem;}

.loan-compare__title span {background-image: linear-gradient(transparent 60%, #ffeb3b 40%);background-repeat: no-repeat;background-size: 100% 1.5em;background-position: -.3rem 100%;padding: 0 1.2rem .5rem;}

.loan-compare__table {
    border: 2px solid #E0E0E0;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 2.4rem;
}

.loan-compare__table-tr {/* background: #FEF9D9; *//* border-radius: 20px; */border-top: 2px solid #E0E0E0;border-bottom: none;display: grid;grid-template-columns: 27.5% 36.25% 36.25%;}
.loan-compare__table-tr:first-child {border-top: none;}
.loan-compare__table-th {
    border-right: 2px solid #E0E0E0;
    background: #FEF9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
}

.loan-compare__table-th small {
  color: #000;
  font-family: "Noto Sans";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.loan-compare__table-td {
  justify-content: center;
  display: grid;
  align-items: center;
  padding: 3.2rem 0;
  line-height: 1;
  color: #000;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 120.833% */
  border-right: 2px solid #E0E0E0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><path d="M58 30C58 14.536 45.464 2 30 2C14.536 2 2 14.536 2 30C2 45.464 14.536 58 30 58V60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60V58C45.464 58 58 45.464 58 30Z" fill="%23FFD6D6"/><path d="M48 30C48 20.0589 39.9411 12 30 12C20.0589 12 12 20.0589 12 30C12 39.9411 20.0589 48 30 48V50C18.9543 50 10 41.0457 10 30C10 18.9543 18.9543 10 30 10C41.0457 10 50 18.9543 50 30C50 41.0457 41.0457 50 30 50V48C39.9411 48 48 39.9411 48 30Z" fill="%23FFD6D6"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}
.loan-compare__table-td small {color: #000;font-family: "Noto Sans";font-size: 1.2rem;font-style: normal;font-weight: 700;line-height: 24px;display: contents;}
.loan-compare__table-td--circle {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><path d="M58 30C58 14.536 45.464 2 30 2C14.536 2 2 14.536 2 30C2 45.464 14.536 58 30 58V60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60V58C45.464 58 58 45.464 58 30Z" fill="%23FFD6D6"/></svg>');
}
.loan-compare__table-td > img {
  width: 80%;
  margin: auto;
}
.loan-compare__table-tr:last-child .loan-compare__table-td {padding: 2rem;}

.loan-compare__table-td p {display: flex;align-items: center;justify-content: center;margin-bottom: 1.2rem;margin-top: -1rem;gap: 1.2rem;}
.loan-compare__table-td .c-button01 {padding: 2rem 4.3rem; border-radius: 10px;}
.loan-compare__notice {color: #666;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}

/* Loan FAQ */
.loan-faq {margin-bottom: 4.8rem;}

.loan-faq__inner {padding: 0 5rem;}

.loan-faq__title {margin-bottom: 3.6rem;text-align: center;}
.loan-faq__title strong {
  background-image: linear-gradient(transparent 60%, #ffeb3b 40%);
  background-repeat: no-repeat;
  background-size: 100% 1.5em;
  background-position: -.3rem 100%;
  padding: 0 1.2rem .5rem;
  color: #000;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 94.444% */
}
.loan-faq__title p {color: #F00;text-align: center;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 24px; /* 75% */margin-bottom: 2.4rem;}

.loan-faq__list {display: grid;gap: 3.6rem;}

.loan-faq__item {}

.loan-faq__item-title {display: flex;border-radius: 30px;background: #FFE9DB;padding: 2.9rem 2.4rem 3.6rem;align-items: center;}

.loan-faq__item-head {margin-right: 2.4rem;}

.loan-faq__item-num {color: #FE7215;text-align: center;font-family: Helvetica;font-size: 5rem;font-style: normal;font-weight: 700;line-height: 1; /* 120% */}

.loan-faq__item-text {color: #FE7215;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */margin-right: 4.9rem;}

.loan-faq__item-toggle {margin-left: auto;flex-shrink: 0;}
.loan-faq__item-toggle .c-icon-plus {
  border-color: #FE7215;
}
.loan-faq__item-toggle .c-icon-plus::after {
  background-color: #FE7215;
}
.loan-faq__item-toggle .c-icon-plus::before {
  background-color: #FE7215;
}

.loan-faq__item-content {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 26px; /* 162.5% */padding: 2.4rem 3.6rem 0;}
.loan-faq__item-content small {
  color: #666;
  font-family: "Noto Sans";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
/* Loan Ranking */
.loan-ranking {margin-bottom: 4.8rem;}

.loan-ranking__inner {
}

.loan-ranking__title {color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px;background: linear-gradient(0deg, #E7C500 0%, #E7C500 100%), #FFF;padding: 1rem 0;margin-bottom: 3.6rem;}

.loan-ranking__tablist {margin: 0 5rem;margin-bottom: 3.6rem;}

.loan-ranking__tablist-head {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr 1fr;
}

.loan-ranking__tablist-tab {border-radius: 30px 30px 0px 0px;border: 2px solid #E0E0E0;background: #F4F4F4;padding: 2rem 0;text-align: center;color: #666;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 38px; /* 118.75% */border-bottom: none!important;}

.loan-ranking__tablist-tab--active {border-radius: 30px 30px 0px 0px;border: 2px solid #E0E0E0;background: #FEF9D9;color: #CFB100;}

.loan-ranking__tablist-content {border-radius: 0px 0px 15px 15px;border: 2px solid #E0E0E0;/* border-top: none; */display: none;}

.loan-ranking__tablist-content--active {
display: block;
}

.loan-ranking__tablist-row {display: flex;padding: 2rem 2.4rem 2rem 4.9rem;align-items: center;border-bottom: 2px solid #E0E0E0;}
.loan-ranking__tablist-row:last-child {border-bottom: none;}
.loan-ranking__tablist-row p {margin-right: 2.4rem;color: #000;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 38px; /* 118.75% */}

.loan-ranking__tablist-row img {
    margin-right: 2.4rem;
    flex-shrink: 0;
}

.loan-ranking__tablist-row a {
    border-radius: 10px;
    background: #F00;
    padding: 2rem 4rem;
    color: #FFF;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    margin-left: auto;
    white-space: nowrap;
}

.loan-ranking-application {border-radius: 20px;border: 2px solid #E0E0E0;background: #FFF;display: block;padding: 1.3rem 0;color: #000;text-align: center;font-family: "Noto Sans";font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 38px;margin: 0 5rem;}

.loan-ranking-application span {color: #F00;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 38px;}

/* Loan Recommend */
.loan-recommend {margin-bottom: 4.8rem;}

.loan-recommend__inner {
}

.loan-recommend__title {/* background-image: linear-gradient(transparent 60%, #ffeb3b 40%); *//* background-repeat: no-repeat; *//* background-size: 100% 1.5em; *//* background-position: -.3rem 100%; *//* padding: 0 1.2rem .5rem; *//* margin-bottom: 3.6rem; */text-align: center;color: #000;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 43px; /* 119.444% */margin-bottom: 3.6rem;}

.loan-recommend__title span {
    background-image: linear-gradient(transparent 60%, #ffeb3b 40%);
    background-repeat: no-repeat;
    background-size: 100% 1.5em;
    background-position: -.3rem 100%;
    padding: 0 1.2rem .5rem;
    margin-bottom: 3.6rem;
}

.loan-recommend__list {display: grid;gap: 4.8rem;}

.loan-recommend__item {
}

/* Loan Advice */
.loan-advice {
}

.loan-advice__inner {
}

.loan-advice__title {color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px;background: linear-gradient(0deg, #E7C500 0%, #E7C500 100%), #FFF;padding: 1rem 0;margin-bottom: 3.6rem;}

.loan-advice__list {
    margin: 0 4.8rem 4.8rem;
    display: grid;
    gap: 2.4rem;
}

.loan-advice__item {border: 4px solid #E7C500;padding: 4rem 4.8rem 4.2rem;}

.loan-advice__item-title {display: flex;align-items: center;margin-bottom: 3.6rem;}

.loan-advice__item-head {display: flex;align-items: center;margin-right: 1.4rem;flex-shrink: 0;position: relative;}

.loan-advice__item-num {margin-right: 2.4rem;color: #F5EBAE;text-align: center;/* font-family: "Noto Sans"; */font-size: 6rem;font-style: normal;font-weight: 700;line-height: 1; /* 120% */}

.loan-advice__item-check {}
.loan-advice__item-check img {
  width: 4.8rem;
}
.loan-advice__item-text {color: #CFB100;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 24px; /* 100% */}

.loan-advice__item-content {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 26px; /* 162.5% */}

.loan-advice__item-content small {color: #666;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px;}

/* Loan Step */
.loan-step {margin-bottom: 4.8rem;}

.loan-step__inner {margin: 0 3.3rem 0 3.3rem;}

.loan-step__title {color: #000;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px; /* 138.889% */margin-bottom: 5.6rem;}

.loan-step__title span {background-image: linear-gradient(transparent 60%, #ffeb3b 40%);background-repeat: no-repeat;background-size: 100% 1.5em;background-position: -.3rem 100%;padding: 0 1.2rem .5rem;}

.loan-step__body {display: grid;gap: 5.2rem;grid-template-columns: auto 1fr;}

.loan-step__lead {
/* 日本語縦書き：行を右→左に積み上げ */writing-mode: vertical-rl;
  /* 文字を縦向きに保持（欧文は揃えて回転させる） */text-orientation: upright;

  /* Safari / 古いWebKit向けプレフィックス */-webkit-writing-mode: vertical-rl;-webkit-text-orientation: upright;

  /* Optional: 見た目調整 */white-space: nowrap;       /* 折り返さない */line-height: 1.5;          /* 行送り */color: #000;text-align: left;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 43px; /* 119.444% */}

.loan-step__lead strong {color: #F00;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 43px;}

.loan-step__lead span {color: #F00;text-align: center;/* font-family: "Noto Sans"; */font-size: 4.8rem;font-style: normal;font-weight: 700;line-height: 43px; /* 89.583% */}

.loan-step__flow {
}

.loan-step__flow-list {display: grid;margin-bottom: 2.4rem;}

.loan-step__flow-item {border-radius: 10px;border: 4px solid #E7C500;background: #FFF;text-align: center;position: relative;}
.loan-step__flow-item:nth-child(2) {
    margin: 11.2rem 0 8rem;
}
.loan-step__flow-item:nth-child(3) {
  overflow: hidden;
}
.loan-step__flow-item:nth-child(3) .loan-step__flow-item-text {
    padding: 2.2rem 0;
    background: #FEF9D9;
}
.loan-step__flow-item.loan-step__flow-item--next:after {
  content: url(./images/icon_down.svg);
  position: absolute;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 0;
}
.loan-step__flow-item-step {color: #FFF;text-align: center;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */border-radius: 24px;background: #E7C500;/* padding: 1rem 0; *//* display: inline-block; */position: absolute;left: 50%;transform: translate(-50%, 0px);top: -3rem;width: 24rem;display: flex;height: 4.8rem;justify-content: center;align-items: center;}

.loan-step__flow-item-text {color: #000;text-align: center;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 1; /* 120.833% */padding: 3rem 0 1.4rem 0;}

.loan-step__notice {color: #666;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}

/* Top Recommend */
.top-recommend {padding-bottom: 4.8rem;}

.top-recommend__inner {
}

.top-recommend__title {color: #F00;text-align: center;font-family: "Noto Sans";font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 50px; /* 138.889% */margin-bottom: 3.6rem;}

.top-recommend__content {
}

/* Exp Recommend */
.exp-recommend {
}

.exp-recommend__inner {
}

.exp-recommend__title {
}

.exp-recommend__content {
}

/* Common Pickup */
.c-pickup {
}

.c-pickup__lead {color: #F00;text-align: center;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 1; /* 75% */margin-bottom: 2.4rem;}

.c-pickup__box {border-radius: 30px;border: 4px solid #E6E6E6;background: #FFF;overflow: hidden;padding-bottom: 3.4rem;}

.c-pickup__title {display: flex;gap: 2.4rem;justify-content: center;align-items: center;padding: 2.8rem 0;border-bottom: solid #E6E6E6 4px;color: #000;font-family: "Noto Sans";font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: 24px; /* 75% */}

.c-pickup__content {padding: 2.9rem 3.2rem 0;display: flex;gap: 3.2rem;margin-bottom: 2.4rem;}

.c-pickup__content-image {max-width: 35%;flex-shrink: 0;}

.c-pickup__content-body {
}

.c-pickup__content-list {display: grid;grid-template-columns: 1fr;gap: 1.6rem;margin-bottom: 1.2rem;}

.c-pickup__content-point {display: flex;gap: 1.2rem;color: #000;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */}
.c-pickup__content-point span {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  display: contents;
}
.c-pickup__content-benefit {display: inline-block;position: relative;background: #F00;      /* リボンの色 */color: #fff;padding: 1.2rem 4rem 1.2rem 1.8rem; /* 右側は余裕をもって1.5em */line-height: 1;font-size: 1rem;font-weight: bold;color: #FFF;font-family: "Noto Sans";font-size: 2rem;font-style: normal;font-weight: 700;/* line-height: 12px; */ /* 60% */margin-bottom: 1.2rem;}

.c-pickup__content-benefit:after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 28px;    /* 三角形の幅 */
    height: 100%;
    background: #fff;
  /* 三角形のクリップ */
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    transform: rotateY(180deg);
    border: #fff 0px solid;
}

.c-pickup__content-benefit:after {}

.c-pickup__content-benefit:after {}

.c-pickup__content-lead {color: #F00;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 1; /* 120.833% */}

.c-pickup__content-lead span {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
}

.c-pickup__content-support {border-radius: 20px;border: 2px solid #E0E0E0;overflow: hidden;}

.c-pickup__content-support-title {color: #000;font-family: "Noto Sans";font-size: 1.2rem;font-style: normal;font-weight: 700;line-height: 19px;padding: 1.2rem 0;text-align: center;background: #F4F4F4;border-bottom: 2px solid #E0E0E0;margin-bottom: 1.2rem;}

.c-pickup__content-support-title span {color: #000;font-family: "Noto Sans";font-size: 1.2rem;font-style: normal;font-weight: 700;line-height: 19px;}

.c-pickup__content-support-list {display: flex;gap: 4.2rem;justify-content: center;padding: 0 2.4rem;margin-bottom: 1rem;}

.c-pickup__content-support-item {}

.c-pickup__content-support-table {
}

.c-pickup__content-support-table-tr {display: grid;grid-template-columns: 50% 50%;border-top: 2px solid #E0E0E0;}

.c-pickup__content-support-table-th {text-align: center;padding: .9rem 0;background: #F4F4F4;}

.c-pickup__content-support-table-th span {
}
.c-pickup__content-support-table-th:first-child {
    border-right: 2px solid #E0E0E0;
}
.c-pickup__content-support-table-td:first-child {
    border-right: 2px solid #E0E0E0;
}

.c-pickup__content-support-table-td {
  text-align: center;
  padding: .9rem 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29V30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30V29C22.732 29 29 22.732 29 15Z" fill="%23FFD6D6"/><path d="M24 15C24 10.0294 19.9706 6 15 6C10.0294 6 6 10.0294 6 15C6 19.9706 10.0294 24 15 24V25C9.47715 25 5 20.5228 5 15C5 9.47715 9.47715 5 15 5C20.5228 5 25 9.47715 25 15C25 20.5228 20.5228 25 15 25V24C19.9706 24 24 19.9706 24 15Z" fill="%23FFD6D6"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60% 60%;
}

.c-pickup__pitatto {border-radius: 20px;overflow: hidden;border: 2px solid #E7C500;margin: 2.4rem;}

.c-pickup__pitatto-title {display: flex;align-items: center;justify-content: center;gap: 1.2rem;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 19px;background: #E7C500;padding: 1rem 0;}

.c-pickup__pitatto-body {padding: 2.4rem;color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px;}

.c-pickup__pitatto-content {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px;}

.c-pickup__pitatto-content strong {color: #F00;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 26px;}
.c-pickup__pitatto-content small {
  color: #666;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.c-pickup__pitatto-box {margin: 2.4rem 0;border: 1px solid #F00;padding: 2.1rem 2.8rem;color: #F00;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 26px;}

.c-pickup__pitatto-box small {
  color: #666;
  font-family: "Noto Sans";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.c-pickup__pitatto-body:has(.c-pickup__overlay) {
  position: relative;
  height: 12rem;
  overflow: hidden;
}

.c-pickup__pitatto-body:has(.c-pickup__overlay)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(rgba(255,255,255,.8), #fdfae6);
  pointer-events: none;
  background: linear-gradient(to top, #fdfae6 0%, rgba(255, 255, 255, 0.99) 34%, rgba(255, 255, 255, 0) 100%);
}

.c-pickup__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.c-pickup__readmore {
  margin-bottom: 2.4rem;
  background: #e8bf46;
  color: #fff;
  text-decoration: none;
  padding: 0.8rem 4rem;
  border-radius: 20px;
  font-weight: bold;
  white-space: nowrap;
}

.c-pickup__advice {border-radius: 20px;border: 2px solid #FE7215;overflow: hidden;margin: 2.4rem;}

.c-pickup__advice-title {background: #FE7215;padding: 2rem 0;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 19px;text-align: center;}

.c-pickup__advice-content {padding: 2.4rem;}

.c-pickup__advice-content:has(.c-pickup__overlay) {
  position: relative;
  height: 12rem;
  overflow: hidden;
}

.c-pickup__advice-content:has(.c-pickup__overlay)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(rgba(255,255,255,.8), #fdfae6);
  pointer-events: none;
  background: linear-gradient(to top, #fdfae6 0%, rgba(255, 255, 255, 0.99) 34%, rgba(255, 255, 255, 0) 100%);
}

.c-pickup__advice-content .c-pickup__readmore {
  background: #FE7215;
}

.c-pickup__advice-content small {color: #666;font-family: "Noto Sans";font-size: 1.2rem;font-style: normal;font-weight: 400;line-height: 26px;display: block;}

.c-pickup__application {border-radius: 20px;border: 2px solid #E0E0E0;background: #FFF;display: block;padding: 1.3rem 0;color: #000;text-align: center;font-family: "Noto Sans";font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 38px;margin: 0 2.4rem 2.4rem;}

.c-pickup__application span {color: #F00;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 38px;}

.c-pickup__button {max-width: 70%;margin: auto;margin-bottom: 3.4rem;}

.c-pickup__notice {
  color: #666;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  padding: 0 4.2rem;
}

/* Common Buttons */
.c-button01 {border-radius: 20px;background: #F00;box-shadow: 0px 10px 0px 0px #C80000;padding: 2.5rem;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 29px; /* 120.833% */text-align: center; display: block;}

.c-button02 {border-radius: 20px;background: #E7C500;box-shadow: 0px 10px 0px 0px #CFB100;color: #FFF;font-family: "Noto Sans";font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 24px; /* 100% */padding: 2.8rem 0;text-align: center; display: block;}

.c-icon-plus {
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid #c9a94e;
  border-radius: 50%;
  position: relative;
}
.c-icon-plus::before,
.c-icon-plus::after {
  content: "";
  position: absolute;
  background-color: #c9a94e;
  transform-origin: center;
  transition: transform 0.3s ease;
}
.c-icon-plus::before {
  top: 50%;
  left: 25%;
  width: 50%;
  height: 2px;
  transform: translateY(-50%) scaleX(1);
}
.c-icon-plus::after {
  left: 50%;
  top: 25%;
  width: 2px;
  height: 50%;
  transform: translateX(-50%) scaleY(1);
}
.c-icon-plus.c-icon-plus--active::before {
  transform: translateY(-50%) scaleX(0);
}
.c-icon-plus.c-icon-plus--active::after {
  transform: translateX(-50%) rotate(90deg);
}


/* Footer */
.footer {
  /* max-width: 850px; */
  /* margin: auto; */
  /* background: #fff; */
}

.footer__inner {max-width: 850px;background: #fff;margin: 0 auto;padding: 0 2.5rem;}

.footer__top-button {margin-bottom: 4.8rem;}

.footer__logo {display: flex;justify-content: center;margin: auto;margin-bottom: 3.6rem;max-width: 50rem;}

.footer__text {color: #000;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */margin: auto;margin-bottom: 3.6rem;max-width: 70rem;}

.footer__company {text-align: center;color: #0E5CD4;text-align: center;font-family: "Noto Sans";font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;padding-bottom: 3.6rem;}

.footer__copyright {color: #000;text-align: center;font-family: "Noto Sans";font-size: 1.2rem;font-style: normal;font-weight: 400;line-height: normal;background: #FEF9D9;padding: 4.2rem 0;}

.c-title01 {
  color: #FFF;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    background: linear-gradient(0deg, #E7C500 0%, #E7C500 100%), #FFF;
    padding: 1rem 0;
    margin-bottom: 3.6rem;
}

.c-pickup__pitatto-body--expanded {
  height: auto !important;
  overflow: visible !important;
}

.c-pickup__pitatto-body--expanded::before {
  display: none !important;
}

.c-pickup__advice-content--expanded {
  height: auto !important;
  overflow: visible !important;
}

.c-pickup__advice-content--expanded::before {
  display: none !important;
}

/* Common Search Form */
.c-search-form {
    margin-bottom: 2.4rem;
}

.c-search-form__inner {
    border-radius: 20px;
    background: #FEF9D9;
    overflow: hidden;
}

.c-search-form__title {
    padding: 2.4rem 0;
    background: #E7C500;
    display: flex;
    gap: 1.2rem;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: "Noto Sans";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
}

.c-search-form__queries {
    display: flex;
    padding: 2.4rem;
    column-gap: 2.4rem;
    row-gap: .8rem;
    flex-wrap: wrap;
}

.c-search-form__query {
    display: flex;
    /* gap: .4rem; */
    font-size: 2.4rem;
    flex-wrap: nowrap;
}

.c-search-form__query-label {white-space: nowrap;color: #F00;font-weight: 700;}

.c-search-form__query-value {
    white-space: nowrap;
}

.c-search-form__change {
    max-width: 600px;
    margin: auto;
    display: block;
    margin-bottom: 2.4rem;
}

.search-result {padding-bottom: 4.8rem;padding-top: 4.8rem;margin-top: -2.4rem;}
.search-result__inner {}
.search-result__list {
    display: grid;
    gap: 4.8rem;
}
.search-result__item {}


.pt-24 {padding-top: 2.4rem;}
.pt-36 {padding-top: 3.6rem;}
.pt-48 {padding-top: 4.8rem;}

/* Body scroll lock when modal is open */
body:has(dialog[open]) {
  overflow: hidden;
}