@charset "utf-8";

/* ===== イントロ ===== */
.produce_intro_sec { padding-top: 0; }

/* ===== サービスセクション ===== */
.produce_services_sec { display: flex; flex-direction: column; gap: 32px; }
@media ( min-width: 768px ) {
    .produce_services_sec { gap: 48px; }
}

/* ===== サービスカード共通 ===== */
.produce_service_head { margin-bottom: 16px; }
.produce_service_head h2 { line-height: 1.4; }
.produce_service_text { display: flex; flex-direction: column; gap: 1em; }
@media ( min-width: 768px ) {
    .produce_service_head { margin-bottom: 24px; }
}

/* ===== 分譲事業カード ===== */
.produce_bunjo_inner { display: flex; flex-direction: column; gap: 24px; }
.produce_brand_label { margin-bottom: 4px; }
.produce_brand_logo { display: block; height: 32px; margin: 4px 0 20px; }
.produce_bunjo_img_wrap { position: relative; }
.produce_bunjo_img { display: block; width: 100%; border-radius: 8px; object-fit: cover; aspect-ratio: 3/2; }
.produce_bunjo_deer { display: none; }
@media ( min-width: 768px ) {
    .produce_bunjo_inner { gap: 40px; }
    .produce_bunjo_body { flex: 1; min-width: 0; }
    .produce_brand_logo { height: 40px; margin: 6px 0 30px; }
    .produce_bunjo_img_wrap { flex: 0 0 38%; }
    .produce_bunjo_img { height: auto; border-radius: 12px; }
    .produce_bunjo_deer { display: block; position: absolute; bottom: -24px; right: -24px; width: 100px; z-index: 1; pointer-events: none; }
}
@media ( min-width: 1025px ) {
    .produce_bunjo_inner { flex-direction: row; align-items: flex-end; gap: 60px; }
    .produce_bunjo_img { aspect-ratio: 6/5; }
    .produce_bunjo_deer { right: auto; left: -50%; transform: translateX(100%); }
}

/* ===== 買取再販事業カード ===== */
.produce_purchase_inner { display: flex; flex-direction: column-reverse; gap: 24px; }
.produce_purchase_img { display: block; width: 100%; border-radius: 8px; object-fit: cover; aspect-ratio: 4/3; }
@media ( min-width: 768px ) {
    .produce_purchase_inner { gap: 40px; }
    .produce_purchase_img_wrap { flex: 0 0 38%; }
    .produce_purchase_img { aspect-ratio: 3/4; height: auto; border-radius: 12px; }
    .produce_purchase_body { flex: 1; min-width: 0; }
}
@media ( min-width: 1025px ) {
    .produce_purchase_inner { flex-direction: row; align-items: flex-start; gap: 60px; }

}

/* ===== 販売実績 ===== */
.produce_results_head { margin-bottom: 40px; }
.produce_results_subtitle { margin-top: 8px; }
.produce_results_card { padding: 24px; border-radius: 16px; background: #FFF; }
.produce_results_scroll { max-height: 320px; }
.produce_results_block + .produce_results_block { margin-top: 32px; }
.produce_results_year { margin-bottom: 16px; }
.produce_results_list { display: grid; grid-template-columns: 1fr; column-gap: 24px; row-gap: 0; list-style: none; padding: 0; margin: 0; }
.produce_results_item { display: flex; align-items: baseline; gap: 0.75em; padding: 8px 0; }
.produce_results_tags { display: flex; flex-shrink: 0; gap: 0.4em; }
.produce_results_name { flex: 1; min-width: 0; text-align: left; }
.produce_results_status { flex-shrink: 0; width: 5.4em; padding: 0.1em 0; line-height: 1.7; border-radius: 6px; background: #EFEFEF; color: #2F2F2F; font-weight: bold; font-size: 0.85em; text-align: center; white-space: nowrap; }
.produce_results_status[data-status="販売中"] { background: #CB4524; color: #FFF; }
.produce_results_status[data-status="販売予定"] { background: #4C8B4F; color: #FFF; }
.produce_results_type { flex-shrink: 0; min-width: 5.4em; padding: 0.05em 0.5em; line-height: 1.7; border: 1px solid #2F2F2F; border-radius: 6px; font-size: 0.85em; text-align: center; white-space: nowrap; }
.produce_results_name_link { border-bottom: 1px solid; transition: opacity .2s ease-out; }
.produce_results_name_link:hover { opacity: 0.6; }
.produce_results_divider { border: none; border-top: 1px solid #CB4524; margin: 32px 0; }
@media ( min-width: 768px ) {
    .produce_results_head { margin-bottom: 60px; text-align: center; }
    .produce_results_subtitle { text-align: center; }
    .produce_results_card { padding: 50px 60px; }
    .produce_results_scroll { max-height: 600px; }
    .produce_results_year { font-size: 18px; }
    .produce_results_item { padding: 12px 0; break-inside: avoid; }
}
/* pad縦（〜834px）は1列、pad横（1024px〜）とPCは2列 */
@media ( min-width: 1024px ) {
    .produce_results_list { display: block; columns: 2; column-gap: 40px; }
}