/* 買取査定 --------------- */


p.btn-def { margin-block: unset;}
section .btn-def {
  min-width: 220px;
}

/* topコンテンツ */
.kaitori-top { display: grid; grid-template-columns: 52% 1fr; align-items: stretch; max-width: 1100px; margin-inline: auto;}
.kaitori-top img { width: 100%;}

.kaitori-top .lead .submit { width: 100%; margin-block: unset;}
.kaitori-top .lead .submit input { margin-block: unset; padding-block: .7em; font-size: 1.5em; color: var(--color-wht); font-weight: 700; background-color: var(--color-sub1); border-radius: 0;}
.kaitori-top .lead .list { display: grid; grid-template-columns: repeat(2,1fr); justify-items: center; gap: 1em; width: 95%; margin: 2em auto .3em;}
.kaitori-top .lead .list li { width: max-content; font-size: 1.2em; color: var(--color-sub3); text-align: center; font-weight: 600; position: relative;}
.kaitori-top .lead .list li::before,
.kaitori-top .lead .list li::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: .4em; height: 70%; border-style: solid ;  border-width: 0 2px 0px 2px;}
.kaitori-top .lead .list li::before { left: -.5em; rotate: -25deg;}
.kaitori-top .lead .list li::after { right: -.5em; rotate: 25deg;}

.kaitori-top .form-wrap {margin-inline: .7em; border: 2px solid var(--color-gry1); border-radius: 6px;}
.kaitori-top .ttl { align-items: center; gap: .7em; padding: .7em 1em; font-weight: 700; background-color: var(--color-base); border-radius: 5px 5px 0 0;}
.kaitori-top .ttl .main { font-size: 1.3em; color: var(--color-wht);}
.kaitori-top .ttl .sub { padding-inline: .3em; color: var(--color-sub1); background-color: var(--color-wht); border-radius: 3px;}
.kaitori-top .top-tbl { width: 100%; margin-block: 1em .5em; border-collapse: separate; border-spacing: 15px;}
.kaitori-top .top-tbl :where(th,td) { display: block;}
.kaitori-top .top-tbl th { margin-bottom: .3em; padding-block: .3em; background-color: var(--color-gry1); position: relative;}
.kaitori-top .top-tbl select { width:100%; }
.kaitori-top .submit { width: 95%; margin: 1em auto 1em; position: relative;}
/* .kaitori-top .submit::before { content: ''; position: absolute; top: 50%; left: 2em; transform: translateY(-50%); width: 2.2em; height: 2.2em; background: url(../img/common/ico-search.svg) no-repeat center / contain;} */
.kaitori-top .submit input { width: 100%; margin-inline: unset; font-size: 1.5em; background-color: #18a805;}

.marker { font-size: clamp(17px,3vw,22px);}
.secttl:first-child { margin-top: unset;}


.link-list-wrap { margin: 3em 0;}
.bg-gry + .link-list-wrap { margin-top: 4em;}
.link-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5em;}
.link-list.satei { row-gap: 2em;}
.link-list p { margin-block: unset;}

