@charset "utf-8";

/* CSS Document */

/*==================================================
  common btn
  ==================================================*/
  a.index__btnColumnList {
  	background-color: #fff;
  	border: 0.2rem solid var(--black);
  	border-radius: 4rem;
  	box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  	margin: 0 auto;
  	font-size: 2.5rem;
  	font-weight: 500;
  	width: 40rem;
  	height: 8rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  	z-index: 2;
  }

  a.index__btnColumnList::after {
  	position: absolute;
  	content: '';
  	width: 3.9rem;
  	height: 2rem;
  	background: url('/share/img/common/icon_arrow.png') center/100% no-repeat;
  	top: 45%;
  	right: 3rem;
  	transform: translateY(-50%);
  }

/*==================================================
  index__fvBox
  ==================================================*/
  .index__fvBoxWrap {
  	overflow-x: hidden;
  }

  .index__fvItem {
  	position: relative;
  	overflow: hidden;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	height: 63rem !important;
  }

  .index__fvItem>img {
  	z-index: -1;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	margin: auto;
  	width: 100%;
  	height: 63rem;
  	object-fit: cover;
  	font-family: 'object-fit: cover;';
  }

  .slick-slide .index__mainbg,
  .slick-slide .index__mainbg img {
  	object-fit: cover;
  	height: 100%;
  	width: 100%;
  }

  .index__slider__textWrap {
  	width: 114rem;
  	height: 63rem;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  }

  .slide01_text1 {
  	position: absolute;
	/*トレンドリサーチあり
	top: 8.8rem;
	left: 10rem;
	width: 51.1rem; */
	top: 45%;
	left: 10rem;
	transform: translateY(-50%);
	width: 63.7rem;
}

.slide01_text2 {
	position: absolute;
	bottom: 24%;
	left: 8%;
}

.slide02_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 101rem;
}

.slide02_num {
	display: flex;
	justify-content: space-around;
	position: absolute;
	bottom: 28%;
	left: 38%;
	transform: translateX(-50%);
}

.slide02_num li {
	font-size: 8rem;
	font-weight: bold;
	font-family: var(--noto);
	line-height: 1;
	width: 6.6rem;
	height: 8.8rem;
	text-align: center;
	color: #222;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #e5e5e5 50%, #e5e5e5 100%);
	border: 2px solid #d2d2d2;
}

.slide02_num li+li {
	margin-left: 0.4rem;
}

.slide03_text {
	position: absolute;
	top: 45%;
	right: 0;
	transform: translateY(-50%);
}

/*==================================================
  index :reason
  ==================================================*/
  #index__reason {
  	background-color: #e7f6e4;
  	padding: 6rem 0 8rem;
  }

  .index__reason__ttl span {
  	font-size: 2.7rem;
  }

  .index__reason__ttl {
  	font-size: 4rem;
  	text-align: center;
  	font-weight: 500;
  	line-height: 1.3;
  	margin-bottom: 5rem;
  	position: relative;
  }

  .index__reason__ttl::before,
  .index__reason__ttl::after {
  	position: absolute;
  	content: '';
  	width: 0.2rem;
  	height: 100%;
  	background-color: var(--black);
  	top: 50%;
  }

  .index__reason__ttl::before {
  	transform: translateY(-50%) rotate(-25deg);
  	left: calc(50% - 27rem);
  }

  .index__reason__ttl::after {
  	transform: translateY(-50%) rotate(25deg);
  	right: calc(50% - 27rem);
  }

  .reason__itemWrap {
  	display: flex;
  	justify-content: space-around;
  	flex-wrap: wrap;
  }

  .reason__item {
  	border: 0.6rem solid var(--color-main);
  	border-radius: 3rem;
  	background-color: #fff;
  	margin-bottom: 6rem;
  	width: calc(50% - 2rem);
  	position: relative;
  }

  .reason__item:nth-child(3),
  .reason__item:nth-child(4) {
  	margin-bottom: 4rem;
  }

  .reason__item h3 {
  	font-size: 2.5rem;
  	font-weight: 500;
  	text-align: center;
  	color: #fff;
  	background-color: var(--color-main);
  	padding: 5.3rem 0 2.6rem;
  	border-radius: 2rem 2rem 0 0;
  }

  .reason__num {
  	position: absolute;
  	width: 7.4rem;
  	height: 7.4rem;
  	background-color: #fff;
  	border: 0.2rem dashed var(--black);
  	border-radius: 50%;
  	text-align: center;
  	font-size: 1.5rem;
  	font-weight: 500;
  	line-height: 0.6;
  	padding: 1.5rem 0;
  	top: -4rem;
  	left: 50%;
  	transform: translateX(-50%) rotate(0.03deg);
  }

  .reason__num span {
  	font-size: 2.5rem;
  	font-weight: bold;
  }

  .reason__item__img01 {
  	text-align: center;
  	width: 23rem;
  	margin: 1.6rem auto 2.5rem;
  }

  .reason__item__img02 {
  	text-align: center;
  	width: 22.2rem;
  	margin: 1.6rem auto 2.5rem;
  }

  .reason__item__img03 {
  	text-align: center;
  	width: 15.5rem;
  	margin: 2rem auto 2.5rem;
  }

  .reason__item__img04 {
  	text-align: center;
  	width: 19rem;
  	margin: 1rem auto 1.4rem;
  }

  .reason__item__text {
  	font-size: 1.8rem;
  	transform: rotate(0.03deg);
  	padding: 0 3rem 3rem;
  }

  .reason__btnWrap {
  	display: flex;
  	justify-content: center;
  }

  .index__btn__toPage {
  	background-color: #fff;
  	border: 0.2rem solid var(--black);
  	border-radius: 4rem;
  	box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  	font-size: 2.5rem;
  	font-weight: 500;
  	width: 31.4rem;
  	height: 7.8rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  }

  .index__btn__toPage::after {
  	position: absolute;
  	content: '';
  	width: 3.9rem;
  	height: 2rem;
  	background: url(/share/img/common/icon_arrow.png) center/100% no-repeat;
  	top: 45%;
  	right: 3rem;
  	transform: translateY(-50%);
  }

  .index__btn__toPage+.index__btn__toPage {
  	margin-left: 3.4rem;
  }


/*==================================================
  index : index__search
  ==================================================*/
  #index__search {
  	background: url(/share/img/index/bg_search.png) center top/50rem repeat;
  	padding: 8rem 0 10rem;
  }

  .index__search__ttl {
  	font-size: 3.5rem;
  	text-align: center;
  	font-weight: 500;
  	margin-bottom: 2.7rem;
  }

  .index__mapCountWrap {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  }

  .index__mapCount__all {
  	display: flex;
  	justify-content: center;
  	flex-grow: 1;
  }

  .index__total,
  .index__today {
  	font-size: 1.6rem;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-weight: bold;
  	font-family: var(--noto);
  }

  .index__total {
  	color: #d97023;
  }

  .index__today {
  	flex-grow: 1;
  }

  .index__total dt,
  .index__today dt {
  	font-weight: bold;
  }

  .index__total dd,
  .index__today dd {
  	font-size: 2.4rem;
  	margin-left: 1.4rem;
  }

  .index__total dd span,
  .index__today dd span {
  	font-size: 3.7rem;
  }


  #maptab {
  	display: flex;
  	justify-content: flex-end;
  	align-items: baseline;
  	width: 62rem;
  	margin-bottom: -0.3rem;
  }

  #maptab li a:hover {
  	opacity: 1;
  }

  #maptab li+li {
  	margin-left: 0.7rem;
  }

  #index__search .map {
  	background: #fff url(/share/img/index/areasearchBox_map_pc.png) right center no-repeat;
  	border: 3px solid var(--color-main);
  	margin-bottom: 7rem;
  	display: flex;
  	flex-direction: row-reverse;
  	justify-content: space-between;
  }

  #maplinkBox {
  	width: 50%;
  	position: relative;
  }

  #maplinkBox li a {
  	font-size: 2.5rem;
  	font-weight: bold;
  	color: #fff;
  	border-bottom: 2px solid #fff;
  }

  #maplinkBox li.chitose a {
  	position: absolute;
  	top: 54%;
  	right: 54%;
  	z-index: 3;
  	text-shadow: 0px 0px 8px #f3acc3, 0px 0px 8px #f3acc3, 0px 0px 8px #f3acc3, 0px 0px 8px #f3acc3;
  }

  #maplinkBox li.tomakomai a {
  	position: absolute;
  	top: 73%;
  	right: 46%;
  	z-index: 2;
  }

  #maplinkBox li.sapporo a {
  	position: absolute;
  	top: 23%;
  	right: 68%;
  	z-index: 1;
  }

  #maplinkBox li.etc a {
  	position: absolute;
  	bottom: 4%;
  	right: 4%;
  	z-index: 1;
  	color: var(--color-main);
  	border-bottom: 2px solid var(--color-main);
  }
  #maplinkBox li.all a {
  	position: absolute;
  	top: 20%;
  	right: 7%;
  	z-index: 1;
  	text-shadow: 0px 0px 8px var(--color-main), 0px 0px 8px var(--color-main), 0px 0px 8px var(--color-main), 0px 0px 8px var(--color-main);
  }

  #countBox {
  	margin: 2rem 5rem 2rem 10rem;
  	width: calc(50% - 15rem);
  	text-align: center;
  }

  .areacount__table {
  	width: 100%;
  }

  .areacount__numWrap {
  	border: 1px solid #333;
  	padding: 2rem 5.3rem;
  	font-size: 1.8rem;
  	font-family: var(--noto);
  	text-align: left;
  	background-color: #fff;
  }

  .areacount__item {
  	border-bottom: 1px solid #333;
  }

  .areacount__table th {
  	width: 7.5rem;
  	padding: 0 1rem;
  	vertical-align: middle;
  	text-align: right;
  }

  .areacount__table th img {
  	width: 7.4rem;
  }

  .areacount__table th:nth-child(2) {
  	padding-left: 0;
  }

  .areacount__table td {
  	width: calc((100% - 7.5rem) / 3);
  	padding: 0.7rem 1rem;
  	vertical-align: middle;
  	text-align: right;
  	font-size: 1.5rem;
  }

  .areacount__table td span {
  	font-size: 2rem;
  }

  .item_private {
  	color: #d97023;
  }


  /* 詳細条件から探す */
  .index__prpDetailSearch__wrap {
  	width: 100%;
  	background: #fff;
  	border: 3px solid var(--color-main);
  	padding: 5rem 13.8rem;
  	font-size: 1.8rem;
  	font-family: var(--noto);
  }

  .index__prpDetailSearch {
  	display: flex;
  	justify-content: space-between;
  }

  .index__prpDetailSearch__head {
  	font-weight: bold;
  	margin-bottom: 1rem;
  }

  .index__prpDetailSearch__wrap select {
  	width: 18rem;
  }

  .index__prpDetailSearch__btn {
  	text-align: center;
  }

  .index__prpDetailSearch__btn input {
  	margin-top: 3.7rem !important;
  	width: 36.9rem;
  	border: none !important;
  }

