.iju-loan-lp-wrap {
  --bg: #eef2df;
  --bg-soft: #f7f8ee;
  --white: #ffffff;
  --text: #444444;
  --heading: #2d9a78;
  --heading-dark: #2d7f6a;
  --accent-orange: #f58c45;
  --accent-pink: #f5a8a8;
  --accent-blue: #4aa6cf;
  --accent-green: #93bf67;
  --shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 10px;
  --container: 1080px;
  --transition: 0.25s ease;
}

html,
body {
  margin: 0;
  padding: 0;
}

.iju-loan-lp-wrap,
.iju-loan-lp-wrap * {
  box-sizing: border-box;
}
.iju-loan-lp-wrap {
  min-width: 320px;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  color: var(--text);
  line-height: 1.7;
}
  
.iju-loan-lp-wrap {
  margin: 0 auto;
  overflow: hidden;
  background-color: #e7f3d0;
}

.iju-loan-lp-wrap img {
      display: block;
      max-width: 100%;
      height: auto;
    }

.iju-loan-lp-wrap a {
      color: inherit;
      text-decoration: none;
      transition: opacity var(--transition);
    }

.iju-loan-lp-wrap a:hover {
      opacity: 0.8;
    }

.iju-loan-lp-wrap ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

.iju-loan-lp-wrap p,
.iju-loan-lp-wrap h1,
.iju-loan-lp-wrap h2,
.iju-loan-lp-wrap h3,
.iju-loan-lp-wrap h4 {
      margin: 0;
    }

    .iju-loan-container {
      width: min(var(--container), calc(100% - 40px));
      margin: 0 auto;
    }

    .iju-loan-areas .iju-loan-container {
  width: min(1280px, calc(100% - 32px));
}

    .iju-loan-section {
      position: relative;
      padding: 88px 0;
      overflow: hidden;
    }

    .iju-loan-section__head {
      text-align: center;
      margin-bottom: 48px;
    }



    .iju-loan-section__title {
      font-size: clamp(2rem, 4vw, 3rem);
      line-height: 1.3;
      color: var(--heading);
      font-weight: 700;
    }

    .iju-loan-section__lead {
      margin-top: 16px;
      font-size: 1.1rem;
      font-weight: 700;
    }

    .iju-loan-section__note {
      margin-top: 12px;
      font-size: 0.9rem;
  }

    .iju-loan-fv {
      position: relative;
      padding: 32px 0 72px;
      overflow: hidden;
    }



    .iju-loan-fv::before {
      width: 180px;
      height: 56px;
      top: 110px;
      left: 4%;
    }

    .iju-loan-fv::after {
      width: 210px;
      height: 64px;
      top: 150px;
      right: 5%;
    }

    .iju-loan-fv__inner {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .iju-loan-fv__title-wrap {
      max-width: 1000px;
      margin: 0 auto;
    }


    .iju-loan-fv__title {
      font-size: clamp(2.8rem, 8vw, 5.6rem);
      line-height: 1.05;
      color: #24abc8;
      font-weight: 800;
      letter-spacing: 0.03em;
    }

    .iju-loan-fv__title small {
      display: block;
      font-size: 0.34em;
      color: #444;
      margin-bottom: 6px;
    }

    .iju-loan-fv__note {
      margin-top: 28px;
      font-size: 1rem;
      text-align: center;
    }

    .iju-loan-bank-bar {
  width: 100%;
  background: #fff;
  padding: 20px 0;
}

.iju-loan-bank-bar__inner {
  width: min(1100px, 90%);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.iju-loan-bank-bar__inner img {
  height: 60px;
  width: auto;
}

    .iju-loan-features__title {
      text-align: center;
      margin-bottom: 32px;
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      color: var(--heading);
    }

    .iju-loan-cards-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
    }

    .iju-loan-card {
      position: relative;
      background: var(--white);
      border-radius: var(--radius-md);
      box-shadow: var(--shadow);
    }

    .iju-loan-feature-card {
      text-align: center;
      min-height: 100%;
      padding: 20px;
    }

    .iju-loan-feature-card__title {
      margin-top: 18px;
      font-size: clamp(1.5rem, 3vw, 2.2rem);
      line-height: 1.3;
      color: #e86f2b;
      font-weight: 700;
    }

    .iju-loan-feature-card__body {
      margin-top: 12px;
      font-size: 1.2rem;
      font-weight: 700;
    }

    .iju-loan-feature-card img {
  margin-bottom: 16px;
}

    .iju-loan-story__body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
      font-weight: 700;
    }

    .iju-loan-story__image {
      min-height: 360px;
      border-radius: var(--radius-lg);
      display: grid;
      place-items: center;
      padding: 24px;
      text-align: center;
    }

    .iju-loan-story__image span {
      display: inline-block;
      padding: 12px 18px;
    }

    .iju-loan-story__text p {
      margin-top: 16px;
      font-size:1.2rem;
    }

    .iju-loan-story-points li {
      background: var(--white);
      border-radius: 999px;
      padding: 10px 18px;
      box-shadow: var(--shadow);
      color: var(--heading-dark);
      font-weight: 700;
    }

    .iju-loan-cost-icons {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 32px;
      max-width: 900px;
      margin: 20px auto 0;
    }

    .iju-loan-cost-icon {
      text-align: center;
    }

    .iju-loan-cost-icon__circle {
      width: min(220px, 100%);
      aspect-ratio: 1;
      margin: 0 auto 14px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.85);
      box-shadow: var(--shadow);
      display: grid;
      place-items: center;
      padding: 20px;
      font-weight: 700;
      color: var(--heading-dark);
    }

    .iju-loan-cost-icon__label {
      font-weight: 700;
    }

    .iju-loan-areas__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 28px;
    }

    .iju-loan-area-card {
      text-align: center;
      border-radius: var(--radius-lg);
      padding: 28px 0px;
    }

    .iju-loan-area-card__map {
      min-height: 160px;
      border-radius: var(--radius-md);
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      padding: 0px;
    }

    .iju-loan-area-card__name {
      margin-bottom: 12px;
      color: #444;
      font-size: 1.8rem;
      font-weight: 700;
    }

    .iju-loan-area-card__desc {
      font-size: 1.1rem;
      font-weight: 700;
      text-align: left;
      min-height: 5.5em;
      padding: 0 10px;
    }

    .iju-loan-area-card__button {
      display: inline-block;
      margin-top: 16px;
      background: var(--white);
      border-radius: 999px;
      padding: 10px 20px;
      box-shadow: var(--shadow);
      font-weight: 700;
    }

