@charset 'utf-8';


.title_wrap .title h1::before {background-image:none;}
.title_wrap .title h1.ichiran { margin-bottom:24px; }
@media screen and (min-width: 768px) {
    .title_wrap .title h1.ichiran { margin-bottom:38px; letter-spacing:0.1em; }
}

.box_contents.list {  width: 90%; margin: 40px auto 0 auto; text-align: center;}
@media screen and (max-width: 768px) {
    .box_contents.list {  width: 90%; margin: 40px auto 48px auto; text-align: center;}
    .box_contents .inner { width:100%; margin:0; }
}

.kensakutop { width:100%; display:flex; /*flex-wrap:wrap; */flex-direction: column-reverse;}
.kensakutop li { width:100%; }
.kensakutop li:first-child { width:100%; }
.kensakutop li:first-child show-more-btn { float:left; display:inline-block; }
.kensakutop li:first-child p { font-weight:400; text-align:left; text-align:justify; margin-bottom:0; }
.kensakutop li:nth-child(2) img { width:100%; }
@media screen and (min-width: 768px) {
    .kensakutop { justify-content:space-between; flex-direction:initial; margin-bottom:40px; }
    .kensakutop li:first-child { width:60%; text-align:left; }
    .kensakutop li:first-child show-more-btn { display:none; color:#5C9062; }
    .kensakutop li:first-child p { width:100%; }
    .kensakutop li:nth-child(2) { width:35%; }
    .kensakutop li:nth-child(2) img { width:100%; }
}

.kensakulink { width:90%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:0 auto; }
.kensakulink .link_wrap { width:100%; }
.kensakulink .link_wrap { float:none; }
.kensakulink a { font-size: 14px; text-align: center; line-height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #5C9062; border-radius: 5px; background: #fff; color: #5C9062; }
@media screen and (min-width: 768px) {
    .box_contents .link_wrap { width:24%; }
    .kensakulink  { width:100%; margin:0 auto; gap:12px; }
    .kensakulink a { width:100%; height:100%; text-align:center; display:inline-block; font-family: 'GenJyuuGothic-Bold'; font-style: normal; position:relative; }
    .kensakulink a::before {content: url('/img/arrow_right.svg'); margin-right: 8px; vertical-align: middle; position:absolute;right:10px; top:4px; transition:0.3s; }
    .kensakulink a:hover::before { right:6px; }
    .kensakulink a:hover {  background:#E5EDE6;}
}


.kensakulink_other { width:90%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:35px auto 0 auto; }
.kensakulink_other .link_wrap { width:100%; float:none; margin-top:0; margin-bottom:20px; }
.kensakulink_other a { line-height:40px;font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #5C9062; border-radius: 5px; background: #fff; color: #5C9062; position:relative; font-weight:normal; }
.kensakulink_other a em { width:auto;font-weight:normal; font-style:normal; position:relative; display:inline-block; line-height:40px; }
.kensakulink_other a em::before {content: url('/img/arrow_right.svg'); vertical-align: middle; position:absolute;right:-21px; top:1.5px; transition: right 0.3s ease; }
.kensakulink_other a:hover em::before {right: -25px; }
@media screen and (min-width: 768px) {
    .box_contents .link_wrap { width:24%; margin-bottom:0; }
    .kensakulink_other  { width:100%; margin:0 auto 60px auto; gap:12px; }
    .kensakulink_other a { width:100%; height:100%;  font-size:16px; text-align:center; /*display:inline-block;*/ font-family: 'GenJyuuGothic-Bold'; font-style: normal; }
    .kensakulink_other a:hover::before { right:-4px; }
    .kensakulink_other a:hover {  background:#E5EDE6;}
    .kensakulink_other .link_wrap { margin-top:0; }
}

/*駅の一覧の時*/
.kensakutop li:first-child .station_info_wrap { width:100%; border-top:1px solid #DBDBDB; }
.station_info { width:100%; display:flex; border-bottom:1px solid #DBDBDB; padding:13px 0;}
.station_info dt { width:30%; text-align:left; }
.station_info dd { width:70%; }
@media screen and (min-width: 768px) {
    /*.kensakutop li:first-child .station_info_wrap { margin-top:20px; }
    .kensakutop li:first-child::before {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 145%;
        height: 3px;
        background: linear-gradient(to right, #5C9062 40%, #E2E2E2 30%);
      }*/
}


/*h2タイトル下の線*/
.center_ichiran_wrap { width:100%; text-align:center; display:block; }
.box_contents .inner h2.ichiran { width:90%; display:inline-block; margin:0 auto 60px auto;  position:relative; }
.box_contents .inner h2.ichiran::before {content: '';position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);width:100%;height: 3px;background: linear-gradient(to right, #5C9062 40%, #E2E2E2 30%);}

.box_contents .inner h2.center.ichiran span::before { content:none; }
span.title_underline { content:none; }
@media screen and (min-width: 840px) {
    .box_contents .inner h2.ichiran { width:auto; }
    .box_contents .inner h2.ichiran::before { padding:0 35px;}
}


.box_contents .inner h2.ichiran span { letter-spacing:0.1em;}
.ESTATE_SELECT{width:100%; margin: 0 auto 37px auto; padding:0 0 22px 0;  display: flex; flex-wrap:wrap; flex-direction: row;justify-content: space-between;align-items: center; border-bottom:1px solid #727171;}
.ESTATE_SELECT div:nth-child(1) { margin-bottom:10px; }
.ESTATE_SELECT_NM{ margin:0 5px; font-size: 30px; font-weight:600; }
.ESTATE_SELECT_NOW { margin-left:5px; }
@media screen and (min-width: 840px) {
    .box_contents .inner h2.ichiran { margin:0 auto 80px auto; }
    .ESTATE_SELECT{ padding:0 0 18px 0; margin-bottom:0; }
    .ESTATE_SELECT_NM{ font-size:42px; }
    .ESTATE_SELECT div:nth-child(1) { margin-bottom:0; }
}
.searchList__sort select{ border: 1px solid #5B8D61; padding: 0 14px; text-align:left; }
.searchList__sort {position: relative; z-index:1; }

@media screen and (min-width:320px) {
    .searchList__sort select {
        width: 145px;
        height: 40px;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 5px;
        background: #fff;
        padding: 0 16px;
        color: #5B8D61;
        font-size: 14px;
        box-sizing: border-box; /* paddingを含めてサイズ調整 */
        cursor: pointer;
      }
}
.searchList__sort select::-ms-expand {display: none; }

.searchList__sort {position: relative; z-index:1; }
.searchList__sort::after {content: ""; display:block; width:16px; height:16px; background-image:url('/img/arrow_down_green.svg'); background-size:cover; position:absolute; right:10px; top:12px; pointer-events: auto; z-index:2; pointer-events: none; }




@media screen and (min-width: 840px) {
.searchList__sort select{width:160px; font-size:16px; }
}



.joken { width:100%;  }
.joken_midashi { width:100%; font-size:18px; text-align:center; font-family: 'GenJyuuGothic-Bold'; font-style: normal; margin-top:100px; }
@media screen and (min-width: 768px) {
    .joken_midashi  { margin:150px auto 50px auto; }
}

.title_wrap .title h1::before { display:none;}

.selectBox{ width:70%; position:relative; font-size: 14px;}
.selectBox select{ width:100%; height:46px; padding:5px 5%; position:relative; background:#fff;  border:1px solid #707070; border-radius:3px; box-sizing: border-box;}
.selectBox::after {content:""; background-image: url("/img/arrow_down_green.svg"); position:absolute; right:5%; bottom:15px; z-index:1; width:16px; height:16px; pointer-events:none; }
@media screen and (min-width: 768px) {
    .selectBox { width:100%; margin:0;position: relative;}
    .selectBox select {-webkit-appearance: none;appearance: none;border-radius:3px; font-size:15px; }
    .selectBox select::-ms-expand {display: none; }
}

.jokenChange { margin:30px 0 10px 0; padding:0 20px 0 0; display:flex; align-items:end; justify-content:right; position:relative; cursor:pointer; color:#fff; line-height:1.2; }
.jokenChange::before { content:""; width:16px; height:16px; margin:2px 0 0 0; background:#fff; border-radius:50%; position:absolute; top:0; right:0; }
.jokenChange::after { content:""; margin:8px -2px 0 0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4.5px solid #707070; position:absolute; right:6px; top:0; z-index:1; width:0; pointer-events:none; transition:0.3s; }
.jokenChange.joken__open::after { bottom:14px; transform:rotate(180deg); transition:0.3s; }
@media screen and (min-width: 768px) {
    .jokenChange { margin:30px 0 0 0; display:none; }
    .jokenChange:hover { text-decoration:underline; }
    .jokenChange::before { margin:2px 0 0 0; }
    .jokenChange::after { margin:8px -2px 0 0; }
    }

.jokenOpen { height:0; display:flex; flex-wrap:wrap; justify-content:initial; transform:scale(1,0); transform-origin:top; transition:0.3s; }
.jokenOpen.jokenOpen__open { height:auto; border-top:1px solid #fff; transform:scale(1,1); transition:0.3s; }

.jokenItem{ width:100%; margin:0; }
.jokenItemTitle{ margin:0 auto; width:100%; padding:20px 0 0 0; pointer-events: none; text-align:left; font-family: 'GenJyuuGothic-Bold'; font-style: normal;}
.jokenItemContent { width:100%; padding:5px 0 10px 0; flex-direction:row; justify-content:space-between; display: flex;flex-wrap: wrap;background: none; margin:0 auto; }
.jokenItemContent div{width: 48%; padding:0; }
.jokenItemContent div label{ margin-right:0; display:flex; gap:5px; align-items:center; }
.jokenItemContent div.selectBox { position:relative; background:#fff; }
@media screen and (min-width: 768px) {
    .jokenOpen{ width:832px; margin:0 auto; display:flex; height:auto; flex-direction:row; justify-content:space-between; gap:12px; transform:scale(1,1); border-top:1px solid #fff; }
    .jokenItem{ width:48%; margin: 0; }
    .jokenItemTitle { transition:0.3s; }
    .jokenItemContent { display:flex; }
    .jokenItemContent div{width:48%; margin:0 0 10px 0; padding:0; }
}


/*絞り込みページの件数表示*/
.jokenDetail { width:100%; padding:20px 0 20px 0; display:flex; flex-direction:column; justify-content:center; align-items:center; position:fixed; bottom:0; left:0; z-index:10; background:#FFF; /*border-top:1px solid #5C9062;*/background:rgba(0, 0, 0, 0.5); color:#fff; }
.jokenDetail .jokenDetailNumber { margin-bottom:10px; }

#output_f { margin:0 5px; color:#fff; font-weight:bold; font-size:30px; font-family: "Roboto", sans-serif; }
.jokenDetailBotton { width:90%; height:50px; margin:10px 0 0 0; background:#515151; color:#fff; text-align:center; }
.jokenDetailBotton i { margin-right:5px; }
@media screen and (min-width: 768px) {
    .jokenDetail .jokenDetailNumber { margin-bottom:initial; }
    .jokenDetail { width:100%; flex-direction:row; align-items:center; margin:0 auto; justify-content: center; gap:10px; padding:20px 0; }
    .jokenDetail .button_search.exec_search span { line-height:56px;  }
    .jokenDetailBotton { width:240px; margin:0 0 0 30px; transition:0.3s; }
    .jokenDetailBotton:hover { opacity:0.7; transition:0.3s; }
    .count { font-size:37px; font-family: "Roboto", sans-serif; font-weight:bold; font-style:normal; }
}

@media screen and (max-width: 768px) {
    .jokenDetail .button_search { width:90%; margin:0 auto; }
}


.jokenDetail_wrap {width: 95%;max-width: 1080px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;font-size: 20px;}




@media screen and ( min-width: 768px ) {
ul.jokenDetail_wrap {
	display: flex;
	justify-content: center; /* 中央寄せ */
	Gap:10px;               /* li同士の間の余白（お好みで調整） */
	max-width: 1080px;
	height:56px; 
	margin: 0 auto;
	padding: 0;
	Flex-wrap: wrap;         /* 改行が必要なときの対応（必要なら） */
  }
  
  ul.jokenDetail_wrap li {
	flex-shrink: 0;          /* 幅を縮めないように */
  }
  
  ul.jokenDetail_wrap li:first-child { width:auto; }
  ul.jokenDetail_wrap li:nth-child(n+2) {
	Width: 300px;            /* 2番目以降は固定幅 */
  }
}



@media screen and (max-width: 768px) {
	ul.jokenDetail_wrap { width:90%; display: flex;flex-wrap: wrap;gap: 4%; margin:0 auto; }
	ul.jokenDetail_wrap li:nth-child(1) .kensu { width:100%; display:inline-block; text-align:center; }
  
	/* liが2個のとき */
	ul.jokenDetail_wrap li:nth-child(1) { /*margin-bottom:10px;*/ }
	ul.jokenDetail_wrap li:nth-child(1):nth-last-child(2){width: 100%; margin-bottom:18px; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(1) {width: 100%; margin-bottom:0; }
    ul.jokenDetail_wrap li:nth-child(2):nth-last-child(1) .button_search { width:100%; }
	ul.jokenDetail_wrap li:nth-child(2) { margin-bottom:18px; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(1) .button_search.exec_search { height:56px; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(1) .button_search.exec_search span {font-size: 20px;line-height: 56px;}
  
	/* liが3個のとき */
	ul.jokenDetail_wrap li:nth-child(1):nth-last-child(3) {width: 100%; margin-bottom:18px; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(2)	{ width: 48%; margin-bottom:0; }
    ul.jokenDetail_wrap li:nth-child(2):nth-last-child(2) .button_search { width:100%; }
	ul.jokenDetail_wrap li:nth-child(3):nth-last-child(1) { width: 48%; margin-bottom:0; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(2) .button_search.exec_search { height:46px; }
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(2) .button_search.exec_search span {font-size: 16px;line-height: 46px;}
  
	/* liが4個のとき */
	ul.jokenDetail_wrap li:nth-child(1):nth-last-child(4),
	ul.jokenDetail_wrap li:nth-child(2):nth-last-child(3) {width: 100%; margin-bottom:18px; }
	ul.jokenDetail_wrap li:nth-child(3):nth-last-child(2),
	ul.jokenDetail_wrap li:nth-child(4):nth-last-child(1) {width: 48%;}
	.button_search { width:100%; }


  }
  





/*絞り込み　件数部分*/
.jokenDetail_wrap .kensu {width: 100%; font-size: 16px; line-height: 1.2;display: inline-block;text-align: center;/*margin-bottom: 10px;*/}
.jokenDetail_wrap .kensu strong {font-size: 24px;}
.jokenDetail_wrap .kensu strong .ajax_counter {font-size: 30px;margin-left: 5px;margin-right: 2px;/*etter-spacing: 0.04em;*/font-family: "Roboto", sans-serif;font-weight: bold;}
@media only screen and (min-width: 768px) {
    .jokenDetail_wrap li:nth-child(3) .button_white span {line-height: 54px;}
    .jokenDetail_wrap .kensu {width: auto;line-height: 56px;margin-bottom: 0;}
    .jokenDetail_wrap .kensu strong {font-size: 42px;}
    .jokenDetail_wrap .kensu strong .ajax_counter {font-size: 36px;}

}



/*お問い合わせ*/
.a_button_daen::before { display:none; }
.formText { margin:0 0 50px 0;}
.contents_in h2 { font-weight:bold; margin-bottom:20px; font-size:16px; }

.joken { width:100%; margin:0; padding-bottom:50px; display:flex; justify-content: space-between; flex-wrap:wrap;}
@media screen and (min-width: 768px) {
    .joken { width:832px; margin:0 auto; padding:0 0 120px 0;  }
    .joken hr { width:100%; display:block; }
}



/*チェックボックス*/
.checkbox { width:100%; display:flex; margin:0; justify-content:space-between; flex-wrap:wrap; padding:0; }
.checkbox li { width:48%; margin:0; }

.checkbox_button {display: inline-block;}
.checkbox_button input[type="checkbox"] {display: none;}
.checkbox_button label { width:99%; display: inline-block; padding:8px 0; border:1px solid #707070; border-radius:3px; background-color: #FFFFFF; font-size: 14px; text-align: center;cursor: pointer;transition: all 0.3s ease; margin-bottom:14px; }
.checkbox_button.bukkentype label { margin-bottom:0; }
.checkbox_button input[type="checkbox"]:checked + label {background-color:#DCEFDE; border-color: #707070;}
.checkbox_button label  { width:100%; padding-left:5%; text-align:left; box-sizing: border-box;}
@media screen and (min-width: 768px) {
    .checkbox_button.last { margin-bottom:0; }
    .checkbox_button label:hover {border-color:#DCEFDE; border-color: #707070; opacity:0.7; }
    .checkbox_button label { font-size:15px;}
}

/* チェックが2つ以上選択されている場合に未選択のボタンのスタイル
.inactive {background-color: #f5f5f5 !important; color: #aaa !important;border-color: #ddd !important; } */


/*エリア変更・条件を絞り込む*/
.button-container { width:100%; display:flex; }
.button-container button { padding: 10px 20px; margin:10px; font-size:16px; cursor:pointer; }

.button-container.link_wrap { width:90%; margin:0 auto 85px auto; justify-content: space-between;}
.modal { width:100%; /*height: 0vh;*/ display:none; position:fixed; overflow:scroll; z-index:9999; left:0; top:0px; background-color:#fff; justify-content:center; align-items:center; transition: 0.3s;}
.modal-content { width:80%; }
.modal2 { height:100vh; width:100%; }
/* .modal2 { height:0; width:100%; } */
.modal2 .box_contents { margin-top:64px; }
.modal2 .box_contents .inner{ margin-top:0; padding-top:0; }
.modal2 .box_contents .inner .center { margin-bottom:35px; font-family: 'GenJyuuGothic-Bold'; }
.searchlist_wrap_title { text-align:left; }
@media screen and (min-width: 768px) {
    .modal {/* height:100vh; padding-top:300px; top:88px; */top:0; z-index:99999; /*top:65px;*/}
    .button-container { width:300px; display:flex; margin:0 auto; justify-content: space-between;}
    .button-container.link_wrap { width:350px; /*margin-top:50px;*/margin-bottom:80px; }
    .modal2 .box_contents { margin-top:0; }
    .modal2 .box_contents .inner { margin-top:initial; padding-top:initial; }
    .modal2 .box_contents .inner .center { margin-bottom:initial; }
    .modal2 .box_contents .inner .searchlist li:nth-child(1) { border-bottom:1px solid #DBDBDB;} 
    .modal2 .box_contents .inner .searchlist li:nth-child(4) { border-bottom:none; }
    .modal2 .box_contents .inner .searchlist li:nth-child(5) { border-bottom:none; }
    .modal2 .box_contents .inner .searchlist li:nth-child(6) { border-bottom:none; }
    .modal2 .box_contents .inner .searchlist li { border-bottom:1px solid #DBDBDB;} 
    .modal2 .box_contents .inner .searchlist { padding-top:0px; }


}

.close_wrap { position: absolute; top:15px; right:15px; cursor:pointer; z-index:100; font-size:16px; display:flex; align-items:center;}
.close_wrap .close { margin-left:20px; font-size:20px; }
@media screen and (min-width: 768px) {
    .modal-content { width:100%; height:100%;  display:block; }
    .close_wrap  { width:1080px; top:56px; margin:0 auto; display:block; position:relative; text-align:right; }
}


.searchlist li .kensu { color:#3B3B3B; }
.searchlist li:nth-child(1) { border-bottom:1px solid #DBDBDB;} 
.searchlist li:nth-child(2) { border-bottom:1px solid #DBDBDB;} 
.searchlist li:nth-child(3) { border-bottom:1px solid #DBDBDB;} 
.searchlist li:last-child { border-bottom:0; }
.open-modal.link { padding-left:0; padding-right:0; transition:initial; }
/*.open-modal.link::after {content: ""; display:block; width:16px; height:16px; background-image:url('/img/arrow_down_green.svg'); background-size:cover; background-position:center;  transform: translateX(0); margin:0;  transition:initial; }*/
.open-modal.link:hover { transform: translateX(0); margin:0;  transition:initial; }


@media screen and ( min-width: 768px ) {

	.searchlist {border-top:1px solid #DBDBDB; padding:28px 0 0 ; }
	.searchlist li { width: calc(100% / 3); padding:34px 0 28px 0; color:#5C9062; }
    .searchlist li.long { width:100%; padding-bottom:0; }
    .searchlist li:nth-child(1) { border-bottom:0px; } 
    .searchlist li:nth-child(2) { border-bottom:0px;} 
    .searchlist li:nth-child(3) { border-bottom:0px;} 
    .modal .box_contents .inner { padding:80px 0; }
    .modal .box_contents .inner  .list_kensaku_wrap { width:100%; padding-right:0; padding-left:0; margin-top:0; }
    .modal .box_contents .inner  .list_kensaku_wrap .searchlist { width:100%;}
    .modal .box_contents .inner h2 { font-size:24px; text-align:left; }
    .modal .box_contents .inner .center { font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; margin-bottom:80px; }

    .list_kensaku_wrap { margin:50px auto 0 auto; display:block; }

 

}
@media screen and ( min-width:1200px ) {
    .modal .box_contents .inner  .list_kensaku_wrap .searchlist { width:1080px;}

} 





.box_contents .inner.top { width:90%; margin:0 auto; }
.title_wrap .title p { width:100%; margin:0 auto 28px auto; display:inline-block; text-align:center; }
.title_wrap .title p.title_text { margin-bottom:0; }
@media only screen and (min-width:768px) {
    .title_wrap .title p { width:90%; margin-bottom:initial; text-align:center; }
}
@media screen and ( min-width:1081px) {
    .box_contents .inner.top { width:1080px; }
}


/*物件用*/
.bukken { width:100%; }
.blists { margin-bottom:45px; }
.blists li { border:0; border-radius:0px; margin-bottom:35px; padding:0px; background:none; letter-spacing:0.1em; border:1px solid #B9B8B8; box-sizing: border-box;}


.blists li .blist_inner { width:90%; margin:26px 5% 26px 5%; display:block; }
.blists li .blist_inner a { width:100%; position:relative; }
.blists li .flag { display:flex; margin:16px 0 8px 0; }
.blists li .flag li {  border:initial; border:0; border-radius:0px; padding:0px; margin-bottom:0; }
.blists .flag_new { width:75px; display:inline-block; text-align:center; margin-right:8px; border-radius:2px; background:#5C9062; color:#FAF063; font-size:12px; line-height:24px; border:0; border-radius:2px; }
.blists li strong.bukken_address { width:100%; font-size:18px; letter-spacing:0.04em;margin:-3px 0 0 0; color:#3B3B3B; line-height:3.0rem; float:left; display:inline-block; }
.blists li .bukken_price { font-size:28px; letter-spacing:0.1em; font-family: "Roboto", sans-serif;  margin:0 0 13px 0; color:#1B1B1B;line-height:1.2em; float:left; font-weight:bold; }
.blists li .bukken_price span { font-size:18px; font-weight:normal; color:#1B1B1B; border:0; border:0; letter-spacing:0em; padding:0; line-height:1.2em; display:inline-block; }
.blists .info_bukken { width:100%; display:flex; align-items:flex-start; margin:0 0 4px 0; }
.blists .info_bukken dt img { width:20px; margin-right:6px; margin-bottom:0; display:block; }
.blists .info_bukken dt img.icon_type_land { margin-top:7px; }
.blists .info_bukken dd { font-size:14px; line-height:1.2em; color:#3b3b3b; font-family: sans-serif; letter-spacing:0.04em; /*white-space:nowrap; */text-align: left;}
.img_bukken_wrap { width:100%; /*height:160px;*/ }
.img_bukken_list_wrap {
    width: 100%;
    aspect-ratio: 4 / 3; /* 高さ75%を確保 */
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* はみ出した部分を隠す */
    background-color: #f0f0f0; /* 余白部分が目立たないように背景色を設定 */
}

.img_bukken_list {
    width: auto;
    height: auto;/* 親要素の高さにフィット */
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;/* 画像の比率を維持しつつ、親要素を埋める */
}
.box_contents .inner .blist h3 { font-size:18px; margin:0; font-family: 'GenJyuuGothic-Medium'; font-style: normal; margin:0 0 8px 0; color :#1B1B1B; background-color: inherit; padding: 0; text-align:left; }
.box_contents .inner .blist p { font-size:14px; line-height:20px; color:#1B1B1B; margin-bottom:20px; text-align:left; }
.tokucho_wrap { display:flex; margin-top:20px; gap:7px; flex-wrap:wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", sans-serif; }
.tokucho_wrap span { font-size:12px; line-height:25px; border:1px solid #B3B3B3; padding:0 9px; letter-spacing:0.04em; }
.img_bukken_wrap { position:relative; }
.img_bukken_wrap .flag_new_wrap { display: flex; position: absolute; top: 10px; left: 10px; z-index: 10;}
.img_bukken_wrap .flag_new_pc { width:auto; min-width:70px; padding: 0 4px; line-height:25px; letter-spacing:0; display:block; margin-right: 5px; font-size:12px; border:1px solid #5C9062; border-radius:2px; background:#5C9062; text-align:center; color:#FCFF56; }
.img_bukken_wrap .flag_new_pc:last-of-type { margin-right: 0;}
.blists .blist .blist_inner a .bukken_info { margin-top:20px; }
.blists .blist .blist_inner a .bukken_info .favo { width:50px; position:absolute; right:0; top:-7px; }
.slider_wrap .blists .slick-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto;}
.info_bukken_address { margin-top:2px; display:inline-block; }
.info_bukken .info_bukken_school { margin-top:3px; display:inline-block; }
.info_bukken .info_bukken_access{ margin-top:3px; display:inline-block; }
.info_bukken .info_bukken_build { margin-top:3px; display:inline-block; }
.info_bukken .info_bukken_land { margin-top:3px; display:inline-block; }
@media only screen and (min-width:768px) {
   .blists { margin-bottom:24px; }
   .blists .flag_new { min-width:73px; line-height:2.7rem; margin-right:8px; }
   .slider_wrap .blists{ width:calc(100% + 30px); }
   .slider_wrap .blists .slick-slide { width:100%; }
   .box_contents .inner .blist h3 { margin-bottom:0; }
   .box_contents .inner .blist p{ width:100%; margin-bottom:8px; text-align:left; }
   .info_bukken_address { margin-top:3px; }
   .blists .blist .bukken_price { margin-bottom:14px; }
   .info_bukken .info_bukken_build { margin-top:2px;}
   .info_bukken .info_bukken_build { margin-top:4px; }
   .info_bukken .info_bukken_school { margin-top:4px; }
   .blists .info_bukken dt img.icon_type_land { margin-top:6px; }


}

@media (min-width: 768px) and (max-width: 1280px) {
    .blists li { margin-bottom:35px; }   
}
@media screen and ( min-width:1280px) {
    .blists li { margin-bottom:0; }   
}


@media screen and ( min-width:1081px) {
   .blists{ margin-bottom:100px; }
   .blists .blist { border:none;  }
   .blists .blist .blist_inner { width:100%; padding:0; margin:0; }
   .blists .blist .blist_inner a { display:flex; flex-wrap:wrap; justify-content:space-between;  padding:40px 0;  border-bottom:1px solid #DBDBDB; transition:0.3s; }
   .blists .blist .blist_inner a:hover { background:#F6F5F0; }
   .blist .img_bukken_wrap { width:384px; height:288px; position:relative; }
   .blist_inner .img_bukken_wrap { /*height:auto;*/ margin:0; }
   .img_bukken_list_wrap {
    width: 100%;
    aspect-ratio: 4 / 3; /* 横幅100%に対して高さを自動的に計算 */
    overflow: hidden; /* はみ出た部分を隠す */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .img_bukken_list {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像を縦横いっぱいに表示しつつ、はみ出た部分をカット */
    object-fit: contain; /*枠に合わせて表示するように変更*/
  }
   .blists .blist strong.bukken_address { margin-top:-5px; }
   .blists .blist .blist_inner a .bukken_info { width:60%; position:relative; margin-top:0;}
   .flag { width:auto; }
   .blists li .flag { margin:0; }
    .bukkenname_wrap { width:99%; display:flex; flex-wrap:wrap; /*align-items: center;*/}
    .blists li .flag { margin-right:10px; margin-bottom:10px; }
    .blists li .flag li { width:94px; margin-bottom:0; }

    .tokucho_wrap { margin-top:16px; }
    .box_contents .inner .blist h3 { width:100%; font-size:24px; /*margin-bottom:12px; display:flex;*/ line-height:1.7em; }
    .blists .blist .blist_inner a .bukken_info .favo { width:50px; position:absolute; right:0; top:7px; }


}

.bukkenname_wrap { position:relative; }
.bukkenname_wrap .fav-icon { width:50px; height:35px; position:absolute; right:-15px; top:10px; }
.bukken_copy { font-family: 'GenJyuuGothic-Medium'; font-style: normal; font-size:14px; }
@media screen and (min-width: 768px) {
    .bukkenname_wrap .fav-icon { width:70px; height:45px; top:-5px; }
}


.blists li:last-child { margin-bottom:0; }
@media screen and (min-width: 768px) {
    .blists li:last-child { margin-bottom:initial; }
}


/*詳しく見るボタン*/
.text-container { position: relative; overflow: hidden; max-height: 10.5em; line-height: 1.5em; margin-top:10px; }
.text-container.expanded { max-height: none; }
.show-more-btn { display: inline-block; margin:10px 0 0 0; padding-right:25px; color: #5C9062; border: none; cursor: pointer; position:relative; }
.text-container.expanded + .show-more-btn {margin-top:10px; }
.show-more-btn.right { float:right; }
.show-more-btn::before { content: ""; position: absolute; right: 0; top: 50%; margin-top:-11px; width: 22px; height: 22px; background-image: url('/img/arrow_down_green.svg'); background-size: contain; background-repeat: no-repeat; transition:0.3s; }
.show-more-btn.close::before { transform:rotate(180deg); transition:0.3s; }
@media screen and (min-width: 768px) {
    .text-container { margin-top:initial; }
    .show-more-btn { padding-right:25px; margin-bottom:0; opacity:1;  }
    .show-more-btn::before { right: -5px; }
    .show-more-btn.right { float:left; }
    /*.show-more-btn:hover { opacity:0.7; }*/
    /*.show-more-btn-nopc { display:none !important; }*/
}

/*物件が見つからなかった時*/
.notfound { width:100%; font-size:20px; line-height:1.56; letter-spacing:0.1em; text-align:center; margin-bottom:40px; }
.saikensaku { width:100%; text-align:center; margin-bottom:44px; }
.searchbutton_wrap li a span.inline_pc { display:none; }
.searchbutton_wrap li a span { width:100%; }
.box_contents.pickup.shuhen { margin-bottom:40px; width:100%; }
@media screen and (min-width: 768px) {
    .notfound { font-size:32px; margin-bottom:40px; }
    .saikensaku { margin-bottom:88px; }
    .searchbutton_wrap li a span { width:auto; }
    .searchbutton_wrap li a span.inline_pc { display:inline; }
    .box_contents.pickup.shuhen { width:100%; margin-bottom:0px;margin-bottom:40px; /*margin-top:120px;*/ }
}



/*ページネーション*/
.pagination {display: flex;align-items: center;gap: 8px;margin:0 auto 16px auto; flex-wrap:wrap;justify-content: center; /* 横幅の中心に配置 */ }
.pagenation_count { width:100%; text-align:center; }
.pagination a, .pagination span { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; text-decoration: none; color: #5C9062; font-size: 18px; transition: all 0.3s ease;}
.pagination a:hover {opacity:0.7;}
.pagination .active {color: #1B1B1B;}
.pagination .dots {color: #999;cursor: default;}
.pagination .prev {font-weight: bold;color: #5C9062;  }
.pagination .next {font-weight: bold;color: #5C9062;  }
.pagination .prev:hover, .pagination .next:hover {opacity:0.7;}
@media screen and (min-width: 768px) {
    .pagination .prev { margin-right:50px; }
    .pagination .next { margin-left:50px; }
}


@media screen and (min-width: 768px) {
    .flag_type { margin-right:10px; }
}


/*物件一覧の駅情報*/
table.station_data{
	text-align:left;
	margin-top:24px;
}

table.station_data tr{
	border-bottom:1px solid #aaa;
}

table.station_data th, table.station_data td{
	display: block;
}

table.station_data th{
	width:100%;
    padding: 15px 0 5px 0;
}
table.station_data td{
    padding: 5px 0 15px 0;
}


@media screen and (min-width: 768px) {
	table.station_data th, table.station_data td{
		display: table-cell;
        padding: 10px 0;
	}
	
	table.station_data th{
		width:200px;
        padding: 10px 0;
	}
}

/*ページネーション*/
.pagenation{width:100%;text-align:center;margin-bottom:80px;}
@media screen and (min-width: 768px) {
    .pagenation { margin-bottom:120px; }
}
.pagenation .pageLink a{
	display:inline-block;
	padding:0px 10px 0 10px;
	width:24px;
    color:#5C9062; 
}

.pagenation .pageLink a:hover,
.pagenation .pageLink .nowpage{
	display:inline-block;
	padding:0px 10px 0 10px;
	width:24px;
}
@media screen and (min-width: 768px) {
    .pagenation .pageLink a{
        display:inline-block;
        padding:0px 10px 0 10px;
        width:24px;
        color:#5C9062; 
    }

    .pagenation .pageLink a:hover,
    .pagenation .pageLink .nowpage{
        display:inline-block;
        padding:0px 10px 0 10px;
        width:24px;
    }
}

/*2週間以内の文言*/
.title_twoweeks { width:100%; display:flex; margin:0 0 40px 0; flex-wrap:wrap; justify-content: flex-start;}
.title_twoweeks div:nth-child(1) { /*width:100%; */margin-right:14px; /*display:flex;*/}
.title_twoweeks div:nth-child(2) p { width:100%; text-align:left; margin-top:5px; }
@media screen and (min-width: 768px) {
    .title_twoweeks { margin-bottom:64px; }
    .title_twoweeks div:nth-child(1) { width:auto; }
}


.pagenation .pageLink a .pagenation_arrow { padding:0; margin-top:8px; }
.pageLink { display:flex; align-items: center; justify-content: center;}

@media screen and (max-width: 768px) {
    .pageNo_wrap { margin-top:0px; }
    .list_kensaku_wrap { width:90%; margin:0 5%; padding-bottom:100px;}
    .box_contents .inner .list_kensaku_wrap h2 { margin-bottom:20px; }


/*物件一覧の物件カードの幅調整*/
 .box_contents .inner.searchlist_wrap { width:100%; margin-left:0; margin-right:0; text-align:center; }
}
@media screen and (min-width: 768px) {
    .pageNo_wrap { margin-top:10px; }
    /*.box_contents .inner.searchlist_wrap { padding-top:0; }*/
}

.kensakulink-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(36px, auto);
}

.kensakulink-grid .link_wrap {
    width: auto;
    height: 40px;
}

.kensakulink-grid a em::before {
    top: 53.5%;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .kensakulink-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (min-width: 768px) {
    .town-school-modal.modal2 .box_contents .inner .searchlist li {
        border-bottom: none;
    }

    .town-school-modal .searchlist {
        border-top: none;
    }

    .town-school-modal .searchlist .title_furigana {
        color: #000;
    }
}



/*@media screen and (max-width: 768px) {
    .kensakubutton_wrap li:nth-child(2){ width:100%; }
}*/

.searchbutton_wrap.nolist { margin-bottom:80px; }
@media screen and (min-width: 768px) {
    .searchbutton_wrap.nolist { margin-bottom:120px; }
    .searchbutton_wrap.nolist.notfound { padding-bottom:0; margin-bottom:120px; }
}


@media screen and ( max-width: 768px ) {
    .jokenDetail .button_search.exec_search span { font-size:20px; line-height:56px;}
    .kensakubutton_wrap.school li:first-child .button_search span { font-size:16px; }
    .jokenDetail_wrap .button_search.exec_search { height:56px; }
}


@media screen and ( max-width:768px ) {
    .kensakubutton_wrap.modal_joken .button_search.exec_search { width:100%; height:56px; }
    .kensakubutton_wrap.modal_joken .button_search.exec_search span { font-size:20px; line-height:56px; }

      /*エリア変更*/



    .kensakubutton_wrap.modal_joken_long .button_search { height:56px; }
    .kensakubutton_wrap.modal_joken .button_search span { line-height:46px; font-size:16px; }
    
    /*学校変更*/
    .kensakubutton_wrap.modal_joken li.modal_joken_long .button_search.exec_search { width:100%; height:56px;}
    .kensakubutton_wrap.modal_joken li.modal_joken_long .button_search.exec_search span { font-size:20px; line-height:56px; }
    .jokenDetail_wrap { width:90%; }




}