/*==================================================
  index : index__recomend おすすめ物件情報
  ==================================================*/
  .index__recomend {
  	padding: 7rem 0;
  	border-bottom: 3rem solid var(--color-main);
  	background: url(/share/img/index/recomend__deco.png) center 9.4rem no-repeat;
  }

  .index__recomend__ttl {
  	font-size: 3.5rem;
  	text-align: center;
  	font-weight: 500;
  	margin-bottom: 3.2rem;
  	padding-top: 4rem;
  	position: relative;
  }

  .index__recomend__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: var(--color-main);
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }

  .index__recomend__prpsectionWrap.chitose {
  	background-color: #fff7fa;
  	padding: 4rem 1.5rem 5rem;
  	border-radius: 3rem;
  }

  .index__recomend__prpsectionWrap.tomakomai {
  	background-color: #f2fdff;
  	padding: 4rem 1.5rem 5rem;
  	border-radius: 3rem;
  }

  .index__recomend__prpsectionWrap.toyohira {
  	background-color: #fffaee;
  	padding: 4rem 1.5rem 5rem;
  	border-radius: 3rem;
  }

  .index__areattl {
  	font-size: 2.7rem;
  	font-weight: bold;
  	position: relative;
  	margin-bottom: 3.7rem;
  	text-align: center;
  }

  .index__areattl::before,
  .index__areattl::after {
  	position: absolute;
  	content: '';
  	width: 23rem;
  	height: 2px;
  	background-repeat: repeat-x;
  	background-size: 11px 2px;
  	transform: translateX(-50%);
  	top: 50%;
  }

  .index__areattl::before {
  	left: calc(50% - 18rem);
  }

  .index__areattl::after {
  	left: calc(50% + 18rem);
  }

  /* おすすめ物件　エリア別色変え ここから */
  .chitose .index__areattl::before,
  .chitose .index__areattl::after {
  	background-image: linear-gradient(to right, #f3abc2, #f3abc2 4px, transparent 4px, transparent 11px);
  }

  .tomakomai .index__areattl::before,
  .tomakomai .index__areattl::after {
  	background-image: linear-gradient(to right, #64c4d1, #64c4d1 4px, transparent 4px, transparent 11px);
  }

  .toyohira .index__areattl::before,
  .toyohira .index__areattl::after {
  	background-image: linear-gradient(to right, #f8b62b, #f8b62b 4px, transparent 4px, transparent 11px);
  }

  /* おすすめ物件　エリア別色変え ここまで */

  /* おすすめ物件　会員限定 */

  .index__recomend .slick-arrow {
  	width: 6rem !important;
  	height: 6rem !important;
  }

  .index__recomend .slick-prev {
  	left: -10px;
  }

  .index__recomend .slick-next {
  	right: -10px;
  }

  .index__recomend .slick-arrow:before {
  	content: '' !important;
  	width: 100% !important;
  	height: 100% !important;
  	position: absolute;
  	top: 0;
  }

  .index__recomend .slick-next,
  .slick-prev {
  	z-index: 200;
  }

  .index__recomend .slick-next:before {
  	background: url(/share/img/index/postslide_arrow_r.png) !important;
  	background-size: contain !important;
  	right: 0;
  }

  .index__recomend .slick-prev:before {
  	background: url(/share/img/index/postslide_arrow_l.png) !important;
  	background-size: contain !important;
  	left: 0;
  }

  .index__recomend .slick-track {
  	display: flex;
  }

  .index__recomend .slick-slide {
  	height: auto !important;
  }

  .index__recomend--ememberitem {
  	border: 1px solid #cc3410;
  	max-width: 26.9rem;
  	background-color: #fff;
  }

  .index__recomend--ememberitem a {
  	padding: 2rem 2rem 0.8rem;
  	min-height: 29.9rem;
  	width: 100%;
  	height: 100%;
  	position: relative;
  }

  .index__recomend--ememberitem p {
  	font-weight: bold;
  	font-size: 1.6rem;
  	margin-top: 2rem;
  	min-height: 9.5rem;
  }

  .index__recomend--ememberitem p em {
  	color: #cc3410;
  	font-style: normal;
  }

  .index__recomend--ememberitem .index__recomend__photo {
  	border: none;
  }

  .index__recomend__prpsectionWrap+.index__recomend__prpsectionWrap {
  	margin-top: 2rem;
  }

  .index__recomend--itemWrap {
  	display: flex;
  	justify-content: center;
  	margin-bottom: 4rem;
  	font-family: var(--noto);
  }

  .index__recomend--item {
  	border: 1px solid #ccc;
  	max-width: 26.9rem;
  }

  .index__recomend--itemWrap>li+li {
  	margin-left: 1rem;
  }

  .index__recomend--item a {
  	width: 100%;
  	height: 100%;
  }

  .index__recomend--item a>img {
  	object-fit: cover;
  	height: 100%;
  	margin: 0 auto;
  }

  .index__recomend__article {
  	padding: 2rem 2rem 0.8rem;
  	height: calc(100% - 7.4rem);
  	min-height: 29.9rem;
  	background-color: #fff;
  }

  .index__recomend__photo {
  	width: 22.7rem;
  	height: 12.8rem;
  	background-color: #ccc;
  	position: relative;
  	overflow: hidden;
  	margin-bottom: 1.3rem;
  	border-top: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  }

  .index__recomend__photo>img {
  	object-fit: cover;
  	width: 22.7rem;
  	height: 12.8rem;
  }

  .index__recomend__iconWrap {
  	position: absolute;
  	left: 0.9rem;
  	top: 0.8rem;
  }

  .index__recomend__iconWrap img {
  	max-width: 5rem;
  }

  .index__recomend__prpttl,
  .index__recomend__prpprice {
  	font-weight: bold;
  	font-size: 1.7rem;
  }

  .index__recomend__prpttl {
  	width: 100%;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  }

  .index__recomend__prpprice span {
  	font-size: 2.2rem;
  }

  .index__recomend__payment_payWrap {
  	font-weight: bold;
  	background: url(/share/img/index/payment_pay_bg.png) center/auto 100% no-repeat;
  	height: 7.4rem;
  	color: #fff;
  	position: relative;
  }

  .cate--kodate .index__recomend__payment_payWrap {
  	background-color: var(--color-main);
  }

  .cate--mansion .index__recomend__payment_payWrap {
  	background-color: var(--orange);
  }

  .cate--land .index__recomend__payment_payWrap {
  	background-color: #297330;
  }

  .cate--etc .index__recomend__payment_payWrap {
  	background-color: #734229;
  }

  .index__recomend__payment_pay {
  	position: absolute;
  	bottom: 10%;
  	left: 70%;
  	transform: translateX(-50%);
  	font-size: 1.7rem;
  	min-width: 7em;
  }

  .index__recomend__payment_pay span {
  	font-size: 2.4rem;
  }

/*==================================================
  index : index__newarrivals
  ==================================================*/
  #index__newarrivals {
  	background: url(/share/img/index/bg_newarrivals.png) repeat;
  	padding: 7rem 0;
  }

  .index__newarrivals__ttl {
  	font-size: 3.5rem;
  	text-align: center;
  	font-weight: 500;
  	margin-bottom: 3.2rem;
  	padding-top: 4rem;
  	position: relative;
  }

  .index__newarrivals__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: var(--color-main);
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }


  .index__newarrivals__listwrap {
  	width: 100%;
  	height: 21.4rem;
  	overflow-y: scroll;
  	border: 1px solid #bfbfbf;
  	padding: 4rem 18.6rem;
  	font-size: 1.8rem;
  	font-family: var(--noto);
  	background-color: #fff;
  	margin-bottom: 4.6rem;
  }

  .index__newarrivals__listwrap dl a {
  	display: flex;
  }

  .index__newarrivals__listwrap dl a dt {
  	font-weight: 500;
  	border-bottom: 1px solid var(--black);
  	margin-right: 3rem;
  	margin-bottom: 2.3rem;
  	flex-shrink: 0;
  }

/*==================================================
  index : index__bnrEmember
  ==================================================*/
  .index__bnrEmember {
  	padding: 5rem 0;
  	text-align: center;
  	position: relative;
  }

  .index__bnrEmember a {
  	position: relative;
  }

  .index__emember__estatenum {
  	position: absolute;
  	top: 48%;
  	right: 23%;
  	font-family: var(--noto);
  	font-size: 8.8rem;
  	font-weight: bold;
  	color: #fff100;
  	transform: translateY(-50%);
  	line-height: 1.5;
  	background-image: radial-gradient(0.8rem 0.8rem at center center, #fff100, #fff100 100%, transparent);
  	background-position: top left -1px;
  	background-repeat: repeat-x;
  	background-size: 6.1rem 5rem;
  }

/*==================================================
  index : index__baikyaku
  ==================================================*/
  #index__baikyaku {
  	background: url(/share/img/index/bg_estate.jpg) center/cover no-repeat;
  	padding: 7rem 0 9rem;
  }

  .index__baikyakuWrap {
  	background-color: rgba(255, 255, 255, 0.8);
  	padding: 3.6rem 3rem 5rem;
  }

  .index__baikyaku__ttl {
  	font-size: 2.7rem;
  	font-weight: 500;
  	text-align: center;
  	color: #fff;
  	padding: 2.8rem 0 2.9rem;
  	background: url('/share/img/index/bg_estate_ttl.png') center/auto 100% no-repeat;
  	margin-bottom: 2.6rem;
  }

  .index__baikyakuArea {
  	color: var(--orange);
  	font-size: 2.6rem;
  	font-weight: bold;
  	font-family: var(--noto);
  	text-align: center;
  }

  .index__baikyakuArea span {
  	font-size: 3.1rem;
  }

  .index__soudanWrap {
  	width: 54rem;
  	margin: 4rem auto;
  	display: flex;
  	justify-content: center;
  	color: var(--brown);
  	font-size: 2.5rem;
  	font-family: var(--noto);
  	position: relative;
  }

  .index__soudanWrap::before,
  .index__soudanWrap::after {
  	position: absolute;
  	content: '';
  	width: 0.6rem;
  	height: 100%;
  	background-color: var(--brown);
  	top: 50%;
  	transform: translateY(-50%);
  }

  .index__soudanWrap::before {
  	left: 0;
  	transform: rotate(-25deg) translateY(-50%);
  }

  .index__soudanWrap::after {
  	right: 0;
  	transform: rotate(25deg) translateY(-50%);
  }

  .index__soudanitem {
  	font-weight: bold;
  	line-height: 1.1;
  	text-align: center;
  }

  .index__soudanitem span {
  	line-height: 1.1;
  }

  .index__soudanitem+.index__soudanitem {
  	margin-left: 5.7rem;
  }

  .index__soudanitem span {
    font-size: 7rem;
  	font-weight: bold;
  }

  /*a.index__btnBaikyaku {
  	background-color: #fff;
  	border: 0.2rem solid var(--black);
  	border-radius: 4rem;
  	color: var(--black);
  	margin: 0 auto 3.4rem;
  	font-size: 2.3rem;
  	font-weight: 500;
  	width: 33rem;
  	height: 6.6rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  }

  a.index__btnBaikyaku::after {
  	position: absolute;
  	content: '';
  	width: 3.9rem;
  	height: 2rem;
  	background: url(/share/img/index/icon_arrowBrown.png) center/100% no-repeat;
  	top: 45%;
  	right: 3rem;
  	transform: translateY(-50%);
    }*/

  a.btn-brown__hover:hover {
  	background-color: var(--brown);
  	color: #fff;
  	opacity: 1;
  }

  .index__estateCategory {
  	font-family: var(--noto);
  	display: flex;
  	justify-content: center;
  	font-size: 2.3rem;
  	color: #fff;
  	font-weight: bold;
  }

  .index__estate__cateItem {
  	padding: 1.3rem 2.2rem;
  	line-height: 1;
  }

  .index__estate__cateItem+.index__estate__cateItem {
  	margin-left: 2rem;
  }

  .estate--house {
  	background-color: #7ab851;
  }

  .estate--mansion {
  	background-color: #ef7d4b;
  }

  .estate--land {
  	background-color: #297330;
  }

  .estate--business {
  	background-color: #734229;
  }

    .index__baikyakuWrap__ttl {
      font-size: 2.7rem;
      text-align: center;
      font-weight: 500;
      margin-bottom: 2.5rem;
      position: relative;
    }

    p.index__baikyakuArea.index__baikyakuMap {}

    .index__baikyakumap {
      margin: 4.6rem auto;
    }

    .index__baikyakuWrap__ttl::before,
    .index__baikyakuWrap__ttl::after {
      position: absolute;
      content: '';
      width: 23rem;
      height: 2px;
      background-repeat: repeat-x;
      background-size: 11px 2px;
      transform: translateX(-50%);
      top: 50%;
    }

    .index__baikyakuWrap__ttl::before {
      left: calc(50% - 33rem);
    }

    .index__baikyakuWrap__ttl::after {
      left: calc(50% + 33rem);
    }
    .index__baikyakuWrap__ttl::before,
    .index__baikyakuWrap__ttl::after {
      background-image: linear-gradient(to right, var(--black), var(--black) 4px, transparent 4px, transparent 11px);
    }

    .index__choicePoint {
      display: flex;
      justify-content: space-between;
      gap: 2rem;
    }
    .index__baikyakuWrap .index__choicePoint:first-of-type {
      margin: 4.6rem auto 3.8rem;
    }
    .index__baikyakuWrap .index__choicePoint:last-of-type {
      margin-bottom: 4rem;
    }

    .choicePoint__item {
      background-color: #fff;
      box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
      /* flex: 1; */
      width: calc((100% - 2rem) / 2);
    }

    .choicePoint__item--ttl {
      font-size: clamp(18px, 16.000px + 0.625vw, 25px);
      font-weight: 500;
      padding: 2.3rem 1rem;
      text-align: center;
      color: #fff;
      background-color: var(--color-main);
      line-height: 1;
      position: relative;
    }

    .choicePoint__item--ttl::before {
      position: absolute;
      content: '';
      width: 2rem;
      height: 2rem;
      background-color: var(--color-main);
      bottom: -1rem;
      left: 50%;
      transform: translateX(-50%) rotate(45deg) skew(.142rad, .142rad);
    }

    .choicePoint__item--img {
      padding: 3rem 3rem 4rem 3rem;
      text-align: center;
      /* position: relative; */
      width: clamp(180px, 20vw, 240px);
      /* text-align: center; */
      margin: 0 auto;
    }

    .choicePoint__item--img img {
      /* レイアウトシフト対策で高さ指定 */
      width: 100%;
      height: auto;
      aspect-ratio: 1;
    }

    
    .choicePoint__item--text {
      padding: 0 3rem 3.6rem 4rem;
      transform: rotate(0.03deg);
      font-size: 1.7rem;
    }

    a.index__btnDetail {
      background-color: #fff;
      border: 0.2rem solid var(--black);
      border-radius: 4rem;
      margin: 0 auto;
      font-size: 2.5rem;
      font-weight: 500;
      width: 40rem;
      height: 8rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    a.index__btnDetail::after {
      position: absolute;
      content: '';
      width: 3.9rem;
      height: 2rem;
      background: url('/share/img/common/icon_arrow.png') center/100% no-repeat;
      top: 45%;
      right: 3rem;
      transform: translateY(-50%);
    }

    a.index__btnBaikyaku {
      font-size: 2.5rem;
      font-weight: 500;
      padding: 2rem 11.4rem 2rem 7.6rem;
      border-radius: 4.1rem;
      position: relative;
      color: #fff;
      background: var(--orange);
    }

    a.index__btnBaikyaku::after {
      position: absolute;
      content: '';
      width: 3.9rem;
      height: 2rem;
      background: url('/share/img/common/icon_arrowWhite.png') center/100% no-repeat;
      top: 45%;
      right: 3rem;
      transform: translateY(-50%);
    }

    a.index__btnBaikyaku span {
      background-color: #fff;
      color: var(--orange);
      padding: 0.2rem 0rem 0.3rem 1.3rem;
      letter-spacing: 1rem;
      line-height: 1;
      text-align: center;
      margin-right: 2.1rem;
    }
    .index__btnBaikyakuBox {
      text-align:center;
      display: flex;
      gap: 2rem;
      justify-content: center;
    }
    @media (pointer: fine) {
      a.index__btnBaikyaku:hover span {
        background-color: #fff;
        color: #4e9151;
      }
    }

/*==================================================
  index : index__igokochi
  ==================================================*/

  #index__igokochi {
  	background-color: #f3edd9;
  	padding: 8rem 0 11.8rem;
  	text-align: center;
  }

  .index__igokochi__ttl {
  	font-size: 3.5rem;
  	font-weight: 500;
  	margin-bottom: 5rem;
  }

  .index__igokochiItem {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	margin-top: 7.5rem;
  }

  .index__igokochiItem li+li {
  	margin-left: 3rem;
  }

/*==================================================
  index : index__flayer
  ==================================================*/
  #index__flayer {
  	padding: 9rem 0 10rem;
  }

  .index__flayer__ttl {
  	font-size: 3.5rem;
  	text-align: center;
  	font-weight: 500;
  	margin-bottom: 2.5rem;
  	padding-top: 4rem;
  	position: relative;
  }

  .index__flayer__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: var(--color-main);
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }

  .index__flayer__preface {
  	text-align: center;
  	font-size: 2.4rem;
  	font-weight: 500;
  	margin-bottom: 5rem;
  }

  .index__flayer__itemWrap {
  	display: flex;
  	justify-content: space-around;
  }

  .index__flayer__item {
  	width: calc((100% - 10rem)/3);
  }

  .index__flayer__item+.index__flayer__item {
  	margin-left: 5rem;
  }

  .index__flayer__shop {
  	text-align: center;
  	font-size: 2.3rem;
  	font-weight: bold;
  	margin-bottom: 2rem;
  }

  .index__flayer__postImg {
  	margin-bottom: 3.3rem;
  	overflow: hidden;
  	text-align: center;
  }

  .index__flayer__postImg a {
  	border: 1px solid #d2d2d2;
  	width: 100%;
  }

  .index__flayer__postImg img {
  	object-fit: cover;
  	height: 24.6rem;
  	image-rendering: -webkit-optimize-contrast;
  }

  a.flyer__pdfBtn {
  	display: block;
  	width: 25rem;
  	margin: 0 auto;
  	border: 3px solid #734229;
  	border-radius: 1rem;
  	padding: 1.2rem 2.8rem 1.2rem 8rem;
  	font-size: 1.8rem;
  	color: #734229;
  	margin-bottom: 2.8rem;
  	font-weight: bold;
  	line-height: 1.2;
  	position: relative;
  	transform: rotate(0.03deg);
  }

  a.flyer__pdfBtn::before {
  	position: absolute;
  	content: '';
  	width: 4rem;
  	height: 4.6rem;
  	background: url(/share/img/index/icon_pdf.png) center/100% no-repeat;
  	left: 2.7rem;
  	top: 50%;
  	transform: translateY(-50%);
  }

  a.flyer__pdfBtn:hover {
  	background-color: #734229;
  	color: #fff;
  	opacity: 1;
  }

  a.flyer__pdfBtn:hover::before {
  	background: url(/share/img/index/icon_pdf_on.png) center/100% no-repeat;
  }

  a.flyer__logBtn {
  	position: relative;
  	width: 100%;
  	height: 6rem;
  	font-size: 1.8rem;
  	font-weight: 500;
  	color: #fff;
  	background-color: var(--color-main);
  	border-radius: 3rem;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-family: var(--noto);
  }

  a.flyer__logBtn::after {
  	position: absolute;
  	content: '';
  	width: 2.6rem;
  	height: 1.3rem;
  	background: url(/share/img/common/icon_arrowWhite.png) center/100% no-repeat;
  	top: 45%;
  	right: 2rem;
  	transform: translateY(-50%);
  }

  .flyer__grayBtn {
  	width: 100%;
  	height: 6rem;
  	font-size: 1.8rem;
  	font-weight: 500;
  	color: #fff;
  	background-color: #808080;
  	border-radius: 3rem;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	transform: rotate(0.03deg);
  }

