@charset 'utf-8';

/* html { visibility: hidden; scroll-behavior:smooth; }
html.wf-active {visibility: visible;} */

/*========== 共通 ==========*/
body { letter-spacing: 0em; font:normal normal normal 16px/1.8em "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; letter-spacing : 0.08em; box-sizing : border-box; font-weight : 500; color: #000; }
body * { box-sizing:border-box; }

/*----- 表示/非表示 -----*/
.sp,.none_pc { display: block; }
.inline_sp,.inline_none_pc { display: inline; }
.flex_sp,.flex_none_pc { display: flex; }
.pad,.inline_pad,.flex_pad { display: none; }
.pad_only,.inline_pad_only,.flex_pad_only { display: none; }
.pc,.inline_pc,.flex_pc { display: none; }
@media screen and (min-width:768px) {
	.sp,.inline_sp,.flex_sp { display: none; }
	.pad { display: block; }
	.inline_pad { display: inline; }
	.flex_pad { display: flex; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.pad_only { display: block; }
	.inline_pad_only { display: inline; }
	.flex_pad_only { display: flex; }
}
@media screen and (min-width:1025px) {
	.none_pc,.inline_none_pc,.flex_none_pc { display: none; }
	.pc { display: block; }
	.inline_pc { display: inline; }
	.flex_pc { display: flex; }
}

/*----- 全体 -----*/
.contents { width: min(90vw, 1200px); margin: 0 auto; padding: 80px 0; }
.content { padding:40px 0; }
.nopadding { padding-top: 0; padding-bottom: 0; }
.nopadding_top { padding-top: 0; }
.nopadding_bottom { padding-bottom: 0; }
@media screen and (min-width: 768px) {
    .contents { padding: 120px 0; }
    .content { padding:80px 0; }
}

/*----- 背景色 -----*/
.bg_b { background: #000; }
.bg_g { background: #EEEEED; }
.bg_w { background: #FFF; }
.bg_main { background:  #EB6D2E }
.bg_sub { background: #F7F4E6; }

/*----- フォント -----*/
/* ファミリー */
.arial_rounded { font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
/* サイズ */
.size_40r { font-size: 28px; letter-spacing: 0.08em; line-height:  1.5; }
.size_32r { font-size: 24px; letter-spacing: 0.08em; line-height: 1.5; }
.size_24r { font-size: 20px; letter-spacing: 0.08em; line-height: 1.8; }
.size_20r { font-size: 18px; letter-spacing: 0.08em; line-height: 1.8; }
.size_24fx { font-size: 24px; letter-spacing: 0.08em; line-height: 1.8; }
.size_16fx { font-size: 16px; letter-spacing: 0.08em; line-height: 1.8; }
.size_14fx { font-size: 14px; letter-spacing: 0.08em; line-height: 1.8; }
.size_12fx { font-size: 12px; letter-spacing: 0.08em; line-height: 1.8; }
@media screen and (min-width: 768px) {
	.size_40r { font-size: 40px; }
	.size_32r { font-size: 32px; }
	.size_24r{ font-size: 24px; }
	.size_20r{ font-size: 20px; }
}
/* 太さ */
.medium { font-weight: 400; }
.bold { font-weight: 700; }
/* 色 */
.color_b { color: #000; }
.color_g { color: #676767; }
.color_lg { color: #B4B4B4; }
.color_w { color: #FFF; }
.color_main { color: #EB6D2E; }
/*末尾省略*/
.ellipsis-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/*----- パンくず -----*/
.bread { position: absolute; top: 97px; right: 0; left: 0; display: flex; align-items: center; gap: 8px; width: 90vw; margin: 0 auto; font-size: 14px; line-height: 1em; overflow-x: scroll; z-index: 50; }
.bread li { white-space: nowrap; }
@media screen and (min-width:1160px) {
    .bread { top: 115px; }
}


/*========== パーツ ==========*/
/*----- チェックボックス -----*/
.checkbox_label { display: inline-flex; align-items: center; gap: 12px; line-height: 1em; cursor: pointer; }
.checkbox_label input[type="checkbox"] { appearance: none; position: relative; width: 24px; height: 24px; background: #FFF; border: 1px solid #000; cursor: pointer; }
.checkbox_label input[type="checkbox"]:hover { background: #DDD; }
.checkbox_label input[type="checkbox"]:checked { border: 1px solid #EB6D2E; background: #EB6D2E; }
.checkbox_label input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 3px; left: 8px; width: 5px; height: 10px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.checkbox_label input[type="checkbox"]:checked:hover { opacity: 0.8; }
@media (min-width:1025px) {
    .checkbox_label input[type="checkbox"] { width: 20px; height: 20px; }
    .checkbox_label input[type="checkbox"]:checked::after { top: 3px; left: 6px; width: 4px; height: 8px; }
}

/*----- heading -----*/
/* deco */
.h_deco { display: block; width: 200px; height: auto; margin: 0 auto; }
.h_deco_wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: 700; }
.h_deco_wrap .h_ja { font-size: 14px; line-height: 1em; }
.h_deco_wrap .h_en { font-size: 40px; line-height: 1em; font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
@media screen and (min-width: 768px) {
    .h_deco { display: block; width: 320px; height: auto; margin: 0 auto; }
    .h_deco_wrap { gap: 12px; }
    .h_deco_wrap .h_ja { font-size: 18px; }
    .h_deco_wrap .h_en { font-size: 60px; }
}
/* simple */
.h_simple_wrap { position: relative; font-weight: 700; }
.h_simple_wrap .h_ja { font-size: 24px; line-height: 1.8em; }
@media screen and (min-width: 768px) {
    .h_simple_wrap .h_ja { font-size: 32px; }
}

/*----- ボタン -----*/
.button { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 700; cursor: pointer; transition: all .3s; }
.button_text { display: flex; align-items: center; gap: 8px; }
.icon_mail { height: 1.2em; }
.button_arrow { position: absolute; top: 0; bottom: 0; right: 0; width: 6px; margin: auto; transition: all .3s; }
.button_wm { background: #FFF; border: 2px solid #000; color: #000; }
.button_bw { background: #000; border: 2px solid #000; color: #FFF; }
.button_bw .button_arrow { filter: invert(100%); }
/* hover */
.button_wm:hover { background: #EB6D2E; color: #000; }
.button_bw:hover { background: #FFF; color: #000; }
.button_bw:hover .button_arrow { filter: invert(0%); }
@media screen and (min-width: 768px) {
    .button { width: 360px; height: 80px; }
    .button_arrow { right: 32px; width: 8px; }
    .button:hover .button_arrow { right: 24px; }
}

/*----- 該当件数 -----*/
.result { display: flex; align-items: baseline; font-size: 14px; font-weight: 700; }
.result .result_count { margin: 0 4px; font-size: 32px; transform: translateY(2px); }
@media screen and (min-width: 768px) {
    .result { font-size: 18px; }
    .result .result_count { margin: 0 6px; font-size: 48px; transform: translateY(3px); }
}

/*========== 物件情報 ==========*/
/* flag */
.flag_wrap { display: flex; gap: 8px; }
.flag { padding: 4px 8px; color: #FFF; font-size: 14px; line-height: 1em; font-weight: 700; }
.flag_new { background: #FAC600; }












/*

main { width:100%; overflow:hidden; margin-top:70px; }
.contents  { width:100%; position:relative; overflow:hidden; }
.wrap  { width:90%; max-width:1120px; margin:0 auto 50px auto; position:relative; }
@media screen and (min-width: 740px) {
	.wrap  { margin-bottom:50px; }	
}
@media screen and (min-width: 1400px) {
	main { margin-top: 95px; }
}
p {text-align: justify;} */


/*ページのタイトル*/
/* .wrap .title_text { width:100%; height:auto; }
.title_text_h1 { font-size:14px; letter-spacing:0.05; margin-bottom:5px; }
.title_text_st{ font-size:40px; display:inline-block; line-height:1.2em; font-family:'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.1em; color:#D6C6AE; margin-bottom:30px; }

@media screen and (min-width: 740px) {
	.title_text_h1 { font-size:18px; margin-bottom:15px; }
	.title_text_st { font-size:55px; margin-bottom:30px; }
}

@media screen and (min-width: 1120px) {
	
} */


/*ぱんくず*/
/* .bread { width:90%; display:flex; flex-wrap:wrap; line-height:1.5em; margin:0 5%; align-items:center; font-weight:normal; font-size:13px; padding-bottom:10px; letter-spacing:0;}
.bread li { margin-right:5px; }
.bread_link { width:auto; }
.bread_link a { width:100%; align-items: center; font-size:14px; font-weight:normal; display:inline-block; margin-top:2px; }
.bread_link a img { width:15px; }

@media screen and (min-width:740px) and (max-width:1200px) {
	.bread { width:90%; margin:5px 5% 0px 5%;}
	.inline_pc .bread { width:100%; margin:5px 0 0px 0; display:flex; }
}
@media screen and (min-width:1200px) {
	.inline_pc .bread { width:100%; margin:5px 0 20px 0; display:flex; position:relative; z-index:1;}
    .bread { width:100%; margin:10px auto 85px auto; }
    .bread li a:hover{ text-decoration:underline; }
    .bread_link a:hover{ text-decoration:underline; }
}

@media screen and (min-width: 1400px) {
    .bread { width:1120px; margin:10px auto 85px auto; padding:0; }
}

.flag{ color:#fff; font-size:12px; padding:2px 5px; margin:0 5px 5px 0; line-height:1.5; white-space:nowrap; }
.flag_new{ background:#FAC600; }
.flag_land { background:#73DD8F; }
.flag_nhouse { background:#64D6EA; }
.flag_uhouse { background:#F7687E; }
.flag_mansion { background:#B893E8; }
.flag_pricedown { background: #f67241;}
.beige { color:#D6C6AE;} */

/*ボタン*/
/* .btn_slide_arrow { width:90%; margin:30px 5% 50px 5%; display:inline-block; position: relative; padding:25px 0;border: 2px solid #000;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff; transition: 500ms;}
.btn_slide_arrow::after {position: absolute;right: 2rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
.btn_slide_ondo::after { content: '\f08e'; }
.btn_slide_arrow:hover::after { right: 1.5rem; }
.btn_slide_ondo:hover::after { right: 2rem; }
.btn_slide_arrow:hover { background:#000; color:#fff; }
@media screen and (min-width:740px) and (max-width:1120px) {
	.btn_slide_arrow { width:47%;   margin:50px 15% 100px 15%;  }
}
@media screen and (min-width: 1120px) {
    .btn_slide_arrow {width:375px; margin:0 15%;  }
}

h2 { line-height:1.7em; }

@keyframes toleft{
	0% {
		margin-right:-100px; margin-left:100px; opacity:0;
	}
	100% {
		margin-right:0; margin-left:0; opacity:1;
	}
}

@keyframes toright{
	0% {
		margin-left:-100px; opacity:0;
	}
	100% {
		margin-left:0; opacity:1;
	}
}

@keyframes totop{
	0% {
		margin-top:50px; opacity:0;
	}
	100% {
		margin-top:0; opacity:1;
	}
}


.fadeUp {
animation-name: fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} */