@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 { width:100%; padding:0; margin-bottom:40px; }
.searchbutton_wrap li { width:100%; margin-bottom:24px; }
.searchbutton_wrap li a { padding:22px 0; }
.searchbutton_wrap li .icon { position:absolute; left:24px;  }
.box_contents .inner .searchbutton_wrap li a h3 { font-size:18px; margin:0 auto; }
.searchbutton_wrap li a span { font-size:16px; text-align:center; display:inline; line-height:42px; }
.searchbutton_wrap li a .arrow { right:16px; }
.searchbutton_wrap li a:hover .arrow { right:12px; }
.searchbutton_wrap li a span.inline_pc { display:inline; }
@media only screen and (min-width:768px) {
	.searchbutton_wrap { margin-top:0; margin-bottom:40px; }
	.searchbutton_wrap li { width:48%; }
	.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; }
}

.title_wrap .title h1 { align-items:left; justify-content:left; }
.title_wrap .title h1::before {content:none; }
.title_wrap p.title_text { width:100%; text-align:left; }
@media only screen and (min-width:768px) {
	.title_wrap p.title_text { width:1000%; font-size:18px; }
	.box_contents.pickup .inner h3 { margin-bottom:40px; }
}
@media screen and ( min-width: 1200px ) {

	.title_wrap p.title_text { width:80%; font-size:18px; }
}

/*不動産購入サポート*/
.box_contents .inner .column2.support h3 { width:100%; margin:0 0 24px 0 ; text-align:center; }
.column2 li:last-child { margin-bottom:0; }
.box_contents.beige_back.support { margin-top:0; }
.column2.support .link_wrap { margin-top:10px; }
.column2.support li { background:#fff; }
.column2 li img { width:90%; margin:40px auto 22px auto; display:block; border-radius:0; }
.column2 li p { width:90%; margin:0 auto; display:block; }
.column2 li .link { margin-bottom:43px; margin-right:5%; }
.column2 li h3 { margin-bottom:24px; }
.column2 li { margin-bottom:40px; padding-bottom:40px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner .column2.support h3 { width:97%; text-align:left; margin:0 auto 25px auto;}
	.box_contents.beige_back.support { padding-bottom:0;  }
	.column2.support li { height:510px;background:#fff; padding:40px 23px 0 23px; border-radius:6px; text-align:center; }
	.column2 li { width:43.5%; }
	.column2 li img { width:97%; border-radius:0; margin:0 auto 30px auto; }
	.column2 li .link_wrap { margin-top:10px; }
	.column2 li p { width:97%; margin:0 auto; font-size:18px; letter-spacing:0.04rem; }
	.column2.support .link_wrap { margin-top:22px;}
}


@media screen and ( min-width: 768px ) {
	.title_wrap .title h1 { font-size:48px; margin-bottom:28px; letter-spacing:0.1em; }
	.box_contents.beige_back { padding-bottom:80px; }
}

.title_wrap p.title_text { margin-bottom:24px; }
@media screen and ( min-width: 768px ) {
	.title_wrap p.title_text { margin-bottom:0; }
}

.searchbutton_wrap li:nth-child(3){  margin-bottom:24px; }
@media screen and ( min-width: 768px ) {
	.searchbutton_wrap li:nth-child(3){  margin-bottom:0; }
}

.box_contents .inner h3 { margin-bottom:30px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner h3 { margin-bottom:40px; }
	.show-link_wrap { margin-bottom:0; }
}


/*h2 緑の下線あり*/
.box_contents .inner h2.pickup { margin-bottom:27px; }
@media screen and ( min-width: 768px ) {
	.box_contents .inner h2.pickup { margin-bottom:87px; }
}

.button_search span { line-height:56px; }