/*==================================================
  index : index__event
  ==================================================*/

  #index__event {
  	position: relative;
  	padding: 8rem 0;
  	background: url('/share/img/index/event_bgDeco.png') center top repeat-x;
  }

  .event__ttl {
  	font-size: 3.1rem;
  	font-weight: 500;
  	position: relative;
  	padding-top: 4.2rem;
  	margin-bottom: 2.8rem;
  	text-align: center;
  }

  .event__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: #a1db91;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }

  .event__itemWrap {
  	display: flex;
  	justify-content: space-between;
  	margin-bottom: 5.2rem;
  }

  .event__item {
  	border: 1px solid var(--black);
  	padding: 3.4rem 3.8rem;
  	box-shadow: 13px 15px 0 #c2c0bd;
  	width: calc((100% - 3.4rem * 2) /3);
  }

  .event__item+.event__item {
  	margin-left: 3.4rem;
  }

  .event__postImg {
  	margin-bottom: 1.3rem;
  	height: 20rem;
  	overflow: hidden;
  	position: relative;
  }

  .event__postImg .icon_new {
  	position: absolute;
  	top: 0.5rem;
  	left: 0.5rem;
  	font-size: 2.1rem;
  	letter-spacing: 0.04em;
  }

  .event__postImg img {
  	object-fit: cover;
  	height: 20rem;
  	width: 100%;
  }

  .event__postTtl {
  	font-size: 1.8rem;
  	font-weight: 500;
  	display: -webkit-box;
  	overflow: hidden;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	transform: rotate(0.03deg);
  	margin-bottom: 1.3rem;
  }

  .event__dateWrap {
  	display: flex;
  	justify-content: flex-start;
  	align-items: center;
  	margin-bottom: 1.8rem;
  }

  .event__dateWrap dt {
  	font-weight: 500;
  	font-size: 1.6rem;
  	background-color: var(--color-main);
  	color: #fff;
  	padding: 0.5rem 0.7rem;
  	margin-right: 0.7rem;
  	display: inline-block;
  	flex-shrink: 0;
  }

  .event__date {
  	font-weight: 500;
  	font-size: 1.7rem;
  	color: var(--color-main);
  }

  .event__date ul {
  	display: flex;
  	justify-content: flex-start;
  	flex-wrap: wrap;
  }

  .event__date ul li {
  	margin-right: 1.1rem;
  }

  .event__postPreface {
  	font-size: 1.7rem;
  	display: -webkit-box;
  	overflow: hidden;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	transform: rotate(0.03deg);
  }

  /* イベント スライダーCSS */
  .event__itemWrap .slick-track {
  	display: flex;
  }

  .event__itemWrap .slick-slide {
  	height: auto !important;
  }


  #index__event .slick-list.draggable {
  	padding-bottom: 1.5rem;
  }

  #eventArrows {
  	font-size: 0;
  	line-height: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	display: flex;
  	justify-content: space-between;
  	height: 20px;
  	padding: 0;
  	z-index: 2;
  	max-width: 90%;
  }

  #eventArrows .slick-arrow {
  	width: 6rem !important;
  	height: 6rem !important;
  }

  #eventArrows .slick-next {
  	right: -1rem !important;
  }

  #eventArrows .slick-prev {
  	left: -1rem !important;
  }

  #eventArrows .slick-arrow::before {
  	content: '' !important;
  	width: 100% !important;
  	height: 100% !important;
  	position: absolute;
  	top: 0;
  	left: 0;
  }

  #eventArrows .slick-next::before {
  	background: url(/share/img/index/postslide_arrow_r.png) !important;
  	background-size: contain !important;
  }

  #eventArrows .slick-prev::before {
  	background: url(/share/img/index/postslide_arrow_l.png) !important;
  	background-size: contain !important;
  }

