@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/

html { font-size: 62.5%; /* remによるフォントサイズ指定 */ }
html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/*共通css*/
body { font: normal normal normal 62.5% "GenJyuuGothic-Medium", sans-serif; font-size: 16px; line-height:1.75em;  text-decoration: none; /*overflow-x: hidden*/; color:#3B3B3B;}
body.no-scroll { overflow: hidden; height: 100vh; }/* スクロールを無効化するためのクラス */
@media screen and ( min-width:601px) {
  body  { color:#1B1B1B ; }
}

/*conflict all style*/
/*main { overflow-x:hidden; }!* 横揺れ防止 *!*/
div { box-sizing:border-box;}
p { display:inline-block; }
strong { display:inline-block; }


.box_contents { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0;}
.box_contents .inner { width: 92%; margin: 0 auto; padding: 85px 0 80px 0;}
@media screen and ( min-width: 768px ) {
    .box_contents .inner { max-width: 1080px; padding: 120px 0;}
}



.inline_pc { display:none;}
.inline_sp { display:inline;}
.block_pc { display:none;}
.block_sp { display:block;}
.inline_sp_pad { display:inline;}
.inline_pc_pad { display:none; }
@media screen and ( min-width:768px) {
  .inline_pc { display:none;}
  .inline_sp { display:none;}
  .block_pc { display:block;}
  .block_sp { display:none;}
  .inline_sp_pad { display:inline-block;}
  .inline_pc_pad { display:inline-block;}
  .inline_pc_only { display:none; }
}
@media screen and ( min-width:1200px) {
  .inline_sp_pad { display:none;}
  .inline_pc { display:inline;}
  .inline_pc_pad { display:inline-block;}
  .inline_pc_only { display:inline;}
}

.pad { display:none; }
@media only screen and (min-width:768px) and (max-width:1000px) {
  .pad { display:inline-block; } 
}
@media screen and ( min-width:1000px) {
  .pad { display:none; }
}

a:hover { text-decoration:none; }

/*色*/
.lightblue { color:#5EA4C9; }
.blue { color:#5481A2; }
.orange { color:#F46C16; }
.khaki { color:#D6B540; }
.bg_khaki { background:#D6B540; }
.yellow { color:#FCFF56; }
.green{ color:#5C9062; }
.black_primary { color:#1B1B1B; }
.black_secondary { color:#3B3B3B; }
.gray_primary { color:#727171; }
.gray_secondary { color:#BBBBBB; }
.gray_tertiary { color:#E2E2E2; }
.lightorange_back { background:#fde7da; }
.yellowgray_back { background:#FCFBF6; }
.beige_back { background:#F6F5F0; }

.flag_type {line-height:22px; font-size:11px; display:inline-block; padding: 0 2.5px; border-radius:2px; letter-spacing:0; }
@media screen and ( min-width:768px) {
  .flag_type {line-height:27px; font-size:12px;}
}

/* 物件種別タグ：新築戸建、中古戸建、土地、マンション */
.flag_type.nhouse { border: 1px solid #7E38C4; color: #7E38C4; width:auto; width:87px; text-align:center; padding:0; } 
.flag_type.uhouse { border: 1px solid #389AC4; color: #389AC4; width:auto; width:87px; text-align:center;  padding:0; } 
.flag_type.land { border: 1px solid #E58B1F; color: #E58B1F; width:auto; width:87px; text-align:center;  padding:0; } 
.flag_type.mansion { border: 1px solid #C43884; color: #C43884; width:auto; width:87px; text-align:center;  padding:0; } 
@media screen and ( min-width:768px) {
  .flag_type.nhouse,.flag_type.uhouse,.flag_type.land,.flag_type.mansion { width:94px;}
}

/*タグ：リフォーム、リノベーション、新着*/
.flag_type.reform { width:82px; color:#5C9062; text-align:center; border:1px solid #5C9062; }
.flag_type.renovation {border: 1px solid #5C9062;background:#fff;color:#5C9062;}
.flag_type.new { width:auto; border: 1px solid #5C9062;background:#5C9062;color:#FAF063;text-align:center; padding:0 4px; }
@media screen and ( min-width:768px) {
  /* .flag_type.new { width:94px; } */
}

/*フォント*/
.bold { font-weight:bold; }
.roboto { font-family: "Roboto", sans-serif; font-weight:bold; font-style: normal;}
@font-face {
  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');
  }
@font-face {
    font-family: 'GenJyuuGothic-Medium';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/GenJyuuGothic-Medium.woff2') format('woff2'),
    url('../fonts/GenJyuuGothic-Medium.woff') format('woff');
}

.font_normal { font-family: 
  -apple-system, /* iOS, macOS */
  BlinkMacSystemFont, /* macOS */
  "Segoe UI", /* Windows */
  "Roboto", /* Android */
  "Helvetica Neue", /* iOS */
  "Helvetica", /* 通常のサンセリフフォント */
  sans-serif; /* サンセリフのフォールバック */}

.font_medium { font-family: 
    -apple-system, /* iOS, macOS */
    BlinkMacSystemFont, /* macOS */
    "Segoe UI", /* Windows */
    "Roboto", /* Android */
    "Helvetica Neue", /* iOS */
    "Helvetica", /* 通常のサンセリフフォント */
    sans-serif; /* サンセリフのフォールバック */
    font-weight:500; }  

.genjyuu_bold { font-family: 'GenJyuuGothic-Bold'; font-style: normal;}
.genjyuu_medium { font-family: 'GenJyuuGothic-Medium'; font-style: normal;}

/*中心*/
.center { width:100%; text-align:center; display:inline-block; }

.box_contents p.center_pc { width:100%; text-align:left; }
@media screen and ( min-width:768px) {
  .box_contents p.center_pc { text-align:center; font-size:18px; line-height:3.0rem; letter-spacing:0.04em;}
}

/*フォントサイズ*/
.title_big { font-size:24px; line-height:3rem; letter-spacing:0.1em; }
@media screen and ( min-width:768px) {
  .title_big { font-size:32px; line-height:1.7em; letter-spacing:0.04em;}
}

.title_medium { font-size:24px; line-height:3.2rem; letter-spacing:0.04em; }
.title_small { font-size:16px;  line-height:3.2rem; letter-spacing:0.1em; }
.text_small { font-size:18px;  line-height:3rem; letter-spacing:0.04em; }

.font18 { width:100%; display:inline-block; font-size:18px; }
.font28 { width:100%; display:inline-block; font-size:28px; line-height:4.0rem; letter-spacing:0.04em;}



/*h1・h2部分*/
.title_wrap { width:100%; display:flex; flex-wrap:wrap; }
.title_wrap p { width:100%; margin:0 auto; line-height:1.75em; text-align:left; text-align:justify; color:#3B3B3B; }
.title_wrap p.title_text { width:100%; margin:0;}
.title_wrap .title { width:100%; text-align:center; margin:0 0 24px 0; display:block; float:left; }
@media screen and ( max-width:600px) {
  .title_wrap .title { margin-bottom:0px; }
  .title_wrap p { color:#3B3B3B; }
}
.title_wrap .title p { width:100%; text-align:center; font-size:16px; text-align:justify; font-weight:500; }
.title_wrap .title p.h2_detail { font-size:16px; line-height:1.6em; }
.title_wrap .title.margintop0 { margin-top:0; }
.title_wrap .title.bottom40 { margin-bottom:40px; }
.title_wrap .title.reform { margin:0 0 5px 0; }
.title_wrap .title.rashiku { margin-top:40px; margin-bottom:0px; }
.title_wrap .title h1,.title_wrap .title h2 { width:100%; font-size:28px; letter-spacing:0.04em; font-family: 'GenJyuuGothic-Bold'; margin-bottom:24px; }

@media screen and ( min-width:768px) {
  .title_wrap .title p { color:#3B3B3B;}
  .title_wrap { justify-content: space-between; margin-bottom:40px; }
  .title_wrap.flexend { align-items: flex-end;}
  .title_wrap p { width:auto; letter-spacing:0.04em; }
  .title_wrap .title { width:auto; text-align:left; margin:0; }
  .title_wrap .title.width100  { width:100%; text-align:center; }
  .title_wrap .title h1,.title_wrap .title h2 { font-size:48px; line-height:4.8rem; margin-bottom:24px; }

  .title_wrap .title p.h2_detail { font-size:18px; letter-spacing:0.04em;}
 
}
@media screen and ( min-width:1000px) {
  .title_wrap .title h2  { margin-bottom:0px; }
  .title_wrap { margin-bottom:60px; }
}

/* iPad (landscape) */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  #slick1 li .voice_info { flex-wrap:wrap; }
}

/*h2下のアンダーライン*/
.title_underline {position: relative; width: 100%; height: 3px; overflow: hidden; }
.title_underline::before {content: ''; position: absolute; bottom:-6px; left: 50%; transform: translateX(-50%); width:120%; height: 3px; background: linear-gradient(to right, #5C9062 33.33%, #E2E2E2 33.33%); }


.title span small { font-size:8px; color:#FCFF56; line-height:18px; margin-right:10px; }
.title span { width:100%; margin-bottom:24px; color:#BBBBBB; /*line-height:18px; */letter-spacing:0.2em; display:flex; align-items:center; justify-content: center; 
  font-family: "Roboto", sans-serif; font-weight:600; font-style:normal;}
.title span.green { color:#5C9062; letter-spacing:0.2em; } 
.title span.green.fontweight_spnormal { font-weight:bold; }
@media only screen and (min-width:768px) {
  .title span { text-align:left;  display:inline-block; text-align:left; font-size:16px;  }
  /* .title_wrap.double { margin-left:42px; } */
}
@media only screen and (min-width:1200px) {
  .title span { display:flex; justify-content: initial; font-weight:bold; }
}


/*マージン*/
.marginbottom20 { display:inline-block; margin-bottom:20px; }
.margintop100 { display:inline-block; margin-bottom:100px; }


/* コンテンツ */
.contents { width:100%; }
/* .contents p { font-size:1.4rem; } 不要なら消す*/
.contents .inner { width:100%; margin: 0 auto; }

/*ボックスコンテンツ*/
.box_contents { width:100%; height:auto; margin:0 auto 0 auto; display:block; /*overflow: hidden;*/}
.box_contents .inner  { width:90%; margin:0 auto; }
@media only screen and (min-width:834px) {
  .box_contents { width:100%; margin:0; padding:0; }
  .box_contents .inner { display:flex; margin:0 auto; padding:120px 0; flex-wrap:wrap; }
}
@media only screen and (min-width:1200px) {
  .box_contents .inner { max-width:1080px; }
}





/* テキストリンク */
.box_contents .link_wrap { width:100%; text-align:center; margin-top:25px;}
.box_contents .link { width:auto; font-size:15px; display:inline-flex; font-family:'GenJyuuGothic-Bold'; letter-spacing:0.04rem; color:#5C9062; align-items:center; justify-content:center; position:relative; margin:0; padding-bottom:5px;}
@media screen and (min-width:414px) {
  .box_contents .link { font-size:16px; }
}
.box_contents .link img { margin: 0 0 0 10px; transition: transform 0.3s ease; }
.box_contents .link img.arrow_right { width:auto; }
.box_contents .link:hover img { transform: translateX(4px); }
.box_contents .link::before { content:''; position:absolute; width:100%; height:1px; left:0; bottom:5px; background:#5C9062; transform:scaleX(1); transform-origin:left; transition:transform 0.3s ease; }
.box_contents .link:hover::before { transform-origin:right; transform:scaleX(0); }
.box_contents .link:hover::after { content:''; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:#5C9062; transform: scaleX(0);transform-origin:left; animation:line-reappear 0.3s ease 0.3s forwards; }
@keyframes line-reappear {
  0% {transform: scaleX(0);}
  100% {transform: scaleX(1);}
}
@media screen and (min-width: 1000px) {
  .box_contents .link_wrap {text-align: right;}
  .box_contents .link {margin: 25px 0 0 0;float: right;}
}
@media screen and (min-width: 1200px) {
  .box_contents .link {margin-top: 20px;}
}



/* パンくず 左端はロゴに揃える*/
.bread { width: 92%; margin:14px auto 0 auto; display:flex; position: absolute; right: 0; left: 0; font-size:12px; white-space: nowrap; z-index:1; }
.bread li { margin-right:5px; font-size:12px; }
.bread li a { transition: color 0.3s ease; /* 色が変わる時間とイージングを指定 */}
.bread li a:hover { color:#5C9062; }
@media screen and ( min-width: 768px ) {
    .bread { width:92%; max-width:1313px; font-size:12px; top:14px; margin-top:initial; }
    .bread li { margin-right:7px; }
}



/*査定*/
.satei { width:90%; display: block; margin:0 auto; }
.satei .satei_title { width: 100%; line-height: 50px; text-align: center; color: #fff; }
.satei .satei_title strong { font-size: 20px; display: block; letter-spacing: 0.1em; font-weight: bold; color: #fff; margin-bottom: 10px; line-height: 1.7em; }
.satei p { width: 90%; margin: 0 5% 20px 5%; text-align: center; }

.satei_inner { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and ( max-width:375px) {
  .satei_inner div strong small { font-size:9px; }
}
.satei_inner div {width:100%; margin: 0 0 0px 0; /*display:flex; flex-wrap:wrap;*/ }
.satei_inner div.yubin { margin-bottom:0; margin-top:20px;}
.satei_inner div small { font-size:11px; }
.satei_inner div strong { width:100%; line-height:2.8rem; /*margin-bottom:10px;*/ display:block ;font-family:sans-serif; font-optical-sizing:auto;  font-style:normal; }
.satei_inner div strong.type { line-height:36px; }
.satei_inner div strong small { font-size:12px; margin-left:10px; font-weight:normal; font-family:sans-serif; font-optical-sizing:auto; font-weight:normal; font-style:normal; }
@media screen and ( min-width:768px) {
  .satei_inner div { margin-bottom:32px; justify-content: space-between; align-items:center; }
  .satei_inner div.yubin { margin:0; }
  .satei_inner div strong { width:auto; line-height:1.2em; }
  .satei_inner div strong small { margin-left:0; font-weight:normal; font-size:12px; }
  .satei_inner div .inline_pc { display:inline; }
}


/*査定の物件種別*/
div.dropdown { display: inline-block; position: relative; width: 100%; margin-bottom: 0; }
div.dropdown__btn { width:100%; height: 54px; line-height: 42px; border: 1px solid #666; background-color: #fff; padding: 5px 15px 5px 5%; text-align: left; min-width: 150px; position: relative; cursor: pointer; float: right; color: #BBBBBB; /* 初期の文字色 */ margin-bottom: 0; }
@media screen and ( min-width:768px) {
  div.dropdown { width:309px; }
  div.dropdown__btn {width: 309px;}
}
.dropdown__btn:hover {
  background-color: rgba(83, 172, 217, 0.1);
}

/* 緑の三角形のスタイル */
.dropdown__btn .triangle {
  display: block;
  position: absolute;
  right: 15px;
  top: calc(50% - 6px);
  border-left: 8px solid transparent; /* 左側の透明な境界線 */
  border-right: 8px solid transparent; /* 右側の透明な境界線 */
  border-top: 12px solid #5C9062; /* 三角形の色と高さ */
  width: 0;
  height: 0;
}

.dropdown__menu-layer {
  position: absolute;
  left: 0;
  top: 0;
  display: none; /* 初期状態は非表示 */
  width: 100%;
}

.dropdown__menu-layer--show {
  display: block; /* クラスが付いたら表示 */
}

.dropdown__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  width: calc(100% - 2px);
  position: absolute;
  top: 54px; /* ドロップダウンメニューをボタンの下に配置 */
  z-index: 1000;
  border: 1px solid #707070;
  right: 0;
  border-top: 0;
  margin-top:-5px; 
}

@media screen and ( min-width:768px) {
  .dropdown__menu {
    width: 307px;}
}

.dropdown__item {
  font-size: 13px;
  padding: 3px 4px 3px 25px;
  cursor: pointer;
  position: relative; 
  font-family: sans-serif;
  font-optical-sizing: auto; 
  font-weight: 400; 
  font-style: normal;
}

.dropdown__item.active {
  background-color: rgba(83, 172, 217, 0.1); /* 選択されたアイテムの背景色 */
}

.dropdown__item::before {
  content: ''; /* 文字を無くし、空のコンテンツに */
  position: absolute; /* 絶対位置を指定 */
  left: 5px; /* 左側に配置 */
  top: 50%; /* 垂直中央に配置 */
  transform: translateY(-50%); /* 垂直位置を調整 */
  width: 16px; /* チェックマークのアイコンの幅 */
  height: 16px; /* チェックマークのアイコンの高さ */
  background-image: url('index/img/icon_sateicheck.svg'); /* チェックマークの画像 */
  background-size: contain; /* アイコンをサイズに合わせる */
  background-repeat: no-repeat; /* 繰り返さない */
  opacity: 0; /* 初期状態は透明 */
  transition: opacity 0.3s ease; /* ホバー時のアニメーション */
}

.dropdown__item:hover::before {
  opacity: 1; /* ホバー時に表示 */
}


/*査定ボタン*/
.input_yubin_satei {margin: 0;padding: 0 10% 10px 2.5%;text-align: left;}
.satei_inner div.button_satei_wrap {
  width: 240px;
  height: 49px;
  position: relative; /* 擬似要素のために相対位置を設定 */
  display: flex;
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  color: #fff; /* 初期文字色 */
  background: #5C9062; /* 初期背景色 */
  border: 1px solid #5C9062; /* ボーダー色 */
  border-radius: 30px; /* 丸みを持たせる */
  margin: 25px auto 10px auto; /* マージン設定 */
  text-align: center; /* テキストを中央揃え */
  transition: background-color 0.3s ease, color 0.3s ease; /* トランジションをまとめて設定 */
}

.satei_inner div.button_satei_wrap::before {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-image: url('../img/arrow_right_w.svg'); /* 初期の矢印画像 */
  background-size: contain;
  background-repeat: no-repeat;
  transition: right 0.3s ease; /* 矢印の位置変化にトランジション */
}

.satei_inner div.button_satei_wrap:hover {
  color: #5C9062; /* ホバー時の文字色 */
  background: #fff; /* ホバー時の背景色 */
}

.satei_inner div.button_satei_wrap:hover::before {
  right: 13px; /* ホバー時の矢印の位置 */
  background-image: url('../img/arrow_right_g.svg'); /* ホバー時の矢印画像 */
}
.button_satei { width:240px; font-size:20px; letter-spacing:0.04em; line-height:47px; }
@media screen and ( min-width:768px) {
  .satei_inner div.button_satei_wrap { width:240px; height:49px; }
  .button_satei { width:100%; height:100%; }
}
@media screen and ( min-width:1200px) {
  .satei_inner div.button_satei_wrap { margin-top:40px; }
}

.satei_inner div.selectBoxSatei { position:relative; margin-bottom:0; }
.selectBoxSatei select { width: 100%; height:54px; padding: 0 10% 0 25px; position: relative; background: #fff; border: 1px solid #707070; color:#BBBBBB; text-align:left; font-family: sans-serif; font-optical-sizing: auto; font-weight:normal; font-style: normal;}
.selectBoxSatei::after { width: 0; content: ""; position: absolute; right: 5%; bottom:25px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:12px solid #5C9062; z-index: 1; pointer-events: none; }
.input_yubin_satei {width:100%; height:54px;display: inline-block;border: 1px solid #707070; color:#BBBBBB; padding:0px 5%; margin: 0;background: #fff;box-sizing: border-box; font-family: sans-serif; font-optical-sizing: auto; font-weight:normal; font-style:normal;}
.input_yubin_satei {-webkit-appearance: none;-moz-appearance: textfield;appearance: textfield;}
.input_yubin_satei::-webkit-inner-spin-button,
.input_yubin_satei::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0; }
.input_yubin_satei::placeholder { color:#BBBBBB; font-size:16px; }

@media screen and ( min-width:768px) {
  .input_yubin_satei { width:309px; }
  .satei_inner div.selectBoxSatei { width:309px;}
}

    .dropdown__item {
        position: relative; /* 位置を相対的にする */
        display: flex; /* チェックマークとテキストを横に並べる */
        align-items: center; /* 中央揃え */
        padding-left: 30px; /* 左に余白を追加（チェックマークのスペース） */
    }

    .dropdown__item::before {
        content: ""; /* 空のコンテンツ */
        display: none; /* 初期状態では非表示 */
        position: absolute; /* 絶対位置で配置 */
        left: 10px; /* 左からの距離 */
        top: 50%; /* 垂直方向中央揃え */
        transform: translateY(-50%); /* 垂直方向中央揃え */
        background-image: url('/img/icon_sateicheck.svg'); /* チェックマークの画像 */
        background-size: 20px; /* 画像サイズを指定 */
        width: 20px; /* 画像の幅 */
        height: 20px; /* 画像の高さ */
    }

    .dropdown__item:hover::before {
        display: block; /* ホバー時に表示 */
    }




/*問い合わせボタン（黄色）*/
.button_contact { width:300px; position: relative;line-height:64px; border-radius: 9999px; margin:0 auto; display:flex; align-items:center;background:#FCFF56; color:#1B1B1B; font-size:20px; font-family: 'GenJyuuGothic-Bold'; letter-spacing: 0.02em; justify-content:center; text-align:center; position:relative;  transition: background-color 0.3s ease; }
.button_contact::before {content: "";position: absolute;right: 16px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;background-image: url('/img/arrow_contact.svg');background-size: contain;background-repeat: no-repeat;transition: right 0.3s ease;}
.button_contact:hover {background: #fff;transition: background-color 0.3s ease;}
.button_contact:hover::before {right: 12px; }
@media screen and ( min-width:768px) {
  .button_contact { width:480px; height:88px; font-size:28px; line-height:44px; }
  .button_contact::before { width:32px; height:32px; right:30px; }
}
@media screen and ( min-width:768px) {
  .tel_wrap { width:auto; margin:0 auto; display:block;}
  .tel_wrap span { width:auto; margin:0 auto; display:block; line-height:3.6rem; }
  .button_contact { width:480px; height:88px; }
  .button_contact span { font-size:28px; letter-spacing:0.04em; margin:0 auto; line-height:36px;}
  .tel img { width:37px; margin-bottom:4px; }
  .button_contact img {width:37px; }
}


/*エリア・学校区・沿線・特徴から探す4つのボタン*/
.searchbutton_wrap { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0px auto 40px auto; }
@media only screen and (min-width:768px) {
  .searchbutton_wrap { width:50%; margin-top:0; }
}
.searchbutton_wrap li { width:48%; line-height:55px; margin:0 0 10px 0;  }
.searchbutton_wrap li a { width: calc(100% - 2px);display:flex; align-items:center; position:relative; border:1px solid #5C9062; border-radius:8px; 
  transition: background-color 0.3s ease, color 0.3s ease; background:#fff; box-sizing: content-box;}
.searchbutton_wrap li .icon { width:32px; margin:0 10px 0 8px; }
.searchbutton_wrap li a span { width:55%; display:inline-block; font-family: 'GenJyuuGothic-Bold'; font-style: normal;font-family: 'GenJyuuGothic-Bold'; letter-spacing:0.04em; color:#1B1B1B; text-align:left; }
.searchbutton_wrap li a span.inline_pc { display:none; }
.searchbutton_wrap li a {position: relative; }
.searchbutton_wrap li a .arrow {position: absolute;right: 4px; transition: right 0.3s ease; }
.searchbutton_wrap li a:hover {background: #E5EDE6; }
.searchbutton_wrap li a:hover .arrow {right: 0px; }
@media only screen and (min-width:768px) {
  .searchbutton_wrap li {line-height:86px; margin-bottom:24px; }
  .searchbutton_wrap li:nth-child(3) { margin-bottom:0; }
  .searchbutton_wrap li:nth-child(4) { margin-bottom:0; }
  .searchbutton_wrap li .icon { margin:0 16px 0 25px; }
  .searchbutton_wrap li a { border-radius:8px;}
  .searchbutton_wrap li a span { width:auto; display:inline-block;  font-size:18px; color:#1B1B1B; font-family: 'GenJyuuGothic-Bold'; }
  .searchbutton_wrap li a span.inline_pc { display:inline; font-size:16px; letter-spacing:0.04em; }
  .searchbutton_wrap li a .inline_pc { width:auto; font-size:16px; color:#1B1B1B; font-family: 'GenJyuuGothic-Bold'; }
  .searchbutton_wrap li a .arrow { right:15px; }
  .searchbutton_wrap li a:hover { background:#E5EDE6; }
  .searchbutton_wrap li a:hover .arrow { right:11px; }
}
@media only screen and (min-width:1200px) {
  /*.searchbutton_wrap li {line-height:78px; }*/
  .searchbutton_wrap li:nth-child(3) { margin-bottom:initial; }
  .searchbutton_wrap li:nth-child(4) { margin-bottom:initial; }
}

/*二つ並べる時*/
.column2 { width:100%; display:flex; flex-wrap:wrap; }
.column2 li { margin-bottom:72px; }
.column2 li img { width:100%; margin-bottom:30px; border-radius:16px; }
.column2 li p { width:100%; text-align:justify; }
@media only screen and (min-width:768px) {
  .column2 { justify-content:space-between;}
  .column2 li { width:44%; margin-bottom:0; }
  
}

/*フラグ*/
.flag_new { width:70px; display:inline-block; text-align:center; padding:0; margin-right:8px; border-radius:2px; background:#5C9062; color:#FAF063; font-size:12px; line-height:27px; border:0; border-radius:2px; }



/*ボタン_緑（300px × 56px）*/
.button_search { width:90%; height:56px; display:flex; align-items:center; border-radius:9999px; font-size:20px; letter-spacing:0.04em; background: #5C9062; color:#fff; border:1px solid #5C9062; position:relative; transition: background-color 0.3s ease; /* 背景色のトランジション */}
.button_search::before {content: "";position: absolute;right: 17px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;background-image: url('/img/arrow_right_w.svg'); /* 初期の矢印画像 */background-size: contain;background-repeat: no-repeat;transition: right 0.3s ease; /* 矢印の位置変化にトランジション */}
.button_search:hover {background: #fff;color: #5C9062; }
.button_search:hover::before {right: 13px; background-image: url('/img/arrow_right_g.svg'); }
.button_search span { width:100%; text-align:center; display:inline-block; font-size:20px; font-family: 'GenJyuuGothic-Bold'; }
@media screen and ( min-width:768px) {
  .button_search { width:300px; }
}

/*ボタン＿白*/
.button_white {  width:100%; height:56px; /*line-height:56px; */position:relative; font-size:20px; letter-spacing:0.04em; border-radius:9999px;  background:#fff; color:#5C9062; border:1px solid #5C9062;  background:#fff; display:flex; align-items:center; transition: background-color 0.3s ease; }
@media screen and ( min-width:768px) {
  .button_white { width:300px; }
}
.button_white::before {content: "";position: absolute;right: 17px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;background-image: url('/img/arrow_right_g.svg'); /* 初期の矢印画像 */background-size: contain;background-repeat: no-repeat;transition: right 0.3s ease; /* 矢印の位置変化にトランジション */}
.button_white:hover {background: #5C9062; /* ホバー時の背景色 */color: #fff; /* ホバー時の文字色 */ transition: background-color 0.3s ease; /* 背景色のトランジション */}
.button_white:hover::before {right: 13px; /* ホバー時の矢印の位置 */ background-image: url('/img/arrow_right_w.svg'); /* ホバー時の矢印画像 */background-size: contain;background-repeat: no-repeat;}
.button_white span { width:100%; text-align:center; font-size:20px; display:block; font-family: 'GenJyuuGothic-Bold'; }

.search_bar { display:none; }

/*スライド内に、該当物件がない場合の表記*/
.no_bukken { width:100%; display:block; text-align:center; }