/* -----------------------------
	法人買取ページ
  ----------------------------- */
:root {
	--detail-section-w: 70%;
	--corporate-section-mar: 120px;
	--detail-box-mar: 20px;

	    --link-btn-w: 300px;
    --link-btn-color: #839ba5;
    --link-btn-color-hover: #a9bcc5;
    --link-btn-txt-size: 12pt;
}

@media screen and (max-width: 1024px) {
	:root {
		--detail-section-w: 90%;
		--detail-box-mar: auto;

		        --link-btn-w: 300px;
	}
}

@media screen and (max-width: 900px) {
    :root {
        --link-btn-w: 280px;
        --link-btn-txt-size: 10pt;

    }
}

@media screen and (max-width: 480px) {
	:root {
		--detail-section-w: 100%;
		--corporate-section-mar: 40px;

		        --link-btn-w: 240px;
        --link-btn-txt-size: 8pt;
	}
}



.corporate h2 {
	margin-top: 40px;
}

.corporate-top {
	width: var(--detail-section-w);
	justify-content: center;
	/* 水平方向の中央寄せ */
	align-items: center;
	/* 垂直方向の中央寄せ */
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	height: auto;
}

.corporate-top img {
	width: 70%;
}

.corporate-detail-section {
	width: var(--detail-section-w);
	justify-content: center;
	/* 水平方向の中央寄せ */
	align-items: center;
	/* 垂直方向の中央寄せ */
	margin-left: auto;
	margin-right: auto;
}

.corporate-detail {
	display: var(--res-flex-input);
	margin-top: 40px;
	margin-bottom: 40px;

}


.corporate-detail .corporate-detail-box {
	width: 70%;
	height: auto;
	justify-content: center;
	align-items: center;
	margin-left: var(--detail-box-mar);
	margin-right: var(--detail-box-mar);
	margin-bottom: 40px;

}

.corporate-detail-box>p {
	text-align: left;
	font-size: var(--res-p);
	margin-top: 20px;
}

.corporate-detail .corporate-detail-head {
	height: auto;
	background-color: #839ba5;
}

.corporate-detail-head p {
	color: white;
	font-size: var(--res-h3);
	line-height: 3;

}

.example-group {
	display: var(--res-flex-input);

}

.link-btn {
    display: flex;
    text-align: center;
    justify-content: center;
    /* 水平方向の中央寄せ */
    align-items: center;
    /* 垂直方向の中央寄せ */
    margin-left: auto;
    margin-right: auto;
    width: var(--link-btn-w);

    font-size: var(--link-btn-txt-size);
}

.link-btn div {
    color: white;
    width: 100%;
    height: 50px;
    padding: 10px;
    align-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 20pt;
    background-color: var(--link-btn-color);
}

.link-btn div:hover {
    background-color: var(--link-btn-color-hover);
}

.small-txt {
    font-size: var(--small-txt);
}


/* セクション全体 */
.product-categories {
  width: 70%; /* PCデフォルト */
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
}

.product-categories h2 {
      margin-bottom: 40px;
}

/* 2列グリッド */
.categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 20px;
}

.category {
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 8px;
  font-size: var(--res-p);
  line-height: 1.5;
}

/* タブレット (900px から) */
@media (max-width: 900px) {
  .product-categories {
    width: 80%;
  }
}

/* スマホ (480px から) */
@media (max-width: 480px) {
  .product-categories {
    width: 90%;
  }
}