@charset "UTF-8";

/* =====================================================
  WORKS DETAIL
  Shared editorial template
===================================================== */

.icz-works-detail{
  background:var(--icz-bg);
  color:var(--icz-ink);
}

.icz-works-detail__hero{
  padding-top:var(--icz-space-89);
  padding-bottom:var(--icz-space-55);
}

.icz-works-detail__hero .icz-container{
  max-width:var(--icz-container);
}

.icz-works-detail__title{
  margin:0;
  font-family:var(--icz-en);
  font-size:14px;
  line-height:1.55;
  letter-spacing:.07em;
  font-weight:400;
  text-transform:uppercase;
  color:var(--icz-ink);
}

.icz-works-detail__lead{
  margin-top:var(--icz-space-13);
  grid-column:2;
  max-width:40em;
  color:var(--icz-ink-soft);
}

.icz-works-detail__lead p{
  margin:0;
}

.icz-works-detail__visual{
  width:min(100% - (var(--icz-pad-pc) * 2), var(--icz-editorial-width));
  margin:0 auto;
}

.icz-works-detail__visual img{
  display:block;
  width:100%;
  height:auto;
}

.icz-works-detail__body{
  padding-top:var(--icz-space-55);
  padding-bottom:var(--icz-space-89);
}

.icz-works-detail__block{
  padding-top:var(--icz-space-21);
  border-top:1px solid var(--icz-line-soft);
}

.icz-works-detail__content{
  max-width:42em;
  font-family:var(--icz-ja);
  font-size:12px;
  line-height:1.95;
  letter-spacing:.04em;
  color:var(--icz-ink);
}

.icz-works-detail__content > *:first-child{
  margin-top:0;
}

.icz-works-detail__content > *:last-child{
  margin-bottom:0;
}

.icz-works-detail__content p{
  margin:0;
}

.icz-works-detail__content p + p,
.icz-works-detail__content p + ul,
.icz-works-detail__content p + ol,
.icz-works-detail__content ul + p,
.icz-works-detail__content ol + p{
  margin-top:var(--icz-space-21);
}

.icz-works-detail__content h2,
.icz-works-detail__content h3{
  margin:var(--icz-space-55) 0 var(--icz-space-13);
  font-size:12px;
  line-height:1.6;
  letter-spacing:.18em;
  font-weight:400;
  text-transform:uppercase;
  color:var(--icz-ink-soft);
}

.icz-works-detail__content a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid var(--icz-line);
}

.icz-works-detail .icz-links{
  padding-top:var(--icz-space-55);
  padding-bottom:var(--icz-space-55);
}

.icz-works-detail .icz-links .icz-container{
  max-width:var(--icz-container);
}

@media (max-width:768px){

  .icz-works-detail__hero{
    padding-top:var(--icz-space-55);
    padding-bottom:var(--icz-space-34);
  }

  .icz-works-detail__lead{
    margin-top:var(--icz-space-13);
  }

  .icz-works-detail__visual{
    width:calc(100% - (var(--icz-pad-sp) * 2));
  }

  .icz-works-detail__body{
    padding-top:var(--icz-space-34);
    padding-bottom:var(--icz-space-55);
  }

  .icz-works-detail__block .icz-kicker{
    margin-bottom:var(--icz-space-21);
  }

  .icz-works-detail__content{
    max-width:none;
    line-height:1.9;
  }

}


/* =====================================================
  CASE EDITORIAL RHYTHM
  aligned to GINZA AKANE CAREERS
===================================================== */

.icz-works-detail__hero{
  padding-top:var(--icz-space-89);
  padding-bottom:var(--icz-space-34);
}

.icz-works-detail__hero > .icz-container{
  max-width:var(--icz-container);
}

.icz-works-detail__hero .icz-kicker,
.icz-works-detail__block > .icz-kicker{
  margin:0;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.22em;
  font-weight:400;
  color:var(--icz-ink-soft);
}

.icz-works-detail__body{
  padding-top:0;
  padding-bottom:var(--icz-space-89);
}

.icz-works-detail__block{
  display:grid;
  width:100%;
  max-width:none;
  grid-template-columns:var(--icz-editorial-label) minmax(0,1fr);
  column-gap:var(--icz-editorial-gap);
  padding-top:var(--icz-space-21);
  border-top:1px solid var(--icz-line-soft);
}

.icz-works-detail__content{
  max-width:680px;
  font-size:12px;
  line-height:2;
  letter-spacing:.04em;
}

@media (max-width:768px){

  .icz-works-detail__hero{
    padding-top:72px;
    padding-bottom:56px;
  }

  .icz-works-detail__body{
    padding-top:0;
    padding-bottom:var(--icz-space-55);
  }

  .icz-works-detail__block{
    display:block;
    padding-top:var(--icz-space-13);
  }

  .icz-works-detail__block > .icz-kicker{
    margin-bottom:var(--icz-space-21);
  }

  .icz-works-detail__content{
    max-width:none;
    line-height:2;
  }

}