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

.searchbutton_wrap li a.button_area:link { background:#E5EDE6; }
.searchbutton_wrap li a.button_area:visited { background:#E5EDE6; }

.title_wrap .title h1 { font-size:24px; display:flex; align-items:center; justify-content:center; }
.title_wrap .title h1::before {content: ''; display: inline-block; width:31px; height:31px; background-image: url('/img/icon_area.svg'); background-size: contain; background-repeat: no-repeat; margin-right:15px; }
.button_line:link { background:#fff; }
.searchlist li .kensu { color:#3B3B3B; }
.box_contents .inner h2 { font-size:18px; }
.box_contents .inner h2 small { font-size:16px; }
.searchbutton_wrap li a span.inline_pc { display:none; }
.box_contents .inner.searchlist_wrap { width:90%; margin:0 auto; }

.searchbutton_wrap { margin-bottom:0; }





@media screen and ( min-width: 768px ) {
	.title_wrap .title h1 { font-size:32px; }
	.searchlist {border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; padding:0; }
	.searchlist li { width: calc(100% / 3); padding:29px 0; color:#5C9062; }
	.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;} 
	.box_contents .inner h2 { font-size:24px; }
	.searchbutton_wrap li a span.inline_pc { display:inline-block; }
	.searchbutton_wrap { margin-bottom:80px; }
	.box_contents .inner.searchlist_wrap { margin-bottom:120px; }

}


.box_contents.beige_back.history .inner .search_history { width:90%; margin:0 auto; }
.box_contents .inner { padding-bottom: 85px; }
@media screen and ( min-width:1200px ) {
	.box_contents.beige_back.history { padding-bottom:80px; }
	.box_contents.beige_back.history .inner { padding-bottom:0; }
	.box_contents.beige_back.history .inner .search_history { width:100%; }
	.box_contents .inner { padding-bottom:0px; }
}

.searchbutton_wrap.nolist { margin-bottom:0px; }
@media screen and ( min-width: 768px ) {
	.inner.top .searchlist { margin-bottom:15px; }
	.searchbutton_wrap.nolist { margin-top:0; margin-bottom:80px; }
	.searchlist { margin-bottom:80px; }
}