/*==================================================
  index : index__topics
  ==================================================*/
  #index__topics {
  	padding: 6rem 0 7rem;
  	background: url('/share/img/index/topics_bg.png') center top/cover repeat-x;
  	position: relative;
  }

  .topics__ttl {
  	font-size: 3.1rem;
  	font-weight: 500;
  	position: relative;
  	padding-top: 4.2rem;
  	margin-bottom: 2.8rem;
  	text-align: center;
  }

  .topics__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: #a1db91;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }

  .topics__itemWrap {
  	padding: 6rem 23rem;
  	background-color: #fff;
  	border: 1px solid var(--black);
  	margin-bottom: 4.6rem;
  }

  .topics__item {
  	display: flex;
  	justify-content: flex-start;
  	align-items: center;
  	position: relative;
  	padding-left: 9.5rem;
  }

  .topics__item+.topics__item {
  	margin-top: 3.7rem;
  }

  .topics__date {
  	font-size: 2.3rem;
  	flex-shrink: 0;
  	font-weight: 500;
  }

  .type__new {
  	background-color: #fff100;
  	color: var(--black);
  	display: inline-block;
  	font-size: 2.1rem;
  	font-weight: 700;
  	padding: 1.1rem 1.3rem;
  	line-height: 1;
  	letter-spacing: 0.05em;
  	position: absolute;
  	left: 1rem;
  	top: 50%;
  	transform: translateY(-50%);
  }

  .topics__postTtl {
  	max-width: 65%;
  	margin-left: 2.1rem;
  }

  .topics__postTtl a {
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	width: 100%;
  	font-size: 2rem;
  	font-weight: 500;
  	border-bottom: 2px solid var(--black);
  	transform: rotate(0.03deg);
  }

/*==================================================
  index : index__aboutPlando
  ==================================================*/
  #index__aboutPlando {
  	padding: 6rem 0 8rem;
  }

  .aboutPlando__ttl {
  	font-size: 3.1rem;
  	font-weight: 500;
  	position: relative;
  	padding: 4.2rem 0;
  	text-align: center;
  	text-indent: 5rem;
  }

  .aboutPlando__ttl::before {
  	position: absolute;
  	content: '';
  	width: 7rem;
  	height: 1rem;
  	background-color: #a1db91;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  }

  .aboutPlando__ttl::after {
  	position: absolute;
  	content: '';
  	width: 6.8rem;
  	height: 7.6rem;
  	background: url(/share/img/index/icon_company.png) center/100% no-repeat;
  	top: 50%;
  	left: calc(50% - 23.5rem);
  	transform: translateY(-50%);
  }

  .aboutPlando__shopImgWrap {
  	margin-bottom: 3.4rem;
  }

  .aboutPlando__shopImg img {
  	image-rendering: pixelated;
  }

  .aboutPlando__shoInfoWrap {
  	display: flex;
  	justify-content: center;
  	margin-bottom: 7rem;
  }

  .aboutPlando__shoList {
  	flex-grow: 1;
  }

  .aboutPlando__shoList:nth-of-type(1) {
  	padding-right: 2.5rem;
  }

  .aboutPlando__shoList:nth-of-type(2) {
  	border-left: 1px solid #a6afb5;
  	padding: 0 4rem;
  }

  .aboutPlando__shoList:nth-of-type(3) {
  	border-left: 1px solid #a6afb5;
  	padding-left: 3rem;
  }

  .aboutPlando__shop {
  	color: var(--color-main);
  	font-weight: 700;
  	font-size: 1.9rem;
  	line-height: 1.4;
  	margin-bottom: 2rem;
  	transform: rotate(0.03deg);
  }

  .aboutPlando__shoInfo {
  	display: flex;
  	flex-wrap: wrap;
  	font-family: var(--noto);
  	transform: rotate(0deg);
  	font-weight: 400;
  	font-size: 1.6rem;
  }

  .aboutPlando__shoInfo dt {
  	width: 25%;
  	flex-shrink: 0;
  	font-weight: 500;
  }

  .aboutPlando__shoInfo dd {
  	width: 75%;
  }

  /* プランドゥライフの店舗ではコロナウイルス対策を徹底しております。 */
  .aboutPlando__measuresWrap {
  	border: 5px solid var(--color-main);
  	border-radius: 5.1rem;
  	padding: 5rem 7rem;
  	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", 'Noto Sans JP';
  	font-weight: 700;
  	margin-bottom: 5.3rem;
  }

  .measures__ttl {
  	font-size: 2.9rem;
  	text-align: center;
  	line-height: 1.4;
  	padding-bottom: 2.5rem;
  	background: url('/share/img/index/measures_deco.png') center bottom no-repeat;
  	margin-bottom: 4.3rem;
  }

  .measures__listWrap {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	flex-wrap: wrap;
  }

  .measures__list+.measures__list {
  	margin-left: 3.4rem;
  }

  .measures__list:nth-child(5) {
  	margin-left: 0;
  }

  .measures__list:nth-child(n+5) {
  	margin-top: 3.4rem;
  }

  .measures__list {
  	font-size: 2rem;
  	display: flex;
  	align-items: center;
  	width: calc((100% - 3.4rem * 3)/4);
  }

  .measures__list:last-child {
  	flex-grow: 1;
  }

  .measures__icon {
  	width: 50%;
  	max-width: 10.6rem;
  	min-width: 8rem;
  	margin-right: 0.5rem;
  }

  a.index__btnShopList {
  	background-color: #fff;
  	border: 0.2rem solid var(--black);
  	border-radius: 4rem;
  	box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  	margin: 0 auto;
  	font-size: 2.5rem;
  	font-weight: 500;
  	width: 55rem;
  	height: 8rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  }

  a.index__btnShopList::after {
  	position: absolute;
  	content: '';
  	width: 3.9rem;
  	height: 2rem;
  	background: url(/share/img/common/icon_arrow.png) center/100% no-repeat;
  	top: 45%;
  	right: 3rem;
  	transform: translateY(-50%);
  }


  /* スタッフ情報・ブログ・来店予約 */
  #index__btnCounty {
  	padding: 10rem 0;
  	background-color: #f6e9e1;
  }

  .btnCounty__itemWrap {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	flex-wrap: wrap;
  }

  .btnCounty__itemWrap li {
  	width: calc((100% - 10rem) / 4);
  	height: 22rem;
  	background-color: #fff;
  }

  .btnCounty__itemWrap li a {
  	font-size: 2.5rem;
  	font-weight: 500;
  	color: #fff;
  	text-align: center;
  	line-height: 1.4;
  	background-color: #452003;
  	width: 100%;
  	height: 100%;
  	padding: 2rem;
  	box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  }

  .btnShop {
  	background: url(/share/img/index/btn_bgShop.png) center/cover no-repeat;
  }

  .btnBlog {
  	background: url(/share/img/index/btn_bgBlog.png) center/cover no-repeat;
  }

  .btnReserve {
  	background: url(/share/img/index/btn_bgReserve.png) center/cover no-repeat;
  }

  .btnIgocochi {
  	background: url(/share/img/index/btn_bgIgocochi.png) center/cover no-repeat;
  }

  .btnCounty__itemTtl {
  	border: 2px solid #fff;
  	height: 100%;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }

