@charset "utf-8";

.text_lm{font-size:24px;}
.page_top_text { line-height:1.75em; }
.page_top_text br.sp { display:inline-block; }
.page_top_img{top: 0px;}
@media (min-width:768px){
  .page_top_text br.sp { display:none; }
  .page_top_text br.inline_pc { display:none; }
  .page_top_img{top: 50px;}
}
@media (min-width:1025px){
  .page_top_text br.inline_pc { display:inline-block; } 

}

/*========== ページ内リンクがヘッダーに埋まらないように ==========*/
#AREA,#RECOMMEND,#FEATURE,#CONTENT {scroll-margin-top: 87px;}
@media (min-width:768px){
  #AREA,#RECOMMEND,#FEATURE,#CONTENT {scroll-margin-top: 120px;}
}


/*========== 地図から探す ==========*/
.map_wrap { width: min(90%, 1200px); margin: 0 auto; display:flex; flex-wrap:wrap; align-items:center; padding:20px 0 0 0;}
.map_link { width:100%;}
.map_link .text_lm{font-size:20px;}
.map_link .heading { margin-bottom:0; }
.map_link a { width:100%; border-bottom: 1px solid #529535; letter-spacing:0.08em; font-weight:bold; display:inline-block; padding:30px 0 30px 10px;}
.map_link a dl { display:flex; align-items:center; justify-content: space-between;}
.map_link a dl dd { display:flex; align-items:center;}
.map_link a dl dt { font-size:17px; }
.map_sp { width:100%; display:flex; position:relative; margin:0 0 50px 0; }
.map_sp img { width:100%; margin-left:auto; }
.map_sp .maru_shinchaku { width:100px; height:100px; display:flex;flex-direction: column;justify-content: center; align-items: center;flex-wrap: wrap; background:#FA5118;  border-radius:50%; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); position:absolute; bottom:-20px; right:0; }
.map_sp .maru_shinchaku small.wide { width:100%; display:block; color:#fff; font-weight:bold; text-align:center;}
.map_sp .maru_shinchaku strong { width:100%; font-size:22px; letter-spacing:0.08em; color:#fff; text-align:center; line-height:1.2em; /*margin-top:10px;*/ }
.map_sp .maru_shinchaku strong small { font-size:14px; font-weight:normal; line-height:1.2em;}
.map { display:none; }
@media (min-width:768px){
  .map { display:none; }
  .hyogo1.pc { display:none; }
  .hyogo2.pc { display:none; }
  .shiga1.pc { display:none; }
  .shiga2.pc { display:none; }
  .kyoto1.pc { display:none; }
  .kyoto2.pc { display:none; }
  .nara.pc { display:none; }
  .map_sp .maru_shinchaku { width:160px; height:160px; }
  
}
@media (min-width:1025px){
  .hyogo1.pc { display:block; }
  .hyogo2.pc { display:block; }
  .shiga1.pc { display:block; }
  .shiga2.pc { display:block; }
  .kyoto1.pc { display:block; }
  .kyoto2.pc { display:block; }
  .nara.pc { display:block; }
}

.map_link .pad { display:none; }
@media (min-width:768px){
  .map_sp { display:none; }
  .map_wrap { /*justify-content: space-between; */padding:80px 0; }
  .map_link { width:34%; margin-right:5%; }
  .map_link .text_lm{font-size:24px;}
  .map { width:60%; position:relative; display:block; }
  .map_link a { width:100%; height:100%; padding:32px 0 32px 10px; display:block; position:relative; z-index:10; }
  .map_link .pad { display:inline-block; }
  .map_link a dl dt { font-size:18px; }
  .map .maru_shinchaku { width:160px; height:160px; display:flex;flex-direction: column;justify-content: center; align-items: center;flex-wrap: wrap; background:#FA5118;  border-radius:50%; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); position:absolute; bottom:-100px; right:0; }
  .map .maru_shinchaku strong { width:100%;display:block; font-size:40px; line-height:1em; letter-spacing:0.08em; color:#fff; text-align:center; }
  .map .maru_shinchaku .wide { width:100%; display:block; font-size:23px; font-weight:bold; letter-spacing:0.08em; color:#fff; text-align:center; margin-top:20px;  }
  .map .maru_shinchaku strong small { font-size:23px; line-height:52px;font-weight:bold; color:#fff; }
  
}
.map_link .pad { display:none; }

@media (min-width:1025px){
  .map { width:50%; }
  .map .maru_shinchaku { width:210px; height:210px;   bottom:0; right:-15%; }
  .map .maru_shinchaku strong { font-size:52px; }
  .map_link a dl dt { font-size:24px; }
  .map_link .text_lm{font-size:32px;}
}

@media (min-width:1401px){
  .shiga2.pc { display:block; position:absolute; top:180px; right:-50px; }
  .map_link { margin-right:10%; }


  
}

#imgmap {width: 100%;height: auto;display: block;}





/*========== 希望の条件から探す ==========*/
.card_link_column { width: calc(calc(100% - 16px) / 2); }
.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: #4CAF50; color: #fff; border: none; font-size: 16px; font-weight: bold; cursor: pointer; border-radius: 0 6px 6px 0; }
.keyword-btn:hover { opacity: 0.9; }
/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
    .card_link_column { width: calc(calc(100% - 60px) / 3); }
    .card_link_column .card_link_title .inline_sp { display:inline-block; }
}
@media (min-width:1025px){
  .card_link_column { width: calc(calc(100% - 90px) / 4); }
  .keyword-label{text-align: center;margin-bottom: 15px;}
  .keyword-search-wrap{margin-top: 60px;}
  .card_link_column .card_link_title .inline_sp { display:none; }
}



/*========== おすすめ物件特集 ==========*/
.card_link_row {width: 100%;}
.card_link_wrap input[type=radio] {display: none;}
    .card_link_text_wrap{display: flex;flex-direction: column;}
@media (min-width:768px) {
}
@media (min-width:1024px) {
    .card_link_row {flex-direction: row;}
    .card_link_row {width: calc(calc(100% - 60px) / 3);flex-direction: column;}

    .feature_links label.feature_link_label {width: calc(calc(100% - 30px) / 4);}
}

.card_link_text_area .symbol.down { transform: rotate(90deg);}
.card_link.card_link_row:hover .symbol { transform: rotate(-40deg); }


/*========== ポップアップ部分 ==========*/
.modal-content{background: white;z-index: 100;position: fixed;top: 0;top: 5vh;width: 90vw;left: 5vw;}
.pref-group .text_lm{width: 80vw;margin: 0 auto;font-size: 24px;border-bottom: 1px solid;padding-bottom: 5px;margin-bottom: 25px;}
.pref-name{width: 80vw;margin: 0 auto;font-size: 20px;font-weight: bold;margin-bottom: 5px;color: #529535;}
.city-wrap{margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;}
.city-name{width: 100%;padding: 18px 5%;font-size: 17px;display: flex;align-items: center;gap: 20px;border-top: 1px solid #CECECE;padding: 0 0 0 5%;margin-right: 0!important;background-color: rgb(242, 241, 241);}
.city-name:last-child{border-bottom: 1px solid #CECECE;}
.pref-group{margin-bottom: 30px;}
.close{width: 85vw;margin: 0 auto;margin-top: 2vw;text-align: right;font-size: 42px;margin-bottom: 15px;}
.output_count_wrap{display: flex;flex-direction: row;justify-content: center;gap: 10px;padding: 4vw 20px;background-color: #F1F7EF;}
.output_count{font-size: 14px;font-weight: bold;display: flex;align-items: center;gap: 5px;line-height: 1.3;}
.modal-content strong{font-weight: bold;font-size: 32px;color: #529535;}
.button_arrow{display: none;}
/* ポップアップ */
.modal-content {height: 80vh;display: flex;flex-direction: column;}
#cityList {overflow-y: auto;max-height: 75vh;}
#cityList::-webkit-scrollbar {width: 6px;}
#cityList::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}

.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);display: none;justify-content: center;align-items: center;z-index:1001;}
.output_count_wrap .button_normal{width: 150px;}
.popup_title{width: 80vw;margin: 0 auto;margin-bottom: 30px;font-weight: bold;font-size: 21px;border-bottom: 1px solid;padding-bottom: 10px;color: #529535;}
.city-name .name_padding{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 93%;}
.city-name .zero-link-disabled{font-size: 17px;padding-top: 20px;padding-bottom: 20px;background-color: white;padding-left: 5%;width: 87%;}

@media (min-width:768px) {
    .city-name{width: calc(calc(100% - 24px) / 3);padding: 5px 0;gap: 7px;border-top: none;background-color: initial;}
    .city-name:last-child{border-bottom: none;}
    .city-wrap{width: 80vw;column-gap: 12px;}
    .close{margin-bottom: 0px;}
    .button_arrow{display:block;}
    .modal-content {height: 90vh;}
    .modal-content strong{font-size: 48px;}
    .output_count_wrap{padding: 1vw 0;gap: 30px;}
    .output_count{font-size: 16px;}
    .output_count_wrap .button_normal{width: 280px;}
    .popup_title{font-size: 28px;padding-bottom: 20px;}
    .city-name .name_padding{padding-left: 0%;padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .city-name .zero-link-disabled{padding-left: 0%;padding-top: 10px;padding-bottom: 10px;;}
}

@media (min-width:1100px) {
        .city-name{width: calc((100% - 36px)/ 4 );border: none;padding: 0;background-color: none;}
}
@media (min-width:1300px) {
        .city-name{width: calc((100% - 48px)/ 5 );border: none;padding: 0;background-color: none;}
}




/*========== 特徴から探す ==========*/
.features{margin-bottom: 50px;}
.features:last-child{margin-bottom: 0px;}
.feature_links input[type="radio"] {display: none;}
.feature_links{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.feature_links label.feature_link_label {display: flex;align-items: center;justify-content: space-between;gap: 6px;cursor: pointer;width: 50%;padding:15px 20px;border-bottom: 1px solid #CECECE;}
.feature_links label.feature_link_label:nth-child(-n+2){border-top: 1px solid #CECECE;}
.feature_titles{display: flex;flex-direction: row;align-items: center;gap: 15px;margin-bottom: 15px;margin-left: 15px;}
.feature1{width: 35px;}
.feature2{width: 40px;}
.feature3{width: 65px;}
.feature_title_img img{width: 100%;}
.feature_title_text{font-weight: bold;color: #529535;font-size: 18px;}
/*サイズの小さな矢印*/
.features .symbol { width: 16px; aspect-ratio: 1 / 1; padding:4px; background: #529535; border: 1px solid #529535; border-radius: 50%; transition: all 1s cubic-bezier(.23,1,.32,1); margin-left:5px; }

@media (min-width: 768px) {
  .features{border-bottom: 1px solid #CECECE;padding: 20px 0;margin-bottom: 0;}
  .feature_titles{display: flex;flex-direction: column;align-items: center;}
  .feature_links a{display: flex;align-items: center;gap: 6px;}
  .feature_links label.feature_link_label {width: calc(calc(100% - 30px) / 3);border-bottom: none;gap: 0px; justify-content: initial;}
  .feature_links label.feature_link_label:nth-child(-n+2){border: none;}
  .feature_links label.feature_link_label:hover{opacity:0.7; }
  .feature_links label.feature_link_label:hover .symbol { transform: rotate(-40deg); }
  .feature_titles{margin: 0 3vw;}
  .feature_title_img{width: 110px;}
  .features{display: flex;flex-direction: row;justify-content: space-between;}
  .feature_links{width: 1100px;justify-content: initial;}
  /*サイズの小さな矢印*/
  .features .symbol { width: 16px; aspect-ratio: 1 / 1; padding:4px; background: #529535; border: 1px solid #529535; border-radius: 50%; transition: all 1s cubic-bezier(.23,1,.32,1); }
}

@media (min-width:1024px) {
    .feature_links label.feature_link_label {width: calc(calc(100% - 30px) / 4);}
}


/*========== 問い合わせ ==========*/
@media (max-width:767px) {
  .contact_main { justify-content: center;}
  a.button_contact_sp { width:50vw; }
}



/*========== 収益物件一覧 ==========*/
@media (min-width: 1024px) {
  .card_link_wrap_profit{width: 800px;margin: 0 auto;}
}



/*========== お役立ち情報 ==========*/
.hint_title{color: #529535;font-weight: bold;margin-bottom: 30px;}
.hint_title_e{font-size: 64px;line-height: initial;}
.card_link_row_text {width: 100%;}
.card_link_track{display: none;}
.symbol.symbol_arrow.inline_pad { display: none; }
@media (min-width: 768px){
    .hint_wrap{display: flex;flex-direction: row-reverse;justify-content: space-between;}
    .hint_title {display: flex;gap: 10px;flex-direction: row-reverse;}
    .hint_title_j {writing-mode: vertical-rl;text-orientation: upright;white-space: nowrap;font-size: 24px;}
    .hint_title_e {writing-mode: vertical-rl;text-orientation: sideways;white-space: nowrap;letter-spacing: 0.1em;font-size: 100px;line-height: 70px;}
    .hint_card_link_wrap{width: 70vw;}
    .card_link_row_text {width: 100%;}
    .card_link.card_link_row { padding:24px; flex-direction: row;}
    .symbol.symbol_arrow.inline_pad { display: inline; }
   
}
@media (min-width:1025px) {
    .hint_title_e {font-size: min(6vw,100px);}
    .hint_card_link_wrap{width: 1000px;}
    .card_link_row_text {width: calc(calc(100% - 30px) / 2);}
    .card_link_row_text:last-child {width: 100%; margin: 0 auto;}
    .card_link_text_area{position: relative;}
    .card_link_track {width: 150px;display: block;} 
    .card_link_track img{width: 100%;}
    .symbol.symbol_arrow.inline_pad { display: none; }
}

 .inline_pad { display:none; }
@media (min-width:1110px) and (max-width:1281px) {
  .inline_pad { display:inline-block; }
}
@media (min-width:1282px){
   .inline_pad { display:none; }

}


    

/*========== 物件種別から探す ==========*/
/* アコーディオン */
.prefecture-title { font-size: 16px;font-weight: bold;cursor: pointer; display: flex; justify-content: space-between; align-items: center;padding: 17px 20px; background-color: #f0f0f0; margin: 0; margin-bottom: 10px;}
.prefecture-title:hover { background-color: #e0e0e0; }
.toggle-icon {font-weight: bold;font-size: 1.2em;display: inline-block;width: 1.4em;       text-align: center; margin-left: 10px;}

.city-list {margin-bottom: 12px; }
.city-links a {font-size: 13px;display: block; margin: 4px 0; color: #333; text-decoration: none;}
.city-links a:hover { text-decoration: underline; }
.city-links { border-bottom:1px solid #CECECE; }
@media (min-width:768px) {
    .city-links{display: flex;flex-direction: row;gap: 12px;letter-spacing: 0px; border-bottom:0; }
    .city-links a{width: calc((100% - 48px)/ 5 );}
    .city-list {margin-bottom: 50px;}
}



/* 0件の見た目 */
.is-zero,
.is-disabled,
.town-disabled,
.school-disabled,
.station-disabled {
  opacity: 0.45;
}

/* クリック・hover を無効化（label/div/a まとめて） */
.is-zero,
.is-disabled,
.town-disabled,
.school-disabled,
.station-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* input を確実に無効に（念のため） */
.is-zero input,
.is-disabled input,
.town-disabled input,
.station-disabled input {
  pointer-events: none;
}