@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) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/

/*検索ボタンの表示・非表示*/

.kensakubutton_wrap li:nth-child(3)  { display:none; }

.kodawari_wrap { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:40px; }
.title_wrap .title h1::before {content: ''; display: inline-block; width:31px; height:31px; background-image: url('/img/icon_house.svg'); background-size: contain; background-repeat: no-repeat; margin-right:20px; }

@media screen and ( min-width: 768px ) {
    .kodawari_wrap { margin-bottom:0px; }
}
.kodawari_wrap li { width:48%; border:1px solid #707070; border-radius:6px; text-align:center; margin:0 0 13px 0; position:relative; box-sizing: border-box; }
.kodawari_wrap li.last { margin-bottom:0; }

.kodawari_wrap li img { height:40px; margin-top:16px; margin-bottom:0px; }
.kodawari_wrap li img.icon_low { height:20px; margin-top:36px; }
.kodawari_wrap li span { width:100%; font-size:14px; display:inline-block; text-align:center; margin-bottom:12px; line-height:1.1em; }
.kodawari_wrap li.title { width:100%; border:none; margin-top:0px; }
.kodawari_wrap li.title.shuhenkankyo { margin-top:40px; }
.kodawari_wrap li.title span { width:100%; font-size:16px; letter-spacing:0; font-family: 'GenJyuuGothic-Bold'; font-style: normal; text-align:left; border:0; display:block; margin:0; text-align:left; color:#3B3B3B; }
.kodawari_wrap li.noborder { border:none; }
.kodawari_wrap li a { width:100%; height:100%; transition:0.3s; display:inline-block; }
@media screen and ( min-width: 768px ) {
    .kodawari_wrap li a { border-radius:6px;}
}
.kodawari_wrap li a:hover { background:#DCEFDE; }
.kodawari_wrap li a .arrow {display: inline-block; transition: transform 0.3s ease; }

.kodawari_wrap li a .arrow { width:16px; position:absolute; right:10px; top:10px; }
@media screen and ( min-width: 768px ) {
    .kodawari_wrap li a .arrow { position:initial; right:initial; top:initial;}
}

.kodawari_wrap li a:hover .arrow {transform: translateX(5px);}
.title_wrap p.title_text { margin-bottom:0; }


/*グレーアウト用CSS*/
.kodawari_wrap li.gray { color:#BBBBBB; border:1px solid #BBBBBB;}
.kodawari_wrap li.gray img { filter: grayscale(100%); opacity:0.5; }
.kodawari_wrap li.gray a{pointer-events: none; cursor: not-allowed;}
.sample_buttons button.active{color:#5C9062; background:#DCEFDE; }

@media screen and ( min-width: 768px ) {
    .kodawari_wrap.last { margin-bottom:0; }
    .sample_buttons button:hover{color:#5C9062; background:#DCEFDE; }
}


.sample_buttons { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; padding-bottom:35px; border-bottom:1px solid #DBDBDB; margin-bottom:35px; }
.sample_buttons button { width:48%; height:40px; border:1px solid #5C9062; border-radius:5px; text-align:center; color:#5C9062; margin-bottom:20px; }
.sample_buttons #old { margin-bottom:0; } 
.sample_buttons #land { margin-bottom:0; } 
@media screen and ( min-width: 768px ) {
    .sample_buttons { justify-content: space-between; padding-bottom:40px; border-bottom:1px solid #DBDBDB; margin-bottom:80px; margin:0 auto; }
    .sample_buttons button { width:24%; margin-bottom:0; }

}
@media screen and ( min-width:1000px ) {
    .sample_buttons {  width:90%; }

}
@media screen and ( min-width:1200px ) {
    .sample_buttons {  width:830px; }
    .sample_buttons button { width:200px; }
}



.box_contents.beige_back { margin-bottom:40px; }
.midashi { width:90%; display:flex; flex-wrap:wrap; margin:0 auto 35px auto; }
.midashi dt { width:110px; height:32px; margin-right:20px; margin-bottom:10px; font-weight:bold; line-height:32px; letter-spacing:0.05em;  border-radius:9999px; background:#FCFF56; color:#1B1B1B; text-align:center; font-family: "Roboto", sans-serif;}
.midashi dd { width:100%; }
.midashi dd p { letter-spacing:0.04em; line-height:32px; }

@media screen and ( min-width:768px ) {
.inner .midashi { width:100%; }
}
@media screen and ( min-width:1200px ) {
    .box_contents.beige_back { margin-bottom:0; }
    .midashi { width:830px; margin:80px auto 34px auto; flex-wrap:initial; }
    .inner .midashi { width:830px; }
    .midashi.margintop0 { margin-top:0; }
    .midashi dt { width:110px; height:32px;font-size:18px;  margin-right:20px; margin-bottom:0; line-height:32px; letter-spacing:0.05em;  border-radius:9999px; background:#FCFF56; color:#1B1B1B; text-align:center; font-family: "Roboto", sans-serif;}
    .midashi dd { width:auto; }
}

.box_contents .inner { padding-top:0; }
.box_contents .inner .midashi { margin-left:0; }
.kodawari_wrap li.last1,.kodawari_wrap li.last2 { margin-bottom:0; }
@media screen and ( min-width: 768px ) {
    .kodawari { width:90%;}
    .kodawari .kodawari_wrap { width:48%; float:left; }
    .box_contents .inner .midashi { margin:80px auto 35px auto; }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .kodawari { width:100%; }
    .kodawari .kodawari_wrap.right { width:48%; margin-left:2%; }
    .kodawari .kodawari_wrap li img.arrow { width:16px; height:auto; position:absolute; top:46.5px; right:10px; margin-top:0; }
}

@media screen and ( min-width:1200px ) {
    .kodawari { width:830px; margin:0 auto; flex-wrap:wrap; }
    .kodawari .kodawari_wrap.right { float:right; margin-right:0; }
    .kodawari .kodawari_wrap { margin-bottom:40px; }
    .kodawari .kodawari_wrap li img { margin-top:22px; }
    .kodawari .kodawari_wrap li img.arrow { width:16px; height:auto; position:absolute; top:46.5px; right:10px; margin-top:0; }
    .kodawari .kodawari_wrap li span { margin-bottom:16px; }
    .kodawari .kodawari_wrap li.title { margin-top:0; }
    .kodawari .kodawari_wrap li.last1,.kodawari_wrap li.last2 { margin-bottom:0; }
    .kodawari .kodawari_wrap li.title.shuhenkankyo { margin-top:92px; }

}


.box_contents.beige_back.history { margin-bottom:0; padding-top:48px; padding-bottom:65px;}
@media screen and ( min-width:1200px ) {
    .box_contents.beige_back.history { padding-top:0px; }
    .search_history { margin-top:120px; }
    .box_contact { margin-top:0; }
}

.title_wrap p.title_text { text-align:center; }