/*==================================================
  index : index__container flexBox
  ==================================================*/

  #index__consul {
  	padding: 8rem 0;
  	background-color: #ebf4e5;
  }

  .consul__wrap {
  	border: 2px solid var(--color-main);
  	padding: 5rem;
  	background-color: #fff;
  	box-shadow: 0 3px 7px rgb(0 0 0 / 35%);
  }

  .consul__ttl {
  	font-size: 2.9rem;
  	color: var(--color-main);
  	font-weight: 500;
  	text-align: center;
  	margin-bottom: 4rem;
  }

  .consulTel__wrap {
  	margin-bottom: 4rem;
  }

  .consul__shopList {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	margin-bottom: 0.5rem;
  }

  .consulTel__item+.consulTel__item {
  	margin-left: 2rem;
  }

  .consulTel__shopName {
  	border-bottom: 1px solid #7a7473;
  	text-align: center;
  	font-size: 2.2rem;
  	padding-bottom: 1rem;
  	font-weight: 500;
  }

  .consulTel__phone {
  	font-size: 4.4rem;
  	font-family: 'Noto Sans JP';
  	position: relative;
  	padding-left: 4.5rem;
  	padding-right: 0.5rem;
  }

  .consulTel__phone::before {
  	position: absolute;
  	content: '';
  	width: 3rem;
  	height: 3rem;
  	background: url(/share/img/index/icon_tel30.png) center/100% no-repeat;
  	top: 58%;
  	left: 1rem;
  	transform: translateY(-50%);
  }

  .consulTel__time {
  	text-align: center;
  	font-size: 2.1rem;
  	font-family: var(--noto);
  }

  .onlineWrap {
  	background-color: #ebf4e5;
  	padding: 3.4rem 8rem 3.4rem 4.7rem;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  }

  .online__catch {
  	border: 3px solid var(--color-main);
  	background-color: #fff;
  	border-radius: 50%;
  	font-size: 2.5rem;
  	font-weight: 500;
  	text-align: center;
  	color: var(--color-main);
  	line-height: 1.4;
  	width: 18.2rem;
  }

  .online__catch-circle {
  	width: 100%;
  	padding-top: 100%;
  	border-radius: 50%;
  	position: relative;
  }

  .online__catch-circle span {
  	position: absolute;
  	width: 100%;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  }

  .online__txt {
  	font-family: var(--noto);
  	font-weight: bold;
  	font-size: 2.6rem;
  	flex-grow: 1;
  	text-align: center;
  	padding-left: 6rem;
  }

  .online__appList {
  	display: flex;
  	justify-content: center;
  	margin-top: 2rem;
  }

  .online__appList li+li {
  	margin-left: 2rem;
  }

  a.index__btnReserve {
  	background-color: #fff;
  	border: 0.2rem solid var(--black);
  	border-radius: 4rem;
  	color: var(--black);
  	margin: 0 auto 4.7rem;
  	font-size: 2.5rem;
  	font-weight: 500;
  	width: 50rem;
  	height: 8rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  }

  a.index__btnReserve::after {
  	position: absolute;
  	content: '';
  	width: 3.9rem;
  	height: 2rem;
  	background: url('/share/img/common/icon_arrow.png') center/100% no-repeat;
  	top: 45%;
  	right: 3rem;
  	transform: translateY(-50%);
  }

/*==================================================
  index common : index__container flexBox
  ==================================================*/
  .index__container {
  	font-family: m-plus-rounded-2m, sans-serif;
  	font-weight: 400;
  }

  @media screen and (min-width: 768px) {
  	.index__container {
  		width: 114rem;
  		margin: 0 auto;
  	}
  }