.iju-loan-gallery-flow {
  overflow: hidden;
  width: 100%;
  background: #fff;
}

.iju-loan-gallery-flow__track {
  display: flex;
  width: max-content;
  animation: iju-loan-gallery-scroll 30s linear infinite;
}

.iju-loan-gallery-flow__item {
  flex: 0 0 33.3333vw;
  max-width: 520px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.iju-loan-gallery-flow__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes iju-loan-gallery-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.iju-loan-contact {
  background: #f6f6f6;
  padding: 100px 0 40px;
}

.iju-loan-contact-heading {
  position: relative;
  text-align: center;
  margin-bottom: 56px;
}

.iju-loan-contact-heading__title {
  color: #18b27d;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.3;
}

.iju-loan-contact-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin-bottom: 80px;
}

.iju-loan-bank-card {
  border-radius: 10px;
  padding: 24px 28px 22px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    display: flex;
  flex-direction: column;
}

.iju-loan-bank-card__body {
  flex: 1;
}


.iju-loan-bank-card--blue {
  background: #cfe0ed;
}

.iju-loan-bank-card--pink {
  background: #edd8db;
}

.iju-loan-bank-card--green {
  background: #d8e4c4;
}

.iju-loan-bank-card__logo {
  background: #fff;
  padding: 14px 16px;
  text-align: center;
  margin-bottom: 24px;
}

.iju-loan-bank-card__logo img {
  max-height: 54px;
  width: auto;
  margin: 0 auto;
}

.iju-loan-bank-card__label___blue {
  font-size: 0.95rem;
  color:#50a3c6;
  font-weight: 700;
}

.iju-loan-bank-card__label___pink {
  color:#e1807d;
  font-size: 0.95rem;
  font-weight: 700;
}

.iju-loan-bank-card__label___green {
  font-size: 0.95rem;
  font-weight: 700;
  color:#7ab97e;
}


.iju-loan-bank-card__tel___blue {
  font-size: 2rem;
  font-weight: 700;
    color:#50a3c6;
  margin-bottom: 8px;
}

.iju-loan-bank-card__tel___pink {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px;
  color:#e1807d;
}

.iju-loan-bank-card__tel___green {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px;
  color:#7ab97e;
}

