@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PCのみ　@media (max-width: 1000px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/


body { color:#3B3B3B; }
h1,h2,h3 { color:#1B1B1B; }
.inner.search { border:none; }

#head_wrap .header_top { border-bottom:0px solid #CBCBCB; }
@media screen and ( min-width: 768px ) {
  main { /*margin-top:150px;*/ margin-top:87px;}
  .side_footer_fixed { top:155px; }
  #head_wrap .header_top { border-bottom:0px solid #CBCBCB; }
  #head_wrap { border-bottom:0; }
}


@media screen and ( max-width: 768px ) {
	.side_footer_fixed_button { width:70%; margin:0 auto; }
}


.box_contents .inner h2 { width:100%; font-size:24px; line-height:1.5em; letter-spacing:0.04em; font-family: 'GenJyuuGothic-Bold'; font-style: normal; margin-bottom:40px; display:inline-block; }
.box_contents .inner h2.searchlist_wrap_title { font-size:18px; margin-bottom:20px; }
.box_contents .inner h2.searchlist_wrap_title span { font-size:16px; }
@media screen and ( min-width: 768px ) {
    .box_contents .inner h2 { font-size:38px; margin-bottom:85px; letter-spacing:0.1em; }
	.box_contents .inner h2.searchlist_wrap_title { font-size: 24px; margin-bottom:30px; margin-left:initial; }
}

.box_contents .inner h3 { width:auto; font-size:20px; line-height:1.5; letter-spacing:0.04em; font-family: 'GenJyuuGothic-Bold'; font-style: normal; }
@media screen and ( min-width: 768px ) {
    .box_contents .inner h3 { width:100%; font-size:24px; margin-left:0; line-height:1.2em; }
}





.details { height:66px; border-top: 0px;border-left: 0px;border-right: 0px;transition:0.3s; }
.details.open { height:360px; transition:0.3s; }
@media screen and ( min-width:834px ) {
	.details { border-bottom:1px solid #707070; }
}
.details-summary {position: relative;display: block;padding: 5px;font-weight: bold;text-align: center;}
.details-summary:hover {cursor: pointer;opacity: 0.8; }
.btn {position: absolute;top: 37%;right: 10%;width: 18px;height: 18px;transform-origin: center center;transition-duration: 0.2s; transition: transform 0.3s ease;}
/*.btn:after {content: "";width: 18px;position: absolute;top: 7px;left: 0;transform-origin: center center;background-image: url('/img/arrow_down.svg');background-size: cover;background-repeat: no-repeat;}*/
.btn:before {width: 4px;height: 18px;top: 0;left: 7px;}
.is-active .btn {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.is-active .btn:before {content: none;}
.details-summary::-webkit-details-marker {display: none;}
.details-content {padding: 0px;}
.details-content p {margin: 0 0 20px;color: #000;font-size:18px;text-align: left;}
.details-content p:last-of-type {margin: 0 0 0;}
.details_wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0; 
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and ( min-width:834px ) {
	.details_wrap { border:0; width: calc(100% - 2px);}
	.details { height:auto; }
}

.details-summary { width: calc(100% - 22px); border-top:1px solid #E2E2E2; text-align:left; line-height:56px; padding-left:18px; display:inline-block; position:relative; }
.details-summary::after {content: ""; display:block; width:10px; height:7.5px; background-image:url('/img/arrow_down.svg'); background-size:cover; background-position:center; margin-right:10px; background-repeat:no-repeat; position:absolute; right:26px; top:30px; transition: transform 0.3s ease-in-out;}
.details-summary.is-active::after { transform: rotate(-180deg);}
.details:first-child .details-summary { border-top:none; }
.details:first-child .details-summary:hover { opacity:1; }
.js-details-content { opacity:0; transition:1s; }
.open .js-details-content { opacity:1; transition:1s; }
.area_type { width:100%; }
.area_type li { width:95%; padding:15px 0; border-bottom:1px dotted #ccc; margin-left:2.5%; margin-right:2.5%; }
@media screen and ( min-width:834px ) {
	.details:first-child { border-top:1px solid #707070; }
	.details-summary { display:none; }
	.js-details-content { opacity:1; }
	.area_type { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-left:2%; }
	.area_type li { width:17.5%; padding:35px 0; border-bottom:0; margin:0; }
	.area_type li a { width:100%; position:relative; display:flex; align-items: center; }
	.area_type li a::after {content: "";display: block; width:6.9px;height:10px; background-image: url('/img/arrow_right_black.svg'); background-size: cover; background-position: center;margin-right: 10px; background-repeat: no-repeat; position:absolute; right:10px; transition: transform 0.3s ease;  }
	.area_type li a:hover::after {transform: translateX(4px);}
	.area_type li:first-child { width:28%; }
	.area_type li:first-child a { width:95%; position:relative; display:flex; align-items: center; }
	.area_type li:first-child a::after {content: "";display: block; width:6.9px;height:10px; background-image: url('/img/arrow_right_black.svg'); background-size: cover; background-position: center;margin-right: 10px; background-repeat: no-repeat; position:absolute; right:4px; transition: transform 0.3s ease; }
	.area_type li:first-child a:hover::after {transform: translateX(4px);}
	.area_type_midashi { font-size:18px; }  
}
.area_type li:last-child { border-bottom:none; }
.area_type li a { margin-left:10px; }
@media screen and ( min-width:834px ) {
	.area_type li a { margin-left:initial; }
}
.btn { font-family: 'GenJyuuGothic-Medium'; font-style: normal;}

@media screen and ( min-width:834px ) {
	.area_type li:last-child a { width:65%;}
	.area_type li:nth-child(2) a { width:95%;}
	.area_type li a { width:95%; position:relative; }
	.area_type li a:hover { color:#5C9062; }
	.area_type li a:hover::after {content: "";display: block; width:6.9px;height:10px; background-image: url('/img/arrow_right_green.svg'); background-size: cover; background-position: center;margin-right: 10px; background-repeat: no-repeat; position:absolute; right:4px; }
	.inner.top { padding-top:80px; }
}

/*英字と日本語のタイトル*/
.title_wrap .title span { text-align:left; justify-content:initial;}
.title_wrap .title span.title_sub { text-align:center; color:#1B1B1B; font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; display:inline-block; margin-top:8px; }
.title_wrap .title { text-align:left; }
.date_update { width:100%; display:flex; align-items:center; margin-bottom:56px; }
.title_wrap .title span.flag_new { width:70px; text-align:center;  margin:0 17px 0 0; color:#FAF063; font-size:12px; display:inline-block; letter-spacing:0; font-family: 'GenJyuuGothic-Medium'; font-style: normal; font-weight:normal; }
.title_wrap p.title_text { margin-bottom:28px; }
.date_update span { font-weight:normal; display:inline; letter-spacing:0; color:#3B3B3B;}
@media screen and ( min-width: 768px ) {
	/*.title_wrap .title span { letter-spacing:0em; }*/
	.title_wrap .title span.title_sub { width:auto; display:inline; font-size:28px; letter-spacing:0.04em; margin-top:0; margin-bottom:0; }
	.title_wrap.sagasu { margin-bottom:80px; }
	.title_wrap p.title_text { width:auto; margin-bottom:0; }
	.date_update { width:100%; margin-bottom:0; }
	
}
@media screen and ( min-width:768px ) {
	.date_update { width:250px; margin-bottom:0; }
}


@media screen and ( min-width: 768px ) {
	.title_wrap .title { width:100%; display:flex; flex-wrap:wrap; }
	.title_text_wrap { width:100%; display:flex; justify-content: space-between;}
}

.box_contents .inner h2.title_icon.kensaku { width:100%; margin:0 auto 30px auto; display:flex; align-items:center; justify-content:center; text-align:center; }
.box_contents .inner h2.title_icon.kensaku::before {content: ''; display: inline-block; width:24px; height:24px; background-image: url('/img/icon_glass_color.svg'); background-size: contain; background-repeat: no-repeat; margin-right: 10px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner h2.title_icon.kensaku { width:auto; margin:0 auto 80px auto; }
	.box_contents .inner h2.title_icon.kensaku::before {width:31px; height:31px; margin-right: 15px; }
}

.box_contents .inner h2.title_icon.kensaku.nolist { font-size:24px; margin-bottom:0px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner h2.title_icon.kensaku.nolist { font-size:30px; margin-bottom:0px; }
}


/*検索窓*/
.search_window { width:100%; margin-bottom:56px; }
.search_window strong { width:100%; text-align:center; font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; margin-bottom:5px; }
.search_window strong span { font-size:16px; }
.search-form { display: flex;align-items: center; justify-content: center;}
.search-box { width:100%; position: relative;display:flex; align-items: center;border: 1px solid #ccc; border-radius:5px; padding: 5px 10px;background-color: #fff; }
@media screen and ( min-width: 768px ) {
	.search_window { margin-bottom:80px; }
	.search-box { width:454px; margin:0 auto; }
}
.search-box_input {flex: 1;border: none;outline: none;padding: 10px;font-size:16px;border-radius: 25px;margin-right: 10px;}
.search-box_input::placeholder {color: #BBBBBB;}

.search-btn { background: none;border: none; padding: 0 5px 0 0;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.search-btn img {width: 20px;height: 20px;}
.search-btn:hover img {filter: brightness(0.8);}

/*検索履歴*/
.search_history { width:100%; /*margin: 0 5%; */ }
.search_history_info { width:100%; margin-bottom: 22px; padding:25px 2.5%; display:flex; align-items:center; border:1px solid #707070; border-radius:8px; background:#fff; transition: background-color 0.3s ease; box-sizing: border-box;}
.search_history_info ul { width:100%; font-size:16px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; }
.search_history_info::after {content: "";display: inline-block;width: 16px;height: 16px;background-image: url('/img/arrow_right.svg');background-size: cover;background-repeat: no-repeat;vertical-align: middle;transition: transform 0.3s ease;margin-left: 4px; }
.search_history_info:hover {transition: background-color 0.3s ease;background-color: #E5EDE6;}
.search_history_info:hover::after {transform: translateX(4px);}
.search_history h3 { font-size:24px; text-align:center; background:none; }
@media screen and ( min-width: 768px ) {
	.search_history { width: 100%; margin:initial; }
	.search_history_info { margin-bottom: 40px;}
	.search_history_info ul { display:flex; flex-wrap:wrap; }
	.search_history_info ul li { margin-right:10px; }
	.search_history h3 { font-size:24px; }
}


.box_contents .inner.history { width:90%; margin:0 auto; display:block; padding-bottom:80px; }
.box_contents .inner.history h3 { padding-left:0; color:#1B1B1B; }
@media screen and ( min-width:1200px ) {
	.box_contents.beige_back.history { padding-bottom:120px; }
	.box_contents .inner.history { width:1080px; }
	.box_contents .inner.history .show-link_wrap { margin-bottom:0; }

}


.show-link_wrap { width:100%; text-align:center; margin:22px 0 22px 0; }
.show-link { margin:0 auto; /*display:none; */color:#5C9062; cursor:pointer; position: relative;}
.show-link::after {content: ''; display: inline-block; width: 16px; height: 16px; background-image: url('/img/arrow_down_green.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.show-link.open::after {content: ''; display: inline-block; width: 16px; height: 16px; background-image: url('/img/arrow_down_green.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; transform: rotate(180deg);}
@media (max-width: 768px) {
  .detail-content {display: none; }
  .show-link {display: inline; }
}

.show-link::before {content: ''; position: absolute;bottom: 0; left: 0;width: 100%; height: 1px; background-color: #5C9062;transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease; }
.show-link:hover::before {transform: scaleX(1);transform-origin: bottom left; }


/*ピックアップ物件*/
.box_contents.pickup { background:#5B8D61; padding:32px 0 20px 0; }
.box_contents.pickup .inner { width:90%; border-radius:9px; margin:0 auto; float:none; padding:70px 15px 65px 15px; background:#fff; }
.box_contents.pickup .inner h3  { width:100%; margin-bottom:28px; margin-left:0; }
.box_contents.pickup .inner .button_search { margin:45px auto 0 auto; display:block; }
.box_contents.pickup .inner .button_search.ichiran span { font-size:20px; line-height:56px;}
.border { width:100%; height:1px; background:#707070; margin:56px auto; }
@media screen and ( min-width: 768px ) {
	.border { margin:80px 0; }
	.box_contents.pickup { padding:80px 0; }
	.box_contents.pickup .inner { max-width:1280px; display:flex; border-radius:25px; flex-wrap:wrap; padding:100px 90px; justify-content: space-between; background:#fff; }
	.box_contents.pickup .inner .button_search { margin:0 auto; }
	.box_contents.pickup .inner h3 { font-size:32px; }
	.box_contents.pickup .button_white span { line-height:56px; }
}


@media screen and ( min-width: 768px ) {

	.box_contents .link { margin-top:0; }
}


/*文字の背景が伸びる*/
.bgextend{animation-name:bgextendAnimeBase; animation-duration:1s; animation-fill-mode:forwards; position:relative; overflow:hidden; opacity:0; padding:0; }
@keyframes bgextendAnimeBase{
  from {opacity:0;}
  to {opacity:1;  }
}
.bgRLextend::before{ animation-name:bgRLextendAnime; animation-duration:2s; animation-fill-mode:forwards; content: ""; position:absolute;bottom:0; left:4%; width:92%; height:16px; z-index:-1; background-color: #FCFF56;/*伸びる背景色の設定*/}
@media only screen and (min-width:414px) {
  .bgRLextend::before{ width:90%; left:5%; }
}
@media only screen and (min-width:768px) {
  .bgRLextend::before{ width:97%; left:0%; bottom:5px; }
}
@media only screen and (max-width:768px) {
  .title_big .bgRLextend::before{ width:100%; left:-1%; }
}
@keyframes bgRLextendAnime{
  0% {transform-origin:left;transform:scaleX(0);opacity:1; }
  50% {transform-origin:left;transform:scaleX(1);opacity:1; }
  50.001% {transform-origin:right;opacity:1; }
  100% {transform-origin:right;transform:scaleX(1);opacity:1; }
}
.bgRLextendTrigger{opacity: 1;}
.bgRLextenddelay::before{animation-name:bgRLextendAnime;animation-duration:2s;animation-fill-mode:forwards;content: "";position: absolute; bottom:0;left:4%; width:88%;height:16px;z-index:-1; background-color: #FCFF56;/*伸びる背景色の設定*/animation-delay:1s;opacity:0;}
@media only screen and (min-width:414px) {
    .bgRLextenddelay::before{ width:90%; left:5%; }
}
@media only screen and (min-width:768px) {
    .bgRLextenddelay::before{ width:97%; left:0; bottom:5px; }
}
.bgRLextenddelayTrigger{ opacity:0; }


.box_contents .link_wrap { margin-top:43px; text-align:right; }
@media screen and ( min-width: 768px ) {
}

.box_contents.beige_back { margin-top:64px; }
@media screen and ( min-width: 768px ) {
	.box_contents.beige_back { margin-top:0; }
}

.box_contents .inner { padding-bottom:85px; }
.box_contents .inner.searchlist_wrap { width:90%; margin: 0 auto; padding-top:40px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner { padding-bottom:120px; }
	.box_contents .inner.searchlist_wrap { /*width: 100%;*/ padding-top:80px; margin:0 auto;}
}
@media only screen and (min-width:1080px) {
	.box_contents .inner.searchlist_wrap { width: 100%; }

}

.box_contents .inner.top { padding-top:80px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner.top { padding-top:0; }
}

.title span { margin-bottom:16px; }


@media screen and ( min-width:320px ) {
	.searchbutton_wrap  { width:88.2%; margin:0 auto; }
	.searchbutton_wrap { margin-top:28px; margin-bottom:85px; }
	.searchbutton_wrap span { width:auto; }
	.searchbutton_wrap li { width:48%; margin-bottom:10px; }
	.searchbutton_wrap li:nth-child(3){ margin-bottom:0;}
	.searchbutton_wrap li:nth-child(4){ margin-bottom:0;}
	.searchbutton_wrap li a { padding:0; }
	.searchbutton_wrap li a span { font-size:16px; }
	.searchbutton_wrap li .icon { width:32px; left:0; }
	.box_contents.beige_back.history { margin-top:0; } 
}
@media screen and ( min-width:375px ) {
	.searchbutton_wrap  { width:88.2%; margin:28px auto 85px auto; }
}
@media screen and ( min-width:414px ) {
	.searchbutton_wrap  {  margin:28px auto 85px auto; }
}

@media only screen and (min-width:768px) {
	.searchbutton_wrap  { width:100%; margin-bottom:80px; }
	.searchbutton_wrap li { width:48%; margin-bottom:24px; }
	.searchbutton_wrap li .icon { position:relative; left:initial; margin-right:10px; }
	.searchbutton_wrap li a span { width:initial; text-align:left;  }
	.searchbutton_wrap li a { display:flex; align-items:center; }

}
@media only screen and (min-width:1200px) {
	.searchbutton_wrap li { width:250px; margin-bottom:0; }
}




.center_wrap { width:100%; text-align:center; display:block; }
.center_wrap .button_search { margin:0 auto; }

.title_wrap .title h1 { font-size:28px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.title_wrap .title h1::before {content: ''; display: inline-block; width:31px; height:31px; background-image: url('/img/icon_train.svg'); background-size: contain; background-repeat: no-repeat; margin-right: 8px; }
.title_wrap .title h1.noicon::before {content:none; display: inline-block; width:31px; height:31px; background-image:none; background-size: contain; background-repeat: no-repeat; margin-right: 8px; }

.search_history h3 { text-align:center; font-size:20px; margin-bottom:30px; }
.title_wrap .title { text-align:center; }
.title_wrap p.title_text { width:100%; display:inline-block; }

.title_wrap .title span.h1_area { font-size:18px; letter-spacing:0.04em; margin-bottom:0; font-family: 'GenJyuuGothic-Bold';font-style: normal;font-weight: bold;font-display: swap;src: url('../fonts/GenJyuuGothic-Bold.woff2') format('woff2'),url('../fonts/GenJyuuGothic-Bold.woff') format('woff');}
@media screen and ( min-width: 768px ) {
	.title_wrap .title h1 { font-size:32px; margin-bottom:28px; letter-spacing:0.1; /*white-space:nowrap;*/}
	.title_wrap { margin-bottom:80px; }
	.inner.top { padding-bottom:0; }
	.search_history h3 { text-align:center; font-size:28px; margin-bottom:40px; }
}


@media screen and ( min-width:1200px ) {
	.title_wrap .title h1 { margin-bottom:24px; }
	.title_wrap .title span.h1_area { font-size:24px; width:auto; color:#1B1B1B; }
}


/* チェックボックスのデフォルト表示を隠す */
@media screen and ( min-width: 768px ) {
	.inner.searchlist_wrap { padding:80px 0 120px 0;}
	.inner.searchlist_wrap h2 { font-size:24px; margin-bottom:34px; }
	.inner.searchlist_wrap h2 .h2_kensu { font-size:16px; }
}

.searchlist { width:100%; border-radius:8px; border:1px solid #DBDBDB; margin-bottom:35px;  box-sizing: border-box;}
.searchlist li { width:100%; display:flex; align-items:center; border-bottom:1px solid #DBDBDB; padding-left:24px; box-sizing: border-box;}
/*.searchlist li.long { width:100%; }
.searchlist_wrap form { width:100%; }*/

@media screen and ( min-width: 768px ) {
	.searchlist { display:flex; border-radius:0; justify-content:space-between; flex-wrap:wrap;  justify-content: flex-start; border-top:1px solid #DBDBDB; border-left:0; border-right:0; padding:29px 0; margin-bottom:40px; flex-wrap:wrap; }
	.searchlist li { width:25%; border-bottom:0; padding-left:0; }
	.searchlist_wrap form { width:auto; }
	
}




.custom-checkbox input[type="checkbox"] {display: none; }
.custom-checkbox { margin-left:24px; }
@media screen and ( min-width: 768px ) {
	.custom-checkbox { margin-left:0px; }
}
.custom-checkbox .checkbox-icon { width:14px; height:14px; margin-right:29px; display: inline-block; border: 2px solid #707070; border-radius:2px; background-color: #fff;position: relative;cursor: pointer;transition: background-color 0.3s ease, border-color 0.3s ease;}
@media screen and ( min-width: 768px ) {
	.custom-checkbox .checkbox-icon { margin-right:19px; }
}
.custom-checkbox input[type="checkbox"]:checked + .checkbox-icon {background-color: #fff;border-color: #707070;}
.custom-checkbox .checkbox-icon::after {content: ''; position: absolute;top:0px;left:4px;width: 5px;height: 10px;border: solid #ff0000;border-width: 0 2px 2px 0;transform: rotate(45deg);opacity: 0; /* 非表示状態 */transition: opacity 0.3s ease;}
.custom-checkbox input[type="checkbox"]:checked + .checkbox-icon::after {opacity: 1;}
.searchlist a { color:#5C9062; }
.searchlist li {display: flex; align-items: center; gap: 8px; padding:20px 0;}
.searchlist li:last-child { border-bottom:0; }
.custom-checkbox {display: flex;align-items: center; cursor: pointer; text-align:left; font-size:18px; }
.checkbox-icon {display: inline-block;width: 16px;height: 16px;background-color: #ccc; border-radius: 4px; margin-right: 8px;}
/*input[type="checkbox"] {display: none; }*/
.searchlist li.long .title_furigana { margin-left:5%; }
@media screen and ( min-width: 768px ) {
	.box_contact { margin-top:0; }
	.searchlist li {padding: 10px 0; }
	.searchlist li.long .title_furigana { margin-left:0px; }
}





.custom-checkbox.disabled {
	cursor: default;
	color: #bbbbbb;
	pointer-events: none;
}

.custom-checkbox.disabled .kensu, .custom-checkbox.disabled a {
	color: #bbbbbb;
}

.school-search-box .tab_content h2 { margin:30px 0 10px 0; }
@media screen and ( min-width: 768px ) {
	.school-search-box .tab_content h2 { margin:initial; }
}


@media screen and ( max-width: 768px ) {
	.side_footer_fixed { display:block !important; }
	.side_footer_fixed_button span small { font-size:16px; }
}







/*固定バーが表示された時*/
.search_bar { width:100%; padding:24px 0; margin-bottom:0; position:fixed; bottom:-250px; background:rgba(0, 0, 0, 0.5); transition: 0.3s; display:flex; flex-wrap:wrap; }
.search_bar_inner { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; }
.search_bar_inner .kensu { width:100%;  display:inline-block; color:#fff; text-align:center; }
.search_bar_inner .kensu strong .ajax_counter { font-size:30px; margin-right:5px; margin-left:5px; letter-spacing:0.04; font-family: "Roboto", sans-serif; font-weight:bold; }
.search_bar.show { bottom:0; z-index:1001;}

.search_bar_inner .kensu { width:100%;  display:inline-block; color:#fff; text-align:center; }

.search_bar.show .search_bar_inner .kensakubutton_wrap .button_search.exec_search { width:100%; margin-right:0; border:1px solid #5C9062;}

.search_bar.show .search_bar_inner .kensakubutton_wrap .button_search.exec_search::before{ right:13px; }
.search_bar.show .search_bar_inner .kensakubutton_wrap .button_search.exec_search:hover::before { right:17px; }
.search_bar.show .search_bar_inner .kensakubutton_wrap li:first-child .button_search.exec_search { height:46px; }
.search_bar.show .search_bar_inner .kensakubutton_wrap li:first-child .button_search.exec_search span { font-size:16px; line-height:46px; }
@media only screen and (min-width:768px) {
	.search_bar { padding:20px 0; }
	.search_bar.show .search_bar_inner .kensakubutton_wrap { margin-top:0; }
	.search_bar.show .search_bar_inner .kensu strong .ajax_counter { font-size:36px; }
	.search_bar.show .search_bar_inner .kensakubutton_wrap li:first-child .button_search.exec_search span { font-size:20px; }
}
@media only screen and (min-width:1200px) {
	.search_bar.show .search_bar_inner { width:1080px;}

}



/*件数*/
.kensu strong .ajax_counter { font-size:24px; margin-right:5px; margin-left:5px; letter-spacing:0.04; font-family: "Roboto", sans-serif; font-weight:bold; }
@media only screen and (min-width:768px) {
	.kensu { line-height:56px; margin-bottom:0; /*margin-top:10px;*/}
	.kensu strong .ajax_counter { font-size:36px; }
}










 .button_search:disabled { opacity:0.5;  }
 .button_white:disabled { opacity:0.5;  }
 .button_search:disabled:hover { background:#5B8D61; color:#fff; }
 .button_white:disabled:hover { background:#fff; color:#5B8D61;  }


@media screen and ( min-width:768px ) {

	.kensakubutton_wrap.modal_joken { padding-bottom:150px; font-size:20px; }
	.kensakubutton_wrap.modal_joken .button_search { height:initial; }
}

.kensakubutton_wrap li:first-child  .button_search { width:100%; margin:0 auto 22px auto; }
.kensakubutton_wrap li:first-child .button_search.goto_stationselect { margin-bottom:0; }

@media (min-width: 768px) and (max-width: 1280px) {
	.kensakubutton_wrap li:first-child .button_search { margin-bottom:0; }
}

@media screen and ( max-width:768px ) {
	.kensakubutton_wrap.modal_joken { padding-bottom:150px; font-size:20px; }
	.kensakubutton_wrap.modal_joken li:nth-child(2){ width:48%; flex:1; gap:10px; /*padding:0 3px;*/ }
	.kensakubutton_wrap.modal_joken li:nth-child(2) .button_search.exec_search span { font-size:16px; }

	.kensakubutton_wrap li:nth-child(2) .button_search.exec_search.button_keyword { height:56px; line-height:56px; }
	.kensakubutton_wrap li:nth-child(2) .button_search.exec_search.button_keyword span { font-size:20px; }
	.jokenDetail_wrap_city li:nth-child(2) .button_search.exec_search { font-size:16px; height:46px; line-height:46px; }


	.kensakubutton_wrap li:nth-child(3) { width:48%; flex:1; gap:10px; /*padding:0 3px;*/ }
	.kensakubutton_wrap li:nth-child(4) { width:48%; flex:1; gap:10px; /*padding:0 3px;*/ }
	.kensakubutton_wrap li:first-child  .button_search span { font-size:20px;}


}
@media screen and ( min-width:768px ) {
	.kensakubutton_wrap li:nth-child(2),.kensakubutton_wrap li:nth-child(3) { width:48%;  }
}





.kensakubutton_wrap li:nth-child(2) .button_white { width:100%; }
.kensakubutton_wrap li:nth-child(3) .button_white { width:100%; }
.button_white { height:46px; }
.kensakubutton_wrap.modal_joken .kensu { width:100%; font-size:16px; line-height:1.2; display:inline-block; text-align:center; /*margin-bottom:10px; */}
.kensakubutton_wrap.modal_joken .kensu strong .ajax_counter { font-size:30px; margin-left:5px; margin-right:2px; letter-spacing:0.04; font-family: "Roboto", sans-serif; font-weight:bold; }
@media only screen and (min-width:768px) {
	.kensakubutton_wrap.modal_joken .kensu { width:auto; line-height:56px; margin-bottom:0; }	
	.kensakubutton_wrap.modal_joken .kensu strong { font-size:42px; }
	.kensakubutton_wrap.modal_joken .kensu strong .ajax_counter { font-size:36px; }
}
@media screen and ( min-width:320px ) {
	.button_white span { font-size:16px; line-height:46px; letter-spacing:0.04em; }

}
@media screen and ( min-width:375px ) {

	.button_search span.ichiran { font-size:20px; line-height:56px; }
}
@media screen and ( min-width:414px ) {

}
.button_search.goto_stationselect { margin-bottom:0; }
@media screen and ( min-width:768px ) {
	.kensakubutton_wrap .button_search span { font-size:20px; }
	.kensakubutton_wrap .button_white span { font-size:20px; line-height:56px; }
	.button_white span { font-size:20px; line-height:56px; }
	.button_search span { font-size:20px;line-height:56px;  }
	.kensakubutton_wrap li:nth-child(2) .button_white { width:100%; }
}
@media screen and ( min-width:1000px ) {
	.kensakubutton_wrap li:nth-child(2) .button_white { width:300px; }
}


.button_search span.textsize20 { font-size:20px; }
.button_white::before { right:4px; }
.button_white:hover::before { right:0; }



/*検索する、条件を絞り込む、町を指定する*/
@media screen and ( min-width: 768px ) {

	.button_white { height:56px; line-height:56px; }
	.button_white::before { right:13px; }
	.button_white:hover::before { right:9px; }
	.button_search span.textsize20 { font-size:20px; }
}




/*ここから書き直し*/



@media screen and ( min-width: 768px ) {
ul.kensakubutton_wrap {
	display: flex;
	justify-content: center; /* 中央寄せ */
	Gap:5px;              
	max-width: 1080px;
	height:56px; 
	margin: 0 auto;
	padding: 0;
	Flex-wrap: wrap;         /* 改行が必要なときの対応 */
  }
  
  ul.kensakubutton_wrap li {
	flex-shrink: 0;          /* 幅を縮めないように */
  }
  
  ul.kensakubutton_wrap li:first-child { width:auto; }
  ul.kensakubutton_wrap li:nth-child(n+2) {
	Width: 300px;            /* 2番目以降は固定幅 */
  }
}


@media screen and (max-width: 768px) {
	ul.kensakubutton_wrap { width:100%; display: flex;flex-wrap: wrap;gap: 4%;}
	ul.kensakubutton_wrap li:nth-child(1) .kensu { width:100%; display:inline-block; text-align:center; }
  
	/* liが2個のとき */
	ul.kensakubutton_wrap li:nth-child(1) { /*margin-bottom:10px;*/ }
	ul.kensakubutton_wrap li:nth-child(1):nth-last-child(2){width: 100%; margin-bottom:18px; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(1) {width: 100%; margin-bottom:0; }
	ul.kensakubutton_wrap li:nth-child(2) { margin-bottom:18px; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(1) .button_search.exec_search { height:56px; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(1) .button_search.exec_search span {font-size: 20px;line-height: 56px;}
  
	/* liが3個のとき */
	ul.kensakubutton_wrap li:nth-child(1):nth-last-child(3) {width: 100%; margin-bottom:18px; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(2)	{ width: 48%; margin-bottom:0; }
	ul.kensakubutton_wrap li:nth-child(3):nth-last-child(1) { width: 48%; margin-bottom:0; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(2) .button_search.exec_search { height:46px; }
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(2) .button_search.exec_search span {font-size: 16px;line-height: 46px;}
  
	/* liが4個のとき */
	ul.kensakubutton_wrap li:nth-child(1):nth-last-child(4),
	ul.kensakubutton_wrap li:nth-child(2):nth-last-child(3) {width: 100%; margin-bottom:18px; }
	ul.kensakubutton_wrap li:nth-child(3):nth-last-child(2),
	ul.kensakubutton_wrap li:nth-child(4):nth-last-child(1) {width: 48%;}
	.button_search { width:100%; }


  }

  /*非公開物件問い合わせ*/
.hikoukai_wrap { width:100%; background:#DFEAE0; padding:40px 0; }
.hikoukai_wrap .hikoukai_inner { width:90%; margin:0 auto; text-align:center; position:relative; display:flex; flex-wrap:wrap; }
.hikoukai_wrap .hikoukai_inner .button_contact { background:#5C9062; color:#fff; }
.hikoukai_wrap .hikoukai_inner .button_contact::before {background-image: url('/img/arrow_contact_w.svg');}
.hikoukai_wrap .hikoukai_inner p { width:100%; margin-top:15px; margin-bottom:15px; text-align:center; display:inline-block; letter-spacing:0.05em;  }
.hikoukai_wrap .hikoukai_inner .fukidashi { font-size:16px; width:auto; padding:10px; display:flex; align-items:center; background:#FFFE9B; border-radius:10px; border:2px solid #5C9062; text-align:center; color:#5C9062; letter-spacing:0.05em; position:relative; }
.hikoukai_wrap .hikoukai_inner .fukidashi::after{content:"";position:absolute;bottom:30px;right:-4%;width:18px;height:18px;background:url("/buy/img/fukidashi_sentan.svg") no-repeat center/contain;transform:rotate(300deg);}
.hikoukai_wrap .hikoukai_inner .illust_hikoukai.inline_sp { width:50px; margin:10px auto 0 auto; display:block; }
 .hikoukai_wrap .hikoukai_inner .illust_hikoukai.inline_pc { display:none; }
@media (min-width:768px) {
  .hikoukai_wrap { padding:80px 0; }
  .hikoukai_wrap .hikoukai_inner { position:relative; }
  .hikoukai_wrap .hikoukai_inner p { font-size:24px; margin-top:30px; margin-bottom:36px; margin-left:5px; }
  .hikoukai_wrap .hikoukai_inner .illust_hikoukai.inline_pc { width:135px; position:absolute; top:0; right:0; display:block;}
  .hikoukai_wrap .hikoukai_inner .illust_hikoukai.inline_sp { display:none; }
  .hikoukai_wrap .hikoukai_inner .fukidashi  { width:90%; font-size:32px; margin:0 auto; display:block; padding:15px 0; }
  .hikoukai_wrap .hikoukai_inner .fukidashi::after {content: "";position: absolute;bottom:-15px; left: 50%; width:18px;height:18px;background: url("/buy/img/fukidashi_sentan.svg") no-repeat center / contain; transform:rotate(0deg);}

}
@media (min-width:1280px) {
  .hikoukai_wrap .hikoukai_inner { max-width:1280px; }
  .hikoukai_wrap .hikoukai_inner .fukidashi { width:1000px; }

}
  
  


  