/*///////////////////////////////////////////////////////////

スマホ版（0px～767px）

///////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {
	:root {
		--btn-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 35%);
		--item-shadow: 1rem 1.3rem 0 #c2c0bd;
	}

	.sp_hidden {
		display: none;
	}

	.index__container {
		margin: 0 1rem;
	}

	/*==================================================
	  スマホ版 index common 詳細・一覧ボタン・見出し
	  ==================================================*/
	  .area--ttl,
	  .event__ttl,
	  .topics__ttl {
	  	font-size: 2.5rem;
	  	padding-top: 2.6rem;
	  	margin-bottom: 1.5rem;
	  }

	  .area--ttl::before,
	  .event__ttl::before,
	  .topics__ttl::before,
	  .aboutPlando__ttl::before
	  {
	  	width: 5rem;
	  }

    a.index__btnColumnList, a.index__btnShopList, a.index__btnReserve {
	  	width: 90%;
	  	font-size: 2rem;
	  	transform: rotate(0.03deg);
	  	padding: 1.2rem 4rem;
	  	height: unset;
	  	border-radius: calc(100vh/2);
	  	border: 0.1rem solid var(--black);
	  	box-shadow: var(--btn-shadow);
	  	margin: 0 auto;
	  }

	  a.index__btnBaikyaku::after,
	  a.index__btnColumnList::after,
	  a.index__btnShopList::after,
	  a.index__btnReserve::after {
	  	width: 2.5rem;
	  	height: 1.4rem;
	  	right: 1.5rem;
	  }

	/*==================================================
	  スマホ版 fvBox
	  ==================================================*/

	  .index__fvBoxWrap {
	  	margin-top: 0;
	  }

	  .index__fvItem {
	  	position: relative;
	  	overflow: hidden;
	  	display: flex;
	  	justify-content: center;
	  	align-items: center;
	  	height: 105vw !important;
	  }

	  .index__fvItem>img {
	  	z-index: -1;
	  	position: absolute;
	  	top: 0;
	  	bottom: 0;
	  	right: 0;
	  	left: 0;
	  	margin: auto;
	  	height: 100%;
	  	object-fit: cover;
	  	font-family: 'object-fit: cover;';
	  }

	  .index__slider__textWrap {
	  	width: 100%;
	  	height: 100%;
	  }

	  .slide01_text1 {
	  	position: absolute;
	  	top: 3.7rem;
	  	left: 50%;
	  	transform: translateX(-50%);
	  	width: 85%;
	  }

	  .slide01_text2 {
	  	position: absolute;
	  	top: inherit;
	  	bottom: 2rem;
	  	left: 50%;
	  	transform: translateX(-50%);
	  	width: 70%;
	  }

	  .slide02_num {
	  	bottom: 21%;
	  	left: 31%;
	  }

	  .slide02_num li {
	  	font-size: 4rem;
	  	width: 8.5vw;
	  	height: 13vw;
	  }

	/*==================================================
	  スマホ版 index__reason　選ばれる理由
	  ==================================================*/
	  #index__reason {
	  	padding: 5rem 0 7rem;
	  }

	  .index__reason__ttl {
	  	font-size: 3rem;
	  	line-height: 1.2;
	  }

	  .index__reason__ttl span {
	  	font-size: 2rem;
	  	line-height: 1;
	  }

	  .index__reason__ttl::before,
	  .index__reason__ttl::after {
	  	content: none;
	  }

	  .reason__itemWrap {
	  	flex-direction: column;
	  }

	  .reason__item {
	  	width: 100%;
	  	margin-bottom: 5rem;
	  	border: 0.3rem solid var(--color-main);
	  }

	  .reason__item:nth-child(3) {
	  	margin-bottom: 5rem;
	  }

	  .reason__item:last-child {
	  	margin-bottom: 3rem;
	  }

	  .reason__num {
	  	width: 6.4rem;
	  	height: 6.4rem;
	  	line-height: 0.5;
	  }

	  .reason__num span {
	  	font-size: 2.3rem;
	  }

	  .reason__item h3 {
	  	font-size: 2.2rem;
	  	padding: 3.3rem 1rem 2rem;
	  }

	  .reason__item__img01 {
	  	width: 70%;
	  	max-width: 23rem;
	  }

	  .reason__item__img01,
	  .reason__item__img02 {
	  	width: 60%;
	  }

	  .reason__item__img04 {
	  	width: 50%;
	  }

	  .reason__item__text {
	  	padding: 0 2rem 2rem;
	  }

	  .reason__btnWrap {
	  	flex-direction: column;
	  }

	  .index__btn__toPage {
	  	width: 80%;
	  	height: 6rem;
	  	font-size: 2rem;
	  	margin: 0 auto;
	  	border: 0.1rem solid var(--black);
	  }

	  .index__btn__toPage+.index__btn__toPage {
	  	margin: 2rem auto 0;
	  }

	/*==================================================
	  スマホ版 index__search 物件を探す
	  ==================================================*/
	  #index__search {
	  	padding: 5rem 0 7rem;
	  }

	  .index__search__ttl {
	  	font-size: 2.5rem;
	  	margin-bottom: 2rem;
	  }

	  ul.index__prpsearch__category {
	  	display: flex;
	  	justify-content: space-between;
	  	align-items: center;
	  	flex-wrap: wrap;
	  	margin-bottom: 3rem;
	  }

	  ul.index__prpsearch__category li {
	  	width: 48%;
	  	margin: 1%;
	  }

	  ul.index__prpsearch__category li a {
	  	display: block;
	  	width: 100%;
	  	background-color: #fff;
	  	border-radius: 3rem;
	  	border: 0.1rem solid var(--black);
	  	font-size: 1.6rem;
	  	text-align: center;
	  	font-weight: 500;
	  	padding: 1rem;
	  }

	  .index__prpDetailSearch__wrap {
	  	padding: 2rem 2rem 3rem;
	  }

	  .index__prpDetailSearch__head {
	  	margin-bottom: 0.5rem;
	  }

	  .index__prpDetailSearch {
	  	flex-direction: column;
	  }

	  .index__prpDetailSearch__item+.index__prpDetailSearch__item {
	  	margin-top: 1.5rem;
	  }

	  .index__prpDetailSearch__wrap select {
	  	width: 85%;
	  	margin: 0 0 0 0.5rem;
	  }

	  .index__prpDetailSearch__price select {
	  	width: 44%;
	  }

	  .index__prpDetailSearch__btn input {
	  	width: 100%;
	  	margin-top: 1rem !important;
	  }

	/*==================================================
	  スマホ版 index__newarrivals　おすすめ物件情報
	  ==================================================*/
	  .index__recomend {
	  	padding: 8rem 0;
	  	border-bottom: 1.5rem solid var(--color-main);
	  	background: none;
	  }

	  .index__recomend__ttl {
	  	font-size: 2.5rem;
	  	padding-top: 2.6rem;
	  	margin-bottom: 1.5rem;
	  }

	  .index__recomend__ttl::before {
	  	width: 5rem;
	  }

	  .index__areattl {
	  	font-size: 2.3rem;
	  	margin-bottom: 2rem;
	  }

	  .index__areattl::before {
	  	left: calc(50% - 27vw);
	  	width: 30%;
	  }

	  .index__areattl::after {
	  	left: calc(50% + 27vw);
	  	width: 30%;
	  }

	  .index__recomend--itemWrap {
	  	margin-bottom: 2rem;
	  }

	  .ndex__recomend--ememberitem,
	  .index__recomend--item {
	  	max-width: unset;
	  }

	  .index__recomend__photo,
	  .index__recomend__photo>img {
	  	width: 100%;
	  }

	  .index__recomend .slick-list {
	  	padding: 0 5% !important;
	  }

	  .index__recomend .slick-slide {
	  	margin-right: 1vw !important;
	  	margin-left: 1vw !important;
	  }

	  .index__recomend--ememberitem {
	  	max-width: unset;
	  }

	  .index__recomend__payment_payWrap {
	  	background: url(/share/img/index/payment_pay_bg.png) center/auto 95% no-repeat;
	  }

	/*==================================================
	  スマホ版 index__recomend　新規物件登録情報
	  ==================================================*/
	  #index__newarrivals {
	  	padding: 5rem 0;
	  }

	  .index__newarrivals__ttl {
	  	font-size: 2.5rem;
	  	padding-top: 2.6rem;
	  	margin-bottom: 1.5rem;
	  }

	  .index__newarrivals__ttl::before {
	  	width: 5rem;
	  }

	  .index__newarrivals__listwrap {
	  	padding: 2rem;
	  	font-size: 1.6rem;
	  	margin-bottom: 2rem;
	  	overflow-y: visible;
	  	height: unset;
	  }

	  .index__newarrivals__listwrap dl a {
	  	flex-direction: column;
	  	margin-bottom: 1.5rem;
	  }

	  .index__newarrivals__listwrap dl a:nth-child(n+4) {
	  	/* 4番目以降非表示 */
	  	display: none;
	  }

	  .index__newarrivals__listwrap dl a dt {
	  	margin-bottom: 0.5rem;
	  	margin-right: 0;
	  }

	  /* おすすめ物件　会員限定 */
	  .index__recomend__iconWrap {
	  	display: flex;
	  }

	  .index__recomend__iconWrap img {
	  	margin-right: 0.5rem;
	  }

	/*==================================================
	  スマホ版 index__bnrEmember 会員登録バナー
	  ==================================================*/
	  .index__bnrEmember {
	  	padding: 3rem 0;
	  }

	  .index__emember__estatenum {
	  	font-size: 8.8vw;
	  	top: 66%;
	  	right: 35%;
	  	background: none;
	  	text-align: right;
	  }

	/*==================================================
	  スマホ版 index__baikyaku　不動産売却をお考えの方
	  ==================================================*/
	  #index__baikyaku {
	  	padding: 5rem 0;
	  }

	  .index__baikyakuWrap {
	  	padding: 3rem 2rem;
	  }

	  .index__baikyaku__ttl {
	  	background: #734229;
	  	padding: 1.3rem 0;
	  	font-size: 6vw;
	  }

	  .index__baikyakuArea {
	  	font-size: 2rem;
	  	line-height: 1.3;
	  }

	  .index__baikyakuArea span {
	  	font-size: 2.5rem;
	  	line-height: 1.3;
	  }

	  .index__soudanWrap {
	  	width: 100%;
	  	flex-direction: column;
	  	font-size: 2rem;
	  }

	  .index__soudanitem+.index__soudanitem {
	  	margin: 2rem 0 0 0;
	  }

	  .index__soudanWrap::before {
	  	left: 6rem;
	  }

	  .index__soudanWrap::after {
	  	right: 6rem;
	  }

	  .index__estateCategory {
	  	flex-wrap: wrap;
	  	width: 80%;
	  	margin: 3rem auto 0;
	  	justify-content: space-between;
	  	flex-direction: column;
	  }

	  .index__estate__cateItem {
	  	padding: 1.3rem;
	  	flex-grow: 1;
	  	text-align: center;
	  	margin-bottom: 0.6rem;
	  }

	  .index__estate__cateItem:nth-child(even) {
	  	margin-left: 0;
	  }

	  .index__estate__cateItem:nth-child(odd) {
	  	margin-left: 0;
	  }
    .index__soudanitem span {
      font-size: 4.8rem;
      font-weight: bold;
    }
    .index__baikyakuWrap__ttl {
      font-size: 2.3rem;
      margin-bottom: 2rem;
    }

    .index__baikyakuWrap__ttl::before {
      left: calc(50% - 37vw);
      width: 14%;
    }

    .index__baikyakuWrap__ttl::after {
      left: calc(50% + 37vw);
      width: 14%;
    }
    .index__baikyakumap {
      margin: 2rem -2rem;
    }

    a.index__btnBaikyaku {
      width: 100%;
      font-size: 1.9rem;
      transform: rotate(0.03deg);
      padding: 1.2rem 2rem;
      height: unset;
      border-radius: calc(100vh/2);
      box-shadow: var(--btn-shadow);
      margin: 0 auto;
    }
    a.index__btnBaikyaku span {padding: 0.2rem 0rem 0.3rem 0.7rem;margin-right: 1rem;letter-spacing: 0.5rem;}
    a.index__btnBaikyaku::after {
      width: 2.5rem;
      height: 1.4rem;
      right: 1.5rem;
    }
  /*==================================================
    スマホ版 index__choicePoint
    ==================================================*/
    .index__choicePoint {
      flex-direction: column;
      margin-bottom: 2rem;
      width: 100%;
    }
    .choicePoint__item {
      width:100%;
    }
    .choicePoint__item+.choicePoint__item {
      margin-top: 2rem;
    }

    .choicePoint__item--ttl {
      padding: 1.6rem 0;
    }

    .choicePoint__item--img {
      /* width: 18rem; */
      padding: 2rem 3rem 1rem 3rem;
    }

    .choicePoint__item.flexBox-2:nth-of-type(1) .choicePoint__item--img::before,
    .choicePoint__item.flexBox-2:nth-of-type(2) .choicePoint__item--img::before,
    .choicePoint__item.flexBox-3:nth-of-type(1) .choicePoint__item--img::before,
    .choicePoint__item.flexBox-3:nth-of-type(2) .choicePoint__item--img::before,
    .choicePoint__item.flexBox-3:nth-of-type(3) .choicePoint__item--img::before {
      width: 17vw;
      height: 17vw;
      top: 0.8rem;
    }

    .choicePoint__item--text {
      padding: 0 2rem 3rem 2rem;
    }

    .index__btnBaikyakuBox {
      flex-direction:column;
    }
  /*==================================================
    スマホ版 index__choiceReason
    ==================================================*/
  /* #index__choiceReason {
    padding: 5rem 0 7rem;
    } */

    .choiceReason--ttl {
      font-size: 2rem;
      margin-bottom: 1.7rem;
    }

    .choiceReason--preface {
      font-size: 1.7rem;
      margin-bottom: 3rem;
    }

	/*==================================================
	  スマホ版 index__igokochi　いごこ家
	  ==================================================*/
	  #index__igokochi {
	  	padding: 5rem 0 7rem;
	  }

	  .index__igokochi__ttl {
	  	font-size: 2.5rem;
	  	margin-bottom: 3rem;
	  }

	  .index__igokochiItem {
	  	flex-wrap: wrap;
	  	margin-top: 4rem;
	  }

	  .index__igokochiItem li {
	  	width: 49%;
	  	flex-grow: 1;
	  	margin-bottom: 2%;
	  }

	  .index__igokochiItem li+li {
	  	margin-left: 0;
	  }

	  .index__igokochiItem li:nth-child(even) {
	  	margin-left: 2%;
	  }

	/*==================================================
	  スマホ版 index__flayer　チラシ情報
	  ==================================================*/
	  #index__flayer {
	  	padding: 5rem 0 7rem;
	  }

	  .index__flayer__ttl {
	  	font-size: 2.5rem;
	  	margin-bottom: 2rem;
	  }

	  .index__flayer__ttl::before {
	  	width: 5rem;
	  }

	  .index__flayer__preface {
	  	font-size: 2rem;
	  	margin-bottom: 3rem;
	  }

	  .index__flayer__itemWrap {
	  	flex-direction: column;
	  }

	  .index__flayer__item {
	  	width: 100%;
	  }

	  .index__flayer__item+.index__flayer__item {
	  	margin-left: 0;
	  	margin-top: 3rem;
	  }

	  .index__flayer__shop {
	  	font-size: 2rem;
	  	margin-bottom: 1rem;
	  }

	  .index__flayer__postImg {
	  	margin-bottom: 1.5rem;
	  }

	  a.flyer__pdfBtn {
	  	margin-bottom: 1.5rem;
	  	width: 80%;
	  	max-width: 25rem;
	  }

	/*==================================================
	  スマホ版 index__event（投稿と共通）
	  ==================================================*/
	  #index__event {
	  	padding: 6rem 0;
	  }

	  .event__itemWrap {
	  	flex-direction: column;
	  	margin-bottom: 3rem;
	  	width: 100%;
	  }

	  a.event__item {
	  	width: calc(100% - 1rem);
	  	box-shadow: var(--item-shadow);
	  	padding: 2rem;
	  }

	  .event__item+.event__item {
	  	margin: 2rem 0 1.5rem 1rem;
	  }

	  .event__postTtl {
	  	font-size: 1.8rem;
	  }

	  .event__postImg .icon_new {
	  	font-size: 1.8rem;
	  }

	  .event__dateWrap {
	  	margin-bottom: 0.7rem;
	  }

	  .event__postPreface {
	  	font-size: 1.6rem;
	  }

	/*==================================================
	  スマホ版 index__topics
	  ==================================================*/
	  #index__topics {
	  	padding: 5rem 0 7rem;
	  }

	  .topics__itemWrap {
	  	padding: 2rem;
	  	margin-bottom: 3rem;
	  }

	  .topics__item {
	  	flex-direction: column;
	  	align-items: flex-start;
	  	padding-left: 0;
	  }

	  .topics__date {
	  	font-size: 1.7rem;
	  	margin-bottom: 0.7rem;
	  }

	  .type__new {
	  	font-size: 1.6rem;
	  	padding: 0.7rem 1rem;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	transform: translateY(0);
	  }

	  .type__new+.topics__date {
	  	margin-left: 3em;
	  }

	  .topics__postTtl {
	  	width: 100%;
	  	margin: 0 0 1rem 0;
	  	max-width: unset;
	  }

	  .topics__postTtl a {
	  	font-size: 1.7rem;
	  }

	  .topics__item+.topics__item {
	  	margin-top: 1rem;
	  }

	/*==================================================
	  スマホ版 index__aboutPlando
	  ==================================================*/
	  #index__aboutPlando {
	  	padding: 5rem 0 6rem;
	  }

	  .aboutPlando__ttl {
	  	font-size: 2.5rem;
	  	padding-bottom: 3rem;
	  	margin-bottom: 0;
	  }

	  .aboutPlando__ttl::after {
	  	width: 5rem;
	  	height: 5.5rem;
	  	left: 0;
	  }

	  .aboutPlando__ttl::after {
	  	width: 5rem;
	  	height: 5.5rem;
	  	left: 0;
	  }

	  .aboutPlando__shopImgWrap {
	  	margin-bottom: 2rem;
	  }

	  .aboutPlando__shoInfoWrap {
	  	flex-direction: column;
	  	margin-bottom: 4rem;
	  }

	  .aboutPlando__shop {
	  	margin-bottom: 1rem;
	  	text-align: center;
	  }

	  .aboutPlando__shoList+.aboutPlando__shoList {
	  	margin: 2rem 0 0 0;
	  	border-left: none;
	  	border-top: 1px solid #a6afb5;
	  	padding: 2rem 0 0 0;
	  }

	  .aboutPlando__measuresWrap {
	  	border-width: 0.2rem;
	  	border-radius: 3rem;
	  	padding: 3rem 2rem;
	  	margin-bottom: 3rem;
	  }

	  .measures__ttl {
	  	font-size: 2rem;
	  	margin-bottom: 2rem;
	  }

	  .measures__listWrap {
	  	align-items: flex-start;
	  }

	  .measures__list:nth-child(odd) {
	  	margin-left: 0;
	  }

	  .measures__list:nth-child(even) {
	  	margin-left: 1rem;
	  }

	  .measures__list:nth-child(n+3) {
	  	margin-top: 1.5rem;
	  }

	  .measures__list {
	  	width: calc((100% - 1rem)/2);
	  	display: block;
	  	text-align: center;
	  	font-size: 1.7rem;
	  	flex-grow: 1;
	  }

	  .measures__icon {
	  	margin-bottom: 0.7rem;
	  	max-width: unset;
	  	width: unset;
	  }

	  .measures__icon img {
	  	width: 70%;
	  	max-width: 10rem;
	  }

	  .measures__list p {
	  	line-height: 1.4;
	  }

	  /* スタッフ情報・ブログ・来店予約 */
	  #index__btnCounty {
	  	padding: 6rem 0 4rem;
	  }

	  .btnCounty__itemWrap {
	  	justify-content: center;
	  }

	  .btnCounty__itemWrap li {
	  	width: calc((100% - 2rem) / 2);
	  	height: calc((100vw - 7vw) / 2);
	  	margin-bottom: 1rem;
	  }

	  .btnCounty__itemWrap li:nth-of-type(even) {
	  	margin-left: 2rem;
	  }

	/*==================================================
	  スマホ版 index__consul
	  ==================================================*/
	  #index__consul {
	  	padding: 5rem 0;
	  }

	  .consul__wrap {
	  	padding: 3rem 2rem;
	  	box-shadow: var(--btn-shadow);
	  }

	  .consul__ttl {
	  	font-size: 2.3rem;
	  	line-height: 1.4;
	  	margin-bottom: 2rem;
	  }

	  .consul__shopList {
	  	flex-direction: column;
	  	margin-bottom: 1rem;
	  }

	  .consulTel__item {
	  	width: 100%;
	  }

	  .consulTel__wrap {
	  	margin-bottom: 3rem;
	  }

	  .consulTel__shopName {
	  	font-size: 2rem;
	  	padding-bottom: 0.3rem;
	  }

	  .consulTel__phone {
	  	font-size: 10vw;
	  	text-align: center;
	  	padding: 0 0 0 3rem;
	  }

	  .consulTel__item+.consulTel__item {
	  	margin: 1rem 0 0;
	  }

	  .consulTel__time {
	  	font-size: 1.7rem;
	  }

	  .onlineWrap {
	  	margin: 3rem 0;
	  	padding: 2rem;
	  	flex-wrap: wrap;
	  }

	  .online__catch {
	  	width: 45%;
	  	line-height: 1.4;
	  	order: 1;
	  	border-width: 0.2rem;
	  }

	  .online__catch-circle span {
	  	line-height: 1.4;
	  	font-size: 1.7rem;
	  }

	  .online__txt {
	  	order: 3;
	  	width: 100%;
	  	padding: 0;
	  	font-size: 2rem;
	  	margin-top: 1rem;
	  }

	  .online__img {
	  	order: 2;
	  	width: 50%;
	  	margin-left: 5%;
	  }

	  .online__appList {
	  	margin-top: 1rem;
	  }
	}

	/* スマホ版ここまで ------------------------------------- */