.link-list .btn-border { width: 100%;}
.link-list .btn { display: block; padding: 1em .7em .7em; font-size: clamp(20px,3vw,24px); color: var(--color-wht); font-weight: 700; text-align: center; border-radius: 10px; position: relative;}
.link-list .btn .sub { position: absolute; top: -1em; left: 50%; transform: translateX(-50%); width: 65%; min-width: fit-content; padding: 0 1.5em .1em; font-size: .65em; color: var(--color-base); background-color: var(--color-wht); border: 2px solid #18a805; border-radius: 2em;}
.link-list .btn .sub::before { content: ''; position: absolute; bottom: -.5em; left: 50%; transform: translateX(-50%); width: 1em; height: .7em; background-color: var(--color-wht); clip-path: polygon(100% 0, 0 0, 50% 100%);}
.link-list .form .btn { display: grid; align-items: center; height: 100%; padding-top: 1em; background-color: #18a805;}
.link-list .tel .btn { padding-bottom: .5em; background-color: var(--color-sub2);}
.link-list .tel .btn .copy { font-size: .9em;}
.link-list .tel .btn .sub { border-color: var(--color-sub2);}
.link-list .tel .btn .num { padding-left: .9em; font-size: 1.5em; line-height: 1; font-family: 'Helvetica','Arial',sans-serif; position: relative;}
.link-list .tel .btn .num::before { content: ''; position: absolute; top: 53%; left: 0; transform: translateY(-50%); width: .8em; height: .9em; background-color: var(--color-wht); mask: url(../img/common/ico-tel-base.svg) no-repeat center / contain;}

.pex-list .item { margin-inline:.5em ; margin-bottom: 1em; box-shadow: var(--shadow1); border-radius: 5px;}
.pex-list .pex-ttl { margin: 0; padding: .5em; font-size: 1.1em; color: #fff; font-weight: bold; text-align: center; line-height: 1.4; background-color: var(--color-base); border-radius: 10px 10px 0 0;}
.pex-list .pex-img { padding: .95em; padding-bottom: unset;}
.pex-list .pex-data { padding: 0 .7em .5em;}
.pex-list .pex-price { align-items: baseline;}
.pex-list .pex-price dt { font-weight: bold;}
.pex-list .pex-price em { font-size: 1.7em; font-family: 'Helvetica','Arial',sans-serif;}
.pex-list .pex-info { display: grid; grid-template-columns: 5em 1fr; gap: .3em; margin-top: .5em; font-size: .95em;}
.pex-list .pex-info dt { color: var(--color-gry4);}
/* スライド設定 */
.slick-track {display: flex;}
.slick-slide {height: auto !important;}
.arrows .prev-arrow { left: -.5em;}
.arrows .next-arrow { right: -.5em;}

.label-list.reason { grid-template-columns: repeat(3,1fr);}
.label-list.reason li { display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: .5em;}
.label-list.reason .ttl { align-self: center; font-size: 1.4em;}


/* 買取に必要なもの */
.drawer.need { width: 80%; margin-inline: auto;}
.drawer.need dt { padding: .5em;}
.drawer.need .ttl { text-align: center;}
.drawer.need dd > .disc { display: grid; grid-template-columns: repeat(2,1fr);}

/* 人気記事 */
.article-list .item a {
  display: grid; grid-template-columns: minmax(auto,260px) 1fr; grid-template-rows: repeat(3,minmax(auto,calc((100% - 1em)/ 3))) ; column-gap: 1.5em; row-gap: .5em;
  grid-template-areas:
  "thumbnail info"
  "thumbnail ttl"
  "thumbnail btn";
  padding: 1em; border: 1px solid var(--color-gry2); border-radius: 10px; box-shadow: var(--shadow2);
}
.article-list .item a:hover .button { text-decoration:none;}
.article-list .item:not(:last-child) { margin-bottom: 1em;}
.article-list .info { grid-area: info; display: flex; align-items: center; gap: 1em;}
.article-list .info .tag-list { display: flex; gap: .4em;}
.article-list .info .tag-list > li { padding-inline: .5em; font-size: .9em; color: #fff; background: var(--color-base); border-radius: 5px;}
.article-list .info .date { line-height: 1;}
.article-list .articlettl { grid-area: ttl; font-size: 1.125em; line-height: 1.5;}
.article-list .img-wrap { grid-area: thumbnail;}
.article-list .img-wrap img { object-fit: cover;}
.article-list .btn-wrap { grid-area: btn; text-align: right;}

.article-list a:hover .btn-def { opacity:.85; }


.quo-card-bnr { margin-top: clamp(24px,3vw,64px); padding-block: 0 2em; border: 8px double var(--color-sub3);}
.quo-card-bnr .wrap { padding-inline: 1em;}
.quo-card-bnr .ttl { padding-block: .2em .35em; font-size: clamp(22px,3vw,34px); color: var(--color-wht); font-weight: 900; background-color: var(--color-sub3);}
.quo-card-bnr .pr { font-size: 1.3em; font-weight: 700;}
.quo-card-bnr .pr em { font-size: clamp(28px,3vw,48px); color: var(--color-sub1);font-weight: 900; line-height: 1.4;}
.quo-card-bnr .pr .num { font-size: 1.5em; font-weight: 700; font-family: Impact,Helvetica,sans-serif; line-height: 1.2;}

/* 査定お問い合わせ */
#contact .quo-card-bnr { margin-bottom: 4em;}