@charset "UTF-8";
/* 01 search */
.kari01__item {
  display: grid;
  gap:16px; 
 }
.kari01__item .btn { margin-top: 0;margin-left: 0;}

/* 02　guide */
.kari02__list{
  display: grid;
  gap :32px
}
.kari02__item{
  display: flex;
  gap: 24px;
  border-top: 1px solid #ddd;
  align-items: flex-start;
  flex-direction: column;
  padding: 32px 0 0;
}
.kari02__item-head {
  font-size: clamp(1.6rem, 2.0833333vw, 1.8rem);
  line-height: 1.5;
  font-weight: 500;
  padding-left: 64px;
  margin-block:var(--leading-trim);
}

.kari02__item:first-of-type .kari02__item-head { background: url("../img/karitai/02-icon-01.svg") left center/48px no-repeat;}

.kari02__item:nth-of-type(2) .kari02__item-head{ background: url("../img/kaitai/03-icon-02.svg") left center/48px no-repeat;}

.kari02__item:nth-of-type(3) .kari02__item-head{ background: url("../img/kaitai/03-icon-06.svg") left center/48px no-repeat;}
.kari02__item:nth-of-type(4) .kari02__item-head{ background: url("../img/kaitai/03-icon-05.svg") left center/48px no-repeat;}
.kari02__item:nth-of-type(5) .kari02__item-head{ background: url("../img/karitai/02-icon-05.svg") left center/48px no-repeat;}

@media (min-width: 768px){
.kari01__item {
  grid-template-columns: repeat(8, [col-start] 1fr);
  gap:24px;
  }
  .kari01__item dt { grid-column: col-start / 4; line-height: 48px;}
  .kari01__item dd { grid-column: col-start 4 / -1; }
.kari02__list {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 980px){.kari01__item,.kari02__item{ gap:32px;}}