/*///////////////////////////////////////////////////////////

タブレット版（768px～1139px）

///////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width:1139px) {
	/* html {
		font-size: 10px;
		} */

		/* メインスライダー */
		.index__fvItem {
			height: 50vh !important;
		}

		.index__slider__textWrap {
			width: 100%;
			height: 100%;
		}

		.slide01_text1 {
			top: 50%;
			left: 3%;
			width: 55vw;
			transform: translateY(-50%);
		}

		.slide01_text2 {
			bottom: 21%;
			left: 2.5%;
			width: 47%;
		}

		.slide02_text {
			width: 90%;
		}

		.slide02_num {
			bottom: calc(50% - 13vw);
			left: 37%;
		}

		.slide02_num li {
			font-size: 7vw;
			width: 6vw;
			height: 8vw;
		}

		.slide03_text {
			top: calc(50% - 5vw);
			right: 0;
			width: 58vw;
		}

		.index__container {
			width: 100%;
			padding: 0 3vw;
		}

		#maplinkBox li a {
			font-size: 2.3rem;
		}

	/*==================================================
	  タブレット版 index__reason　選ばれる理由
	  ==================================================*/
	  #index__reason {
	  	padding: 6rem 0 8rem;
	  }

	  .reason__itemWrap {
	  	flex-direction: column;
	  	width: 83vw;
	  	margin: 0 auto;
	  }

	  .reason__item {
	  	width: 100%;
	  	margin-bottom: 5rem;
	  	border: 0.3rem solid var(--color-main);
	  }

	  .reason__item:nth-child(3) {
	  	margin-bottom: 5rem;
	  }

	  .reason__item:last-child {
	  	margin-bottom: 3rem;
	  }

	  .reason__num {
	  	width: 6.4rem;
	  	height: 6.4rem;
	  	line-height: 0.5;
	  }

	  .reason__num span {
	  	font-size: 2.3rem;
	  }

	  .reason__item h3 {
	  	font-size: 2.2rem;
	  	padding: 3.3rem 1rem 2rem;
	  	border-radius: 2.7rem 2.7rem 0 0;
	  }

	  .reason__item__img01 {
	  	width: 70%;
	  	max-width: 23rem;
	  }

	  .reason__item__img01 {
	  	width: 60%;
	  }

	  .reason__item__img02 {
	  	width: 35%;
	  }

	  .reason__item__img04 {
	  	width: 30%;
	  }

	  .reason__item__text {
	  	padding: 0 2rem 2rem;
	  }

	  .reason__btnWrap {
	  	width: 83vw;
	  	margin: 0 auto;
	  }

	  .index__btn__toPage {
	  	width: 44%;
	  	height: 6rem;
	  	font-size: 2rem;
	  	margin: 0 auto;
	  	border: 0.1rem solid var(--black);
	  }

	  .index__btn__toPage+.index__btn__toPage {
	  	margin-left: 2%;
	  }

	/*==================================================
	  タブレット版 index__search　物件を探す
	  ==================================================*/
	  #index__search {
	  	padding: 6rem 0 8rem;
	  }

	  .index__search__ttl {
	  	margin-bottom: 1rem;
	  }

	  .index__mapCountWrap {
	  	flex-direction: column;
	  }

	  .index__today {
	  	margin-left: 3rem;
	  }

	  #maptab {
	  	width: 96%;
	  }

	  #index__search .map {
	  	background: #fff url(/share/img/index/areasearchBox_map.png) right center no-repeat;
	  	background-position: 52%;
	  	background-size: auto 100%;
	  	margin-bottom: 4rem;
	  }

	  #countBox {
	  	margin: 2rem 0 2rem 2rem;
	  	width: 50%;
	  }

	  .areacount__numWrap {
	  	padding: 2rem 2.5rem 2rem 1.5rem;
	  }

	  .areacount__table th {
	  	padding-right: 0;
	  }

	  .countarea th img {
	  	width: 7.4rem;
	  }

	  #maplinkBox li.chitose a {
	  	right: 34%;
	  }

	  #maplinkBox li.tomakomai a {
	  	right: 22%;
	  }

	  #maplinkBox li.sapporo a {
	  	right: 54%;
	  }

	  #maplinkBox li.etc a {
	  	bottom: unset;
	  	top: 2%;
	  	right: 2%;
	  }
	  #maplinkBox li.all a {
	  	color: var(--color-main);
	  	border-bottom: 2px solid var(--color-main);
	  	text-shadow: none;
	  }

	  /* 詳細条件から探す */
	  .index__prpDetailSearch__wrap {
	  	padding: 2rem;
	  }

	  .index__prpDetailSearch {
	  	flex-wrap: wrap;
	  	justify-content: flex-start;
	  }

	  .index__prpDetailSearch__item {
	  	width: 45%;
	  	flex-grow: 1;
	  	margin-bottom: 2rem;
	  }

	  .index__prpDetailSearch__btn input {
	  	width: 70%;
	  	max-width: 36.9rem;
	  }

	/*==================================================
	  タブレット版 index__recomend　おすすめ物件
	  ==================================================*/
	  .index__recomend {
	  	padding: 6rem 0 8rem;
	  }

	  .index__areattl::before {
	  	left: calc(50% - 26vw);
	  	width: 40%;
	  }

	  .index__areattl::after {
	  	left: calc(50% + 26vw);
	  	width: 40%;
	  }

	  /* おすすめ物件　会員限定 */
	  .index__recomend__iconWrap {
	  	display: flex;
	  }

	  .index__recomend__iconWrap img {
	  	margin-right: 0.5rem;
	  }

	/*==================================================
	  タブレット版 index__newarrivals 新規物件登録情報
	  ==================================================*/

	  #index__newarrivals {
	  	padding: 6rem 0 7rem;
	  }

	  .index__newarrivals__listwrap {
	  	padding: 3rem 2rem;
	  	height: 23vh;
	  }

	/*==================================================
	  タブレット版 index__bnrEmember　会員限定バナー
	  ==================================================*/
	  .index__bnrEmember {
	  	padding: 4rem 0;
	  }

	  .index__emember__estatenum {
	  	font-size: 7vw;
	  	right: 23%;
	  	background: none;
	  }

	/*==================================================
	  タブレット版 index__baikyaku　不動産売却をお考えの方へ
	  ==================================================*/
	  .index__baikyakuWrap {
	  	width: 90%;
	  	padding: 3rem;
	  }

	  .index__baikyaku__ttl {
	  	background-size: 100%;
	  }

	  .index__soudanWrap::before {
	  	left: 5%;
	  }

	  .index__soudanWrap::after {
	  	right: 5%;
	  }

	  .index__estateCategory {
	  	flex-wrap: wrap;
	  }

	  .index__estate__cateItem {
	  	width: 40%;
	  	text-align: center;
	  	margin-bottom: 1rem;
	  }

	  .index__estate__cateItem:nth-child(3) {
	  	margin-left: 0;
	  }


    .index__baikyakuWrap__ttl::before {
      left: calc(50% - 33vw);
      width: 40%;
    }

    .index__baikyakuWrap__ttl::after {
      left: calc(50% + 33vw);
      width: 40%;
    }

    .index__choicePoint {
      flex-wrap: wrap;
    }
    .index__btnBaikyakuBox {
      flex-direction:column;
    }
	/*==================================================
	  タブレット版 index__igokochi　いごこ家
	  ==================================================*/
	  #index__igokochi {
	  	padding: 6rem 0 7rem;
	  }

	/*==================================================
	  タブレット版 index__flayer　チラシ情報
	  ==================================================*/
	  #index__flayer {
	  	padding: 6rem 0 7rem;
	  }

	  .index__flayer__itemWrap {
	  	flex-direction: column;
	  }

	  .index__flayer__item {
	  	width: 80%;
	  	margin: 0 auto;
	  }

	  .index__flayer__postImg {
	  	margin-bottom: 2rem;
	  }

	  .index__flayer__item+.index__flayer__item {
	  	margin-left: auto;
	  }

	  .index__flayer__postImg a {
	  	width: 100%;
	  	display: block;
	  }

	  .index__flayer__postImg img {
	  	object-fit: cover;
	  	object-position: top;
	  	width: 100%;
	  }

	  a.flyer__pdfBtn {
	  	margin-bottom: 2rem;
	  }

	  a.flyer__logBtn {
	  	width: 60%;
	  	margin: 0 auto 4rem;
	  }

	/*==================================================
	  タブレット版 index__event　イベント
	  ==================================================*/
	  .event__itemWrap {
	  	width: 100%;
	  }

	  .event__item {
	  	width: 33%;
	  	padding: 3vw;
	  }

	  .event__item+.event__item {
	  	margin-left: 3vw;
	  }

	  .event__dateWrap {
	  	align-items: flex-start;
	  }

	  /* お知らせ */
	  .topics__itemWrap {
	  	padding: 5vw;
	  }

	  .topics__item {
	  	flex-wrap: wrap;
	  }

	  .topics__postTtl {
	  	max-width: 96%;
	  }

	  /* プランドゥライフについて */
	  .aboutPlando__shoInfoWrap {
	  	flex-direction: column;
	  }

	  .aboutPlando__shoList {
	  	padding: 0 1vw;
	  }

	  .aboutPlando__shoList+.aboutPlando__shoList {
	  	border-left: none;
	  	border-top: 1px solid #a6afb5;
	  	padding: 3vw 1vw 0;
	  	margin: 3vw 0 0;
	  }

	  .aboutPlando__shoInfoWrap {
	  	flex-direction: column;
	  	text-align: center;
	  	width: 70%;
	  	margin: 0 auto 7rem;
	  }

	  .aboutPlando__shoInfo dt {
	  	width: 28%;
	  	text-align: right;
	  }

	  .aboutPlando__shoInfo dd {
	  	width: 67%;
	  	text-align: left;
	  	margin-left: 5%;
	  }

	  .aboutPlando__shoList {
	  	padding: 0 1vw;
	  }

	  .aboutPlando__measuresWrap {
	  	padding: 4vw 5vw;
	  }

	  .measures__list+.measures__list {
	  	margin-left: 2vw;
	  }

	  .measures__list:nth-child(4),
	  .measures__list:last-child {
	  	margin-left: 0;
	  }

	  .measures__list:nth-child(n+4) {
	  	margin-top: 2vw;
	  }

	  .measures__list {
	  	width: 30%;
	  }

	  .measures__list:last-child {
	  	max-width: 42%;
	  }

	  .measures__list p {
	  	flex-shrink: 0;
	  }

	  .consul__shopList {
	  	flex-direction: column;
	  }

	  .consulTel__item+.consulTel__item {
	  	margin: 2vw 0 0;
	  }

	  .onlineWrap {
	  	flex-wrap: wrap;
	  	padding: 5vw 4vw;
	  }

	  .online__catch {
	  	width: 45%;
	  	line-height: 1.4;
	  	order: 1;
	  	font-size: 4vw;
	  }

	  .online__txt {
	  	order: 3;
	  	width: 100%;
	  	padding: 0;
	  	margin-top: 3vw;
	  	font-size: 4vw;
	  }

	  .online__img {
	  	order: 2;
	  	width: 50%;
	  	margin-left: 5%;
	  }
  /*==================================================
    タブレット版 index__baikyaku　売却
    ==================================================*/
    .index__baikyakuWrap__ttl::before,
    .index__baikyakuWrap__ttl::after {
      width: 12rem;
    }
	}