@charset "UTF-8";

[class$="-merit"]{display: grid; gap:32px;}

/* 01 search */
.btn-kaitai { 
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  line-height: 40px;
  border-radius:48px;
  font-size: .9375em;
  font-weight: 500;
}

.icon-kyoju a:before,
.icon-land a:before ,
.icon-store a:before,
.icon-office a:before,
.icon-other a:before{ 
  content:'';
  display: inline-block;
  width : 1em;
  height: 1em;
  margin-right: 8px; 
}
.icon-kyoju a:before {background: url("../img/kaitai/01-icon-kyojyu.svg") left center /contain no-repeat;}
.icon-land a:before {background: url("../img/kaitai/01-icon-land.svg") left center /contain no-repeat;}
.icon-store a:before {background: url("../img/kaitai/01-icon-store.svg") left center /contain no-repeat;}
.icon-office a:before {background: url("../img/kaitai/01-icon-office.svg") left center /contain no-repeat;}
.icon-other a:before {background: url("../img/kaitai/01-icon-other.svg") left center /contain no-repeat;}

.btn-kaitai a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #cae7dd;

  border-radius:48px;
  padding-left: 16px;
}
.btn-kaitai a:hover{background: #cae7dd;}
.btn-kaitai-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  grid-template-rows: repeat(2, 1fr); 
  gap:16px; 
 }
/* 02 shikin */
.kai02__item:first-of-type {border-top: 1px solid #ddd;}
.kai02__item {
  padding: 32px 0;
  border-bottom: 1px solid #ddd;
  margin-block: var(--leading-trim);
}
.kai02__item-head {
  display: block;
  font-size: clamp(1.6rem, 2.0833333vw, 1.8rem);
  font-weight: 500;
  margin-block:var(--leading-trim);
}
.kai02__item-head:before {
  content:'▲';
  display: inline-block;
  color: var(--j-color);
  font-size: 85%;
  transform: rotate(90deg);
  margin: 0 16px 0 0;
}
.kai02__item-detail {
  margin-top: 16px;
}

/* 03　guide */
.kai03__list{
  display: grid;
  gap :32px
}

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

.kai03__item:first-of-type .kai03__item-head { background: url("../img/kaitai/03-icon-01.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(2) .kai03__item-head{ background: url("../img/kaitai/03-icon-02.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(3) .kai03__item-head{ background: url("../img/kaitai/03-icon-03.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(4) .kai03__item-head{ background: url("../img/kaitai/03-icon-04.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(5) .kai03__item-head{ background: url("../img/kaitai/03-icon-05.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(6) .kai03__item-head{ background: url("../img/kaitai/03-icon-06.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(7) .kai03__item-head{ background: url("../img/kaitai/03-icon-07.svg") left center/48px no-repeat;}
.kai03__item:nth-of-type(8) .kai03__item-head{ background: url("../img/kaitai/03-icon-08.svg") left center/48px no-repeat;}

.kai04__list-merit .card { padding-top: 0 ; margin-top: 16px;}
.kai04__list-merit .card-hl { margin-top: 2px;}
@media (min-width: 768px){
.btn-kaitai{height: 48px;line-height: 46px;}
.kai02__list { grid-template-columns: repeat(2, 1fr);}
  .kai02__item { display: flex; align-items: center;}
  .kai02__item dt { flex: 4;}
  .kai02__item dt:before { margin: 0 24px 0 16px;}
  .kai02__item dd { flex: 6; margin-top: 0;}
.kai03__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.kai04__list-merit {
  grid-template-columns: repeat(2, 1fr);
  gap :24px;
  }
  .kai04__list-merit .card { padding: 0 32px 32px;}
}
@media (min-width: 980px) {.kai04__list-merit{gap :32px;}}