.iju-loan-bank-card__time {
  font-size: 0.95rem;
  line-height: 1.7;
  min-height: 92px;
  margin-top: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.iju-loan-bank-card__code {
  font-size: 0.85rem;
  text-align: right;
  margin-bottom: 12px;
  font-weight: 700;
}

.iju-loan-bank-card__button {
  display: block;
  margin-top: auto;
  padding: 14px 16px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.iju-loan-bank-card__button::after {
  content: "▶";
  display: inline-block;
  margin-left: 0.45em;
  font-size: 0.8em;
  vertical-align: 0.02em;
}


.iju-loan-bank-card--blue .iju-loan-bank-card__button {
  background: #4da1d1;
}

.iju-loan-bank-card--pink .iju-loan-bank-card__button {
  background: #de7f7b;
}

.iju-loan-bank-card--green .iju-loan-bank-card__button {
  background: #9ac67e;
}

.iju-loan-contact-footer {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 28px;
  align-items: end;
  font-size: 0.8rem;
  line-height: 1.8;
}

.iju-loan-contact-footer__logo img {
  width: 140px;
}

.iju-loan-pc-only {
  display: inline;
}

    @media (max-width: 1024px) {
      .iju-loan-cards-3,
      .iju-loan-areas__grid,
      .iju-loan-contact-cards {
        gap: 20px;

      }

    }

    @media (max-width: 768px) {
      .iju-loan-section {
        padding: 64px 0;
      }

      .iju-loan-fv {
        padding: 24px 0 56px;
      }



      .iju-loan-bank-logos,
      .iju-loan-cards-3,
      .iju-loan-story__body,
      .iju-loan-cost-icons,
      .iju-loan-areas__grid,
      .iju-loan-contact-cards,
      .iju-loan-gallery__grid {
        grid-template-columns: 1fr;
      }


      .iju-loan-story__image {
        min-height: 240px;
      }

      .iju-loan-area-card__desc {
        min-height: auto;
      }

      .iju-loan-bank-card__text {
        min-height: auto;
      }

  .iju-loan-contact {
    padding: 72px 0 32px;
  }

  .iju-loan-contact-cards {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 48px;
  }

  .iju-loan-contact-footer {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .iju-loan-contact-footer__logo img {
    margin: 0 auto;
  }

  .iju-loan-area-card__title {
    order: 0;
    margin-bottom: 12px;
  }

  .iju-loan-area-card__map {
    order: 1;
  }
  .iju-loan-feature-tabs-body {
    font-size: 1.2rem;
  }

.iju-loan-story__text p{
    font-size: 1rem;
  }
  .iju-loan-section__lead{
    font-size: 1rem;
  }
  .iju-loan-bank-bar__inner {
    flex-direction: row;
    gap: 10px;
  }

  .iju-loan-bank-bar__inner img {
    width: 30%;
    height: auto;
  }

    .iju-loan-cost-icons {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 100%;
  }

    .iju-loan-fv {
    padding: 0 0 40px;
    background-color: #e7f3d0;
  }

  .iju-loan-fv .iju-loan-container {
    width: 100%;
    max-width: none;
  }

  .iju-loan-fv__title {
    width: 100%;
    margin: 0;
  }

  .iju-loan-fv__title picture,
  .iju-loan-fv__title img {
    width: 100%;
    display: block;
  }

  .iju-loan-fv-main img {
    width: 100%;
    display: block;
  }

    .iju-loan-section__lead {
    text-align: left;
  }

    .iju-loan-section__note {
    text-align: left;
  }
    .iju-loan-mid-banner {
    padding: 0 16px;
  }

  .iju-loan-mid-banner img {
    max-width: 90%;
  }

  .iju-loan-fv__title-wrap {
    max-width: none;
    margin: 0;
  }

    .iju-loan-fv {
    padding: 0 0 40px;
  }

  .iju-loan-fv .iju-loan-container {
    width: 100%;
    max-width: none;
  }

  .iju-loan-fv__title-wrap {
    max-width: none;
    margin: 0;
  }

  .iju-loan-fv__title {
    width: 100%;
    margin: 0;
  }

  .iju-loan-fv__title img {
    width: 100%;
    max-width: none;
  }

    }

    @media (max-width: 480px) {

      .iju-loan-container {
        width: min(var(--container), calc(100% - 40px));
      }

      .iju-loan-card,
      .iju-loan-bank-card,
      .iju-loan-area-card {
        padding: 22px 18px;
      }

  .iju-loan-area-card__title {
    order: 0;
    margin-bottom: 12px;
  }

  .iju-loan-area-card__map {
    order: 1;
  }
    }

.iju-loan-lp-wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}
  .iju-loan-area-card__map {
    order: 1;
  }
  .iju-loan-feature-tabs-body {
    font-size: 1.2rem;
  }

.iju-loan-story__text p{
    font-size: 1rem;
  }
  .iju-loan-section__lead{
    font-size: 1rem;
  }


.iju-loan-mid-banner {
  text-align: center;
  margin: 32px 0;
}

.iju-loan-mid-banner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.iju-loan-mid-banner {
  max-width: 800px;
  margin: 32px auto;
}

.iju-loan-mid-banner__lead {
  text-align: center;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--heading);
}

.iju-loan-text-center {
  text-align: center;
}

.iju-loan-text-center img {
  margin-left: auto;
  margin-right: auto;
}

.iju-loan-area-card__popular {
  margin-top: 20px;
  text-align: center;
}

.iju-loan-area-card__popular img {
  width: 180px;
  margin: 0 auto 8px;
}

.iju-loan-area-card__popular p {
  font-weight: 700;
  font-size: 1.2rem;
}