@charset "utf-8";


/*========== タイトル ==========*/
.h1_en{font-size: 50px;}
@media (min-width:768px){
    .h1_en {font-size: 100px;}
}

/*========== ボタン ==========*/
.contents_achievements{padding-top: 0px;}
.card_title{font-weight: bold;color: #529535;font-size: 20px;margin-bottom: 15px;}
.propaty_links { display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;margin-bottom: 60px;}
.propaty_links a{ width:100%;position:relative;display:flex;align-items:center;border:2px solid #529535;border-radius:5px;padding:15px 0;text-decoration:none;color:inherit;background-color: white;}
.propaty_links a::after{ content:"";position:absolute;right:13px;top:47%;transform:translateY(-50%) rotate(-45deg);width:10px;height:10px;border-left:2px solid #529535;border-bottom:2px solid #529535;transition:transform .2s ease;}
.propaty_links a.is-active{ color:#F1F7EF;background-color:#529535;}
.propaty_links a.is-active::after{ transform:translateY(-50%) rotate(135deg);top: 54%;border-left: 2px solid white;border-bottom: 2px solid white;}
.propaty_links strong{font-size:16px;margin-left: 10px;line-height: 1.5;}
@media (min-width:768px) {
    .card_title{font-size: 24px;}
    .propaty_links {gap: 20px;margin-bottom: 80px;}
    .propaty_links a{width:calc(calc(100% - 40px) / 3);}
    .propaty_links a::after{right:20px;width:12px;height:12px;}
    .propaty_links strong{font-size:18px;line-height: 1.5;margin-left: 20px;}
}
@media (min-width:1200px) {
    .propaty_links a{width:calc(calc(100% - 80px) / 5);}
}
@media (max-width:440px) {
    .propaty_links a{width: calc(calc(100% - 20px) / 2);display: flex;}
}



/*========== エリアで絞り込む ==========*/
.area_filter{width:100%;background:#fff;margin-top:50px;}
.area_filter_title{background:#5aa03d;color:#fff;text-align:center;padding:12px 0;font-weight:bold;letter-spacing:1px;cursor:pointer;position:relative;font-size: 18px;}
.area_toggle_icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;}
.area_block{padding:40px 20px;display:none;gap:40px;align-items:flex-start;flex-direction:column;}
.area_block_one{width: 100%;}
.area_pref{font-weight:bold;white-space:nowrap;font-size:18px;margin-bottom:10px;}
.area_list{display:flex;flex-wrap:wrap;gap:10px 20px;}
.area_list a{color:#333;text-decoration:none;width:calc(calc(100% - 20px)/2);}
.area_list a:hover{text-decoration:underline;}
@media (min-width:550px){
    .area_list a{width:calc(calc(100% - 40px)/3);}
}
@media (min-width:768px){
    .area_list a{width:calc(calc(100% - 60px)/4);}
    .area_block{padding:40px 50px;}
}
@media (min-width:900px){
    .area_list a{width:calc(calc(100% - 80px)/5);}
}
@media (min-width:1100px){
    .area_list a{width:calc(calc(100% - 100px)/6);}
}




/*========== 検索窓 ==========*/
.search_box{text-align: center;margin-top: 80px;}
.keyword-search-wrap { width: 100%; max-width: 600px; margin: 0px auto;margin-top: 40px;}
.keyword-label { display: block; margin-bottom: 8px; }
.keyword-search-box { display: flex; width: 100%; border-radius: 6px; overflow: hidden; }
.keyword-input { flex: 1; padding: 14px 12px; font-size: 16px; border: none; background: #fff; border: 1px solid #707070; border-right: none; border-radius: 6px 0 0 6px; }
.keyword-input::placeholder { color: #bbb; }
.keyword-btn { width: 100px; background: #529535; color: #fff; border: none; font-size: 16px; font-weight: bold; cursor: pointer; border-radius: 0 6px 6px 0; }
.keyword-btn:hover { opacity: 0.9; }
@media (min-width:1025px){
  .keyword-label{text-align: center;margin-bottom: 15px;}
  .keyword-search-wrap{margin-top: 60px;}
}


/*========== 検索内容と絞り込み解除ボタン ==========*/
.search-current { display: flex; align-items: center; justify-content: flex-start;background: #f5f5f5;padding: 10px 30px;border-radius: 10px;margin-bottom: 40px;}
.search_clear_btn { width: 120px; height: 35px; margin: 0 0 0 10px; border-radius: 5px; background: #888; color: #fff; text-align: center; line-height: 35px; display: inline-block; }

/*========== 成約物件一覧の表 ==========*/
.result_table{width:100%;border-collapse:collapse;font-size:14px;color:#333;border:1px solid #ddd;}
.result_table th{background:#f5f5f5;padding:12px;font-weight:600;text-align:left;border-right:1px solid #ddd;}
.result_table th:last-child{border-right:none;}
.result_table td{padding:12px;border-right:1px solid #eee;}
.result_table td:last-child{border-right:none;}
.result_table th,.result_table td{border-bottom:none;}

.table-scroll{width:100%;}
@media screen and (max-width:768px){
.table-scroll{overflow-x:auto;}
.result_table{display:table;white-space:nowrap;}
}



/*========== ページネーション ==========*/
.voice_page_wrap{ margin: 0 0 80px 0; display: flex;flex-direction: row;justify-content: center;gap: 15px;}
.voice_page_wrap.bottom { margin: 80px 0;}
.voice_page_wrap .pagination { display: flex; gap: 20px;}
.voice_page{font-weight: bold;}
@media (min-width:768px) {
}



/*==========  ==========*/

@media (min-width:768px) {
}