@charset "shift_jis";
/* CSS Document */

/* ----------------------------------------------------
　body この記述は消さないでください！
  背景の色替えなどが必要な時に修正
---------------------------------------------------- */

body {
  color: #000000;
	font-size: 12px;
  font-weight: normal;
  line-height: 18px;
	text-align: left;
  background: #ffffff;
  margin: 35px 0px 0px 0px;
  padding: 0;
  font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
}

/* ----------------------------------------------------
　header 固定 この記述は消さないでください！
  PCヘッダー固定用。色変更したいときはnew_headerのバックグラウンドを変更
---------------------------------------------------- */

h1 {
	color: #000000;
	font-size: 11px;
	text-align: left;
	width: 44%;
	line-height: 35px;
	padding-left: 10px;
	float: left;
	position: fixed;
	top: 0;
	z-index: 150;
  margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.head_title {
	color: #000000;
	font-size: 11px;
	text-align: left;
	width: 44%;
	line-height: 35px;
	padding-left: 10px;
	float: left;
	position: fixed;
	top: 0;
	z-index: 150;
  margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  font-weight: bold;
}
.new_header {
  background-color: #042455;
  width: 100%;
  height: 35px;
	position: fixed;
  top: 0;
  z-index: 100;
}
.new_header_inner {
        min-width: 1000px;
}

.new_header_icon {
  float: left;
  margin: 8px 0 0 0;
}

.new_header_menu {
  float: right;
  margin-top: 6px;
}

.new_header_menu ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.new_header_menu li {
	list-style-type: none;
	float: left;
	padding: 0;
  margin-right: 6px;
}

.new_h_reserv {
    background-color: #fff;
    border-radius: 3px;
}

.new_h_reserv a {
    color: #042455 !important;
  text-align: center;
}

.new_header_menu a {
	color: #fff;
        font-weight: bold;
	text-decoration: none;
  display: block;
  padding: 3px 10px;
	height: 16px;
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 1px;
}

.new_header_menu a img {
  float: left;
  margin: 0px 10px 0px 0px;
}

.new_header_icon:hover,
.new_header_menu li:hover {
  filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.new_header_menu li i {
    margin-right: 5px;
}
/*-------------------------------------------------------------------
検索ページ、物件一覧等のh2
-------------------------------------------------------------------*/
.ko_title {
  margin: 0;
  padding: 0 0 15px 0;
    position: relative;
    font-size: 20px;
    line-height: 28px;
  border-bottom: 3px solid #ddd;
    color: #333;
    width: 100%;
    float: none;
    z-index: 0;
    overflow: initial;
    font-weight: bold;
    white-space: normal;
}

.ko_title:after {
	position: absolute;
  content: " ";
	border-bottom: solid 3px #042455;
	bottom: -3px;
	width: 80px;
	display: block;
	left: 0px;
}

/*-------------------------------------------------------------------
学区表示非表示設定
学区非表示にする場合は下記cssのコメントアウトをはずしてください
-------------------------------------------------------------------*/
/*
.sho_school , .sho_school_text , .sesrch_school , .list_school_text{
    display: none;
}
*/
/* ----------------------------------------
レンタルコンテンツのお問合せボタン
---------------------------------------- */
.rental_inq {
  width: 720px;
  margin: 0 auto;
}

.rental_inq a {
  box-sizing: border-box;
  border: 3px solid #ff7f00;
  background: #ff7f00;
  color: #fff;
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 18px;
  padding: 30px 0;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
}

.rental_inq a:after {
  position: absolute;
  bottom: -5px;
  content: "";
  vertical-align: middle;
  right: -5px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  transform: rotate(45deg);
}

.rental_inq a:hover {
  background: #fff;
  color: #ff7f00;
}

.rental_inq a:hover:after {
  border-left: 10px solid #ff7f00;
}

.cc-color-override--958013087.cc-window {
  display: none;
}

/*-------------------------------------------------------------------
  ここから下を全削除後、各サイトの共通テンプレート
  ヘッダーフッターサイドバーなどで使用するcssを記載してください
  サイドバーのcssをそのまま使いたいとかであればうまく利用してください。
-------------------------------------------------------------------*/

/*ヘッダーとフッター*/
div.header {
  width: 100%;
  /*	background:url("../img/header_bg.png") repeat-x; */
  background-position: bottom;
	background-color: #fff;
	border-bottom: 2px solid #ccc;
}

/* div.header img{
	margin:30px 0px 0px 0px;
} */

.h_nav01 .header_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
}

.h_nav01 .h_logo {
  width: 210px;
  float: left;
}

.h_nav01 .h_info {
  width: 610px;
    margin-left: 10px;
  float: left;
}

.h_nav01 .h_inq {
  width: 160px;
  float: right;
}

/*navi*/
.h_nav01 .h_nav {
  width: 100%;
  background: #042455; /*★メニュー背景色*/
}

.h_nav01 .h_nav ul {
  width: 1000px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
    overflow: hidden;
    border-right: 1px solid #777777;
}

.h_nav01 .h_nav ul li {
  float: left;
    width: 141px; /*★メニュー項目横幅（項目数により変更）*/
  font-weight: bold;
    border-left: 1px solid #777777;
}

.h_nav01 .h_nav ul li:first-child {
  width: 147px !important; /*★1番目の項目横幅（項目数により調節）*/
}

.h_nav01 .h_nav ul li span {
  display: block;
  color: #cccccc; /*★メニュー文字色*/
  font-size: 10px;
  font-weight: normal;
  line-height: 15px;
}

.h_nav01 .h_nav ul li a {
  display: block;
  color: #ffffff;
  padding: 10px 0;
  text-decoration: none;
    text-align: center;
}

.h_nav01 .h_nav ul li a:hover {
  color: #cccccc; /*★メニューhover文字色*/
  background: #021735; /*★メニューhover背景色*/
}

.f_nav01 {
    width: 100%;
    margin: 40px 0 0 0;
    border-top: 5px solid #042455;
    clear: both;
}

.f_nav01 .f_search_wrap {
  width: 1000px;
  margin: 10px auto;
  padding: 10px 0 0 0;
  overflow: hidden;
}

.f_nav01 .f_search {
  float: left;
}

.f_nav01 .f_search_ti {
  /*★検索タイトル文字指定*/
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

.f_nav01 .f_search ul {
  width: 166px;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
div.navi {
  width: 100%;
  height: 45px;
  background: #ffe8c4;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.navi ul {
  width: 800px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

div.navi ul li {
  list-style: none;
  float: left;
}

div.navi ul li a {
  color: #402000;
  width: 195px;
  line-height: 45px;
  text-decoration: none;
  text-align: center;
  display: block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.navi ul li a:hover {
  background: #ffc977;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.footer {
  width: 100%;
  background: url("../img/footer_arch.png") no-repeat;
  background-position: top center;
  padding: 0px;
}

div.footer img {
  margin: 150px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.footer p {
  color: #3f1f00;
  font-size: 24px;
}

.f_nav01 .f_company {
    clear: both;
    padding: 10px 0;
}

.f_nav01 .f_copyright {
    font-size: 11px;
    text-align: center;
  color: #ffffff;
    line-height: 25px;
    background: #042455;
}

/* ----------------------------------------
　side
---------------------------------------- */

/*検索 共通*/
.s_search {
  width: 100%;
    margin: 0 auto 20px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.s_search h2 {
  color: #fff;
  margin: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  background: #042455;
}
.s_search ul {
  margin: 8px 5px;
  padding: 0;
  list-style: none;
}
.s_search ul li {
  line-height: 35px;
    margin-bottom: 3px;
  text-indent: 10px;
  background: #f0f0f0;
    /*★以下、背景色 #F5F5F5→#F0F0F0 を各ブラウザで指定*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f5),
    to(#f0f0f0)
  ); /* Webkit系 */
  background: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); /* Mozilla系 */
  background: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); /* IE10+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0)"; /* IE8-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0); /* IE5.5-7 */
}
.s_search ul li a {
    width: 99%;
    margin: auto;
    display: block;
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    /* text-indent: 30px; */
    text-decoration: none;
    background: url(/tool/sample/side/img/s_search_icon.gif) 10px 50% no-repeat;
}
.s_search ul li a:hover {
  color: #000000;
  background: #dddddd url(/tool/sample/side/img/s_search_icon.gif) 10px 50%
    no-repeat; /*★hover背景色・アイコン画像*/
}
.s_search_txt {
  margin: 5px;
  font-size: 10px;
  line-height: 14px;
}

/*店舗情報*/
.s_company {
  width: 100%;
  margin: 15px 0;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.s_company h2 {
  color: #fff;
  margin: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  background: #042455;
}
.s_company_inner {
  margin: 5px;
}
.s_company_inner p {
  clear: both;
}
.s_company_inner p span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.s_company_btn-l,
.s_company_btn_r {
  margin-bottom: 10px;
}
.s_company_btn-l {
  float: left;
}
.s_company_btn_r {
  float: right;
}
/* ----------------------------------------
サイドバーを200pxで利用する場合は
下記のコメントアウトを外してください。
---------------------------------------- */

/*--side-200px用---
.container,
.pan_wrap_1000,
.lpo_main_inner {
  width: 1000px !important;
}

.list_block_wrap #search_table,
.search_list2,
#nave,
.shosai_side,
.side,
.lpo_side {
  width: 200px !important;
}

.lpo_main_l {
  width: 680px !important;
}

.lpo_main_r_search ul li a {
  height: 93px !important;
}

.lpo_main_r_search ul li p {
  margin: 10px 0 0 0 !important;
}

.lpo_main_r_search ul li img {
  padding: 10px 0 0 0 !important;
}

.search_list2 {
  padding: 15px 10px;
}
#nave {
  padding: 15px 10px 10px;
}

.search_list_bk h3 {
  font-size: 13px;
  text-align: center;
}

.search_set {
  padding: 10px 3px;
  font-size: 11px;
}

.search_list_main input[type="submit"] {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  margin: 10px 0;
}

.search_list_main select {
  width: 80px;
  font-size: 12px;
}
.list_search_title {
  font-size: 13px;
}
.list_side_kodawari_btn label,
.checkbox01-parts_2,
.radiobox01-parts {
  font-size: 12px;
}

.checkbox01-parts {
  font-size: 12px;
  padding-left: 20px;
}

.list_side_kodawari_reset a {
  font-size: 11px;
}

.list_side_search_half label {
  padding: 5px 3px;
  width: 82px;
  padding: 7px 3px;
  display: inline-block;
}

#nave ul li:not(:first-child) {
  width: 100%;
	display: block;
}

#nave a {
  font-size: 12px;
  margin: 0 0 5px;
}

.shosai_side_wrap {
  width: 194px;
  padding: 15px 10px;
}

.shosai_side_wrap h3 {
  font-size: 12px;
  line-height: 1.4;
  padding: 10px 5px;
}

.shosai_side_tel_btn {
	font-size: 20px;
}

.shosai_side_tel_btn i {
  font-size: 16px;
  margin-right: 5px;
}

.shosai_side_cv a {
  padding: 12px 0;
  font-size: 13px;
}

.shosai_side_tel p br {
  display: block;
}
.shosai_side_con ul {
  display: block;
}
.shosai_side_con ul li:first-child {
  margin-right: 0;
}

.shosai_side_con ul li a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

--side-200px用---*/

/* ----------------------------------------
ヘッダー
---------------------------------------- */
.moji_blue {
	color: #134b98 !important;
}
.moji_pink {
	color: #ec187a !important;
}
.moji_green{
	color: #87d63a!important;
}
.font_cgo {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.h_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px clamp(100px, 7.6vw, 120px) 0px clamp(40px, 3vw, 50px);
	& ul {
		list-style: none;
	}
	& ul, li, p {
		margin: 0;
		padding: 0;
	}
	& img {
		max-width: 100%;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	.h_logo {
		display: block;
	}
	.h_logo img {
		width: clamp(279px, 21.4vw, 379px)!important;
	}
	.h_col_btn {
		display: flex;
		gap: 0px 10px;
		justify-content: flex-end;
		>li {
			width: clamp(130px, 10vw, 170px);
			line-height: clamp(38px, 5.4vh, 48px);
			border-radius: 24px;
			transition: all 0.2s;
			>a {
				display: block;
				font-size: clamp(13px, 1vw, 16px);
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 0px 8px;
				font-weight: bold;
				position: relative;
				>img {
					display: block;
					width: clamp(20px, 1.5vw, 24px);
				}
				&:after{
					content: "";
					display: block;
					width: 10px;
					height: 9px;
					background-image: url(/chintai/img/common/header/h_btn_arrow.webp);
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					bottom: 0;
					top: 0;
					margin: auto;
					right: clamp(15px, 1.15vw, 20px);
				}
			}
		}
		>li:nth-child(1) {
			background-color: #134b98;
			&:hover {
				background-color: #ec187a;
			}
		}
		>li:nth-child(2) {
			background-color: #ec187a;
			&:hover {
				background-color: #134b98;
			}
		}
	}
	.h_sort_btn {
		display: flex;
		justify-content: flex-end;
		gap: 0px 30px;
		margin: clamp(21px, 3vh, 25px) 0px;
		>li>a {
			position: relative;
			transition: all 0.2s;
			font-size: clamp(16px, 1.2vw, 20px);
			font-weight: bold;
			&:after {
				position: absolute;
				right: 0;
				bottom: -8px;
				left: 0;
				width: 30px;
				height: 3px;
				margin: auto;
				-webkit-transform: scale(0, 1);
				transform: scale(0, 1);
				-webkit-transform-origin: center top;
				transform-origin: center top;
				background: #134b98;
				content: "";
				-webkit-transition: -webkit-transform 0.3s;
				transition: -webkit-transform 0.3s;
				transition: transform 0.3s;
				transition: transform 0.3s, -webkit-transform 0.3s;
			}
			&:hover {
				&:after {
					transform-origin: center top;
					transform: scale(1, 1);
				}
			}
		}
	}
}
.fixed-header {
	position: fixed;
	top: -80px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	.h_logo img{
		width: clamp(300px, 23vw, 450px);
	}
	.h_sort_btn{
		font-size: clamp(15px, 1.1vw, 18px);
	}
	.h_nav_drop{
		>div{
			top: clamp(78px, 11.1vh, 87px) !important;
		}
	}
}
.fixed-header.is-show {
	top: 0 !important;
	visibility: visible;
	background-color: #ffffff;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
	padding: 25px 120px 3px 10px;
	box-sizing: border-box;
	box-shadow: 0 0.5rem 0.5rem -0.5rem hsl(200 50% 20% / 20%);
}
/* ----------------------------------------
サイド固定
---------------------------------------- */
.s_btn_box {
	background-color: #134b98;
	width: clamp(80px, 6.1vw, 100px);
	border: 2px solid #ffffff;
	position: fixed;
	top: -2px;
	right: -2px;
	border-radius: 0px 0px 0px 5px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	box-sizing: border-box;
	padding: 0px clamp(10px, 0.76vw, 15px);
	z-index: 30;
	& ul, li {
		list-style: none;
	}
	& ul, li, p {
		margin: 0;
		padding: 0;
	}
	& img {
		max-width: 100%;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	li>a {
		padding: 11px 0px;
		display: block;
		border-bottom: 1px solid #ffffff;
		transition: all 0.2s;
		&:hover {
			opacity: 0.7;
		}
		>div {
			background-color: #ffffff;
			border-radius: 50%;
			width: clamp(37px, 2.8vw, 47px);
			margin: 0 auto;
			aspect-ratio: 1 / 1;
			display: flex;
			align-items: center;
			justify-content: center;
			>img {
				width: clamp(25px, 1.9vw, 30px);
			}
		}
	}
	li:last-child>a {
		border-bottom: none;
	}
	li>a>p {
		color: #ffffff;
		font-size: clamp(10px, 0.76vw, 12px);
		font-weight: bold;
		margin: 7px 0px 0px 0px;
		letter-spacing: 0;
	}
}
/* ----------------------------------------
フッター
---------------------------------------- */
.f_wrap {
	margin: clamp(80px, 11.4vh, 100px) 0px 0px 0px;
	background-color: #ebf2fc;
	padding: clamp(55px, 7.8vh, 70px) 0px 0px 0px;
	& ul {
		list-style: none;
	}
	& ul, li, p {
		margin: 0;
		padding: 0;
	}
	& img {
		max-width: 100%;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	.f_inner {
		width: clamp(950px, 70vw, 1200px);
		margin: 0 auto;
		>img {
			margin: 10px 0px 0px 0px;
		}
		.f_top_btn {
			display: flex;
			justify-content: space-between;
			align-items: center;
			>li {
				width: calc((100% - 90px) / 4);
				>a {
					display: block;
					box-sizing: border-box;
					border: 2px solid #134b98;
					background-color: #ffffff;
					text-align: center;
					line-height: 1.2;
					padding: clamp(21px, 3vh, 24px) 10px clamp(18px, 2.5vh, 20px) 0px;
					font-size: clamp(15px, 1.15vw, 18px);
					font-weight: bold;
					position: relative;
					transition: all 0.2s;
					&:hover {
						border: 2px solid #ec187a;
						&:before {
							background-image: url(/img/common/footer/f_arrow_h.webp);
						}
					}
					&:before {
						content: "";
						display: block;
						width: clamp(30px, 2.3vw, 35px);
						height: clamp(30px, 2.3vw, 35px);
						background-image: url(/img/common/footer/f_arrow.webp);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						top: 0;
						bottom: 0;
						margin: auto;
						right: clamp(12px, 0.92vw, 15px);
						transition: all 0.2s;
					}
				}
			}
		}
		.f_mid_btn {
			margin: clamp(45px, 6.4vh, 50px) 0px 0px 0px;
			display: flex;
			gap: 0px 25px;
			>div {
				width: calc((100% - 75px) / 4);
				>div {
					min-height: 210px;
				}
				>div:nth-of-type(2) {
					margin: 30px 0px 0px 0px;
				}
			}
			.f_con_btn_tit {
				font-size: clamp(15px, 1.15vw, 18px);
				font-weight: bold;
				line-height: 2.3;
				letter-spacing: 0.05em;
				border-bottom: 1px solid #000000;
			}
			.f_con_btn_item {
				margin: 12px 0px 0px 0px;
				>li {
					font-size: clamp(12px, 0.92vw, 14px);
					font-weight: bold;
					margin: 15px 0px 0px 10px;
					position: relative;
					>a {
						transition: all 0.2s;
						&:hover {
							color: #134b98;
						}
					}
					&:before {
						content: "・";
						margin: auto;
						position: absolute;
						top: 0;
						bottom: 0;
						left: -12px;
					}
				}
			}
		}
		.f_com_info {
			border-top: 1px solid #000000;
			margin: clamp(50px, 7.1vh, 65px) 0px 0px 0px;
			padding: clamp(30px, 4.2vh, 35px) 0px 0px 0px;
			display: flex;
			gap: 0px 20px;
			justify-content: center;
			align-items: center;
			>div {
				display: flex;
				align-items: center;
				gap: 0px 15px;
				background-color: #ffffff;
				box-sizing: border-box;
				padding: clamp(10px, 0.76vw, 15px) clamp(10px, 0.76vw, 15px);
			}
			.f_com_info_l {
				>div {
					width: clamp(190px, 14.6vw, 240px);
				}
				.f_com_info_l_r {
					>img {
						width: clamp(180px, 13.8vw, 230px);
					}
					.f_com_info_att {
						font-size: clamp(9px, 0.69vw, 11px);
						font-weight: bold;
						line-height: 1.4;
						letter-spacing: 0;
						margin: 5px 0px 0px 0px;
					}
				}
			}
			.f_com_info_r {
				>div {
					width: clamp(190px, 14.6vw, 240px);
				}
				.f_com_info_r_r {
					>img {
						width: clamp(160px, 12.3vw, 211px);
					}
					.f_com_info_att {
						font-size: clamp(9px, 0.69vw, 11px);
						font-weight: bold;
						line-height: 1.4;
						letter-spacing: 0;
						margin: 5px 0px 0px 0px;
					}
				}
			}
			.f_com_info_con {
				font-size: clamp(10px, 0.76vw, 11px);
				line-height: 1.5;
				letter-spacing: 0;
				font-weight: bold;
				margin: 10px 0px 0px 0px;
			}
			.f_com_info_window {
				font-size: clamp(11px, 0.84vw, 12px);
				background-color: #eff8e8;
				display: inline-block;
				padding: 6px 10px;
				font-weight: bold;
				margin: 10px 0px 0px 0px;
			}
			.f_com_info_window_text {
				font-size: clamp(11px, 0.84vw, 12px);
				line-height: 1.6;
				margin: 5px 0px 0px 0px;
				font-weight: bold;
			}
			.f_com_info_window_box {
				.f_com_info_window {
					font-size: clamp(11px, 0.84vw, 12px);
					background-color: #ebf2fc;
					display: inline-block;
					padding: 6px 10px;
					font-weight: bold;
					margin: 10px 0px 0px 0px;
				}
				.f_com_info_window_text {
					font-size: clamp(11px, 0.84vw, 12px);
					line-height: 1.6;
					margin: 5px 0px 0px 0px;
					font-weight: bold;
				}
			}
			.f_com_info_tel {
				display: flex;
				align-items: center;
				gap: 0px 5px;
				margin: 7px 0px 0px 0px;
				>img {
					width: clamp(15px, 1.15vw, 18px);
				}
				>p {
					font-size: clamp(25px, 1.9vw, 29px);
					line-height: 1;
					font-weight: bold;
				}
			}
		}
	}
}
.copy_text {
	font-size: clamp(10px, 0.76vw, 12px);
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
}

/* ----------------------------------------
サイドバー
---------------------------------------- */
.sb_wrap {
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	width: 300px;
	.sb_con_text {
		font-size: 12px;
		line-height: 21px;
		letter-spacing: 0.05em;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
	}
	.sb_con_btn {
		background-color: #87d63a;
		font-size: 14px;
		text-align: center;
		border-radius: 25px;
		font-weight: bold;
		width: 200px;
		letter-spacing: 0.05em;
		display: block;
		color: #ffffff;
		margin: 15px auto 0px auto;
		position: relative;
		box-sizing: border-box;
		padding: 17px 13px 15px 0px;
		transition: all 0.2s;
		&:hover {
			background-color: #134b98;
			&:after {
				background-image: url(/img/common/sidebar/sb_arrow_bl.webp);
			}
		}
		&:before {
			content: "";
			width: 32px;
			height: 32px;
			position: absolute;
			bottom: 0;
			top: 0;
			margin: auto;
			right: 10px;
			background-color: #ffffff;
			border-radius: 50%;
		}
		&:after {
			content: "";
			display: block;
			width: 10px;
			height: 9px;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			bottom: 0;
			top: 0;
			margin: auto;
			right: 20px;
			background-image: url(/img/common/sidebar/sb_arrow_gr.webp);
		}
	}
	.sb_con_tit {
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 0.05em;
		font-weight: bold;
		position: relative;
		z-index: 0;
		&:before {
			content: "";
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			left: 0px;
			z-index: -1;
			top: -25px;
		}
	}
	section {
		margin: 30px 0px 0px 0px;
	}
	section:nth-of-type(1) {
		margin: 0px;
	}
	.sb_info_box {
		background-color: #eff8e8;
		box-sizing: border-box;
		padding: 25px 15px 15px 15px;
		iframe {
			width: 100%;
			height: 290px;
			margin: 10px 0px 0px 0px;
		}
		.sb_info_tit {
			display: flex;
			gap: 0px 10px;
			align-items: flex-end;
			>h2 {
				font-size: 20px;
				line-height: 1.2;
				font-weight: bold;
				letter-spacing: 0em;
			}
			>p {
				font-size: 14px;
				line-height: 1.2;
				font-weight: bold;
				letter-spacing: 0em;
			}
		}
	}
	.sb_lend_box {
		.sb_lend_tit_w {
			background-image: url(/img/common/sidebar/sb_lend_bg.webp);
			height: 100px;
			.sb_lend_tit_in {
				text-align: right;
				padding: 0px 15px 0px 0px;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				height: 100%;
				align-content: center;
				>p {
					width: 100%;
					font-size: 14px;
					line-height: 1.2;
					letter-spacing: 0.05em;
					font-weight: bold;
					color: #a4ea5f;
				}
				>h2 {
					width: 100%;
					font-size: 18px;
					line-height: 1.2;
					letter-spacing: 0.05em;
					font-weight: bold;
					color: #ffffff;
					margin: 5px 0px 0px 0px;
				}
			}
		}
		>h3 {
			font-size: 17px;
			line-height: 28px;
			letter-spacing: 0;
			margin: 10px 0px 0px 0px;
			>span {
				border-bottom: 2px solid #87d63a;
			}
		}
	}
	.sb_sale_box {
		background-color: #eff8e8;
		box-sizing: border-box;
		padding: 45px 15px 25px 15px;
		>img {
			margin: 20px 0px 0px 0px;
		}
		>h2 {
			&:before {
				width: 113px;
				height: 39px;
				background-image: url(/img/common/sidebar/sb_sale_tit.webp);
			}
		}
		>div {
			>a:nth-of-type(2) {
				background-color: #134b98;
				margin: 8px auto 0px auto;
				&:hover {
					background-color: #87d63a;
					&:after {
						background-image: url(/img/common/sidebar/sb_arrow_gr.webp);
					}
				}
				&:after {
					background-image: url(/img/common/sidebar/sb_arrow_bl.webp);
				}
			}
		}
	}
	.sb_buy_box {
		>h2 {
			&:before {
				width: 100px;
				height: 60px;
				background-image: url(/img/common/sidebar/sb_buy_tit.webp);
			}
		}
		>img {
			margin: 20px 0px 0px 0px;
		}
	}
	.sb_rent_box {
		background: url(/img/common/sidebar/sb_rent_bg.webp);
		background-size: cover;
		padding: 45px 15px 25px 15px;
		>img {
			margin: 20px 0px 0px 0px;
		}
		>h2 {
			&:before {
				width: 113px;
				height: 39px;
				background-image: url(/img/common/sidebar/sb_rent_tit.webp);
			}
		}
	}
	.sb_sup_box {
		background-color: #626262;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 20px 15px;
		color: #ffffff;
		text-align: center;
		>h2 {
			font-size: 38px;
			color: #ffffff;
			font-weight: bold;
			letter-spacing: -0.05em;
		}
		.sb_sup_jp {
			font-size: 13px;
			line-height: 1.2;
			font-weight: bold;
			margin: 10px 0px 0px 0px;
		}
		>img {
			margin: 15px 0px 0px 0px;
		}
		.sb_con_text {
			width: 90%;
			text-align: left;
			margin: 20px auto 0px auto;
		}
		.sb_con_btn {
			background-color: #ffffff;
			color: #000000;
			&:hover {
				&:before {
					background-color: #134b98;
				}
			}
			&:before {
				background-color: #ec187a;
				transition: all 0.2s;
			}
			&:after {
				background-image: url(/img/common/sidebar/sb_arrow_wh.webp);
			}
		}
	}
	.sb_com_box {
		background-color: #eff8e8;
		padding: 40px 15px 15px 15px;
		>h2 {
			&:before {
				width: 201px;
				height: 59px;
				background-image: url(/img/common/sidebar/sb_com_tit.webp);
			}
		}
		>img {
			margin: 20px 0px 0px 0px;
		}
		.sb_con_text {
			letter-spacing: 0.02em;
			margin: 15px 0px 0px 0px;
		}
		>ul {
			display: flex;
			flex-wrap: wrap;
			gap: 5px;
			margin: 15px 0px 0px 0px;
			>li {
				width: calc((100% - 5px) / 2);
				>a {
					display: block;
					background-color: #87d63a;
					color: #ffffff;
					text-align: center;
					font-size: 13px;
					letter-spacing: 0.05em;
					border-radius: 5px;
					position: relative;
					font-weight: bold;
					transition: all 0.2s;
					padding: 17px 0px 15px 0px;
					&:hover {
						background-color: #134b98;
					}
					&:after {
						content: "";
						display: block;
						width: 6px;
						height: 8px;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						top: 22px;
						right: 10px;
						background-image: url(/img/common/sidebar/sb_com_arrow.webp);
					}
				}
			}
		}
	}
}
.sb_info_con {
	overflow: hidden;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 0px 7.5px;
	margin: 0px;
	>li {
		>a {
			display: block;
			padding: 18px 0px;
			border-top: 2px solid #d5d5d5;
			&:hover {
				.sb_info_top {
					.sb_info_tag {
						>p {
							>label {
								background-color: #134b98;
							}
						}
					}
				}
			}
			.sb_info_top {
				display: flex;
				gap: 0px 10px;
				align-items: center;
				.sb_info_day {
					font-size: 12px;
					letter-spacing: 0.05em;
					line-height: 1.2;
					font-weight: bold;
				}
				.sb_info_tag {
					>p {
						>label {
							background-color: #ec187a;
							border-radius: 3px;
							line-height: 1.2;
							text-align: center;
							color: #ffffff;
							font-weight: bold;
							font-size: 12px;
							padding: 2px 6px;
							box-sizing: border-box;
							transition: all 0.2s;
						}
					}
				}
			}
			.sb_info_text {
				margin: 10px 0px 0px 0px;
				font-size: 13px;
				line-height: 18px;
				letter-spacing: 0;
				font-weight: bold;
				>span {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}
			}
		}
	}
	>li:first-child {
		>a {
			border-top: none;
		}
	}
}
.list_position{
	width: 310px;
}
.search_list_map{
	width: calc(100% - 310px);
	margin: 0px 0px 0px 330px;
	}