@charset "UTF-8";
/* =====================================================
  IMPROVEMENT
  page only
===================================================== */

.icz-improvement-page{
  background:#fff;
}

/* HERO */
.icz-improvement-hero .icz-hero__title{
  font-family:var(--icz-ja);
  text-transform:none;
  letter-spacing:.04em;
  line-height:1.3;
}

/* INTRO */
.icz-improvement-intro{
  max-width:var(--icz-measure);
  margin-top:24px;
}

/* FRAME */
.icz-domain{
  margin-top:24px;
  border-top:1px solid var(--icz-line);
}

.icz-domain__item{
  display:grid;
  grid-template-columns:minmax(220px, 320px) 1fr;
  gap:24px;
  padding:22px 0 24px;
  border-bottom:1px solid var(--icz-line);
}

.icz-domain__title{
  font-family:var(--icz-en);
  font-size:12px;
  line-height:1.7;
  letter-spacing:.14em;
  color:rgba(0,0,0,.84);
}

.icz-domain__desc{
  font-size:14px;
  line-height:1.95;
  letter-spacing:.04em;
  color:var(--icz-ink-body);
}

/* EXAMPLE */
.icz-improvement-example .icz-process__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:24px;
}

.icz-improvement-example .icz-process__item{
  border-top:1px solid var(--icz-line);
}

.icz-improvement-example .icz-process__inner{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:28px;
  padding:22px 0 24px;
  border-bottom:1px solid var(--icz-line);
}

.icz-process__left{
  padding-top:0;
}

.icz-process__right{
  min-width:0;
}

/* RESULT */
.icz-improvement-result .icz-improvement-intro{
  margin-top:24px;
}

/* INDEX */
.icz-links{
  padding-top:clamp(40px,5vw,56px);
}

/* SP */
@media (max-width:768px){

  .icz-improvement-intro{
    margin-top:20px;
  }

  .icz-domain{
    margin-top:20px;
  }

  .icz-domain__item{
    grid-template-columns:1fr;
    gap:8px;
    padding:20px 0 22px;
  }

  .icz-domain__title{
    font-size:11px;
    line-height:1.7;
    letter-spacing:.12em;
  }

  .icz-domain__desc{
    font-size:14px;
    line-height:1.9;
  }

  .icz-improvement-example .icz-process__grid{
    margin-top:20px;
  }

  .icz-improvement-example .icz-process__inner{
    grid-template-columns:1fr;
    gap:14px;
    padding:20px 0 22px;
  }

  .icz-process__left{
    padding-top:0;
  }

  .icz-improvement-result .icz-improvement-intro{
    margin-top:20px;
  }

  .icz-links{
    padding-top:32px;
  }
}