@charset "UTF-8";

/* pager */
.pager-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.pager-list a,
.pager-list span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 50%;
	border: solid 1px;
	background: #fff;
	color: #b5b5b5;
	font-weight: 400;
	text-decoration: none;
}

.pager-list li.is-current a,
.pager-list li.is-current span {
	color: #eb6700;
}

.pager-list a {
	-webkit-transition: .4s;
	transition: .4s;
}

.pager-list a:hover {
	background: #eb6700;
	color: #fff;
	opacity: 1;
}

.pager-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 30px;
}

.pager-detail a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.pager-detail li.prev,
.pager-detail li.next {
	color: #eb6700;
}

.pager-detail li.list a {
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 200px;
    height: 44px;
    border: solid 1px #eb6700;
    background: #fff;
    color: #eb6700;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

.pager-detail li.list a:hover {
    color: #fff;
    opacity: 1;
}

.pager-detail li.list a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform-origin: left center;
            transform-origin: left center;
    width: 0;
    height: 100%;
    background: #eb6700;
    -webkit-transition: .3s;
    transition: .3s;
}

.pager-detail li.list a:hover::before {
    width: 100%;
}

/* blog list */
.blog-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.blog-list__item {
	background: #fff;
}

.blog-list__img a {
	display: block;
}

.blog-list__img a:hover {
	opacity: 1;
}

.blog-list__img .thumb {
	padding-top: 64.516%;
}

.bg-gray .blog-list__txt1 {
	background: #f8f8f8;
}

.blog-list__txt1 a {
	display: block;
	padding-top: .625em;
	text-decoration: none;
}

.blog-list__cat {
	margin-bottom: .643em;
	font-size: .875em;
	font-weight: 400;
	line-height: 1.1;
}

.blog-list__cat > span {
	display: inline-block;
	padding: .35em .92em;
	color: #fff;
}

.store-list .blog-list__cat > span {
	background: #eb6700;
}

.office-list .blog-list__cat > span {
	background: #5ac9d1;
}

.other-list .blog-list__cat > span {
	background: #1b6b4e;
}
.blog-list__address {
	margin-bottom: .944em;
	color: #eb6700;
	font-size: 1.125em;
	line-height: 1.5;
}

.blog-list__price {
	font-size: .875em;
	line-height: 1.1;
}

.blog-list__price .num {
	font-size: 1.857em;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.blog-list__data {
	padding-top: 1.429em;
	margin-top: 1.071em;
	border-top: solid 1px #ddd;
	font-size: .875em;
	line-height: 1.571;
}

.blog-list__data > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .5em;
}

.blog-list__data dt {
	color: #7b7b7b;
}

.blog-list__data dt i {
	margin-right: .4em;
}

.blog-list__link a {
	width: 100%;
	height: 50px;
}

.office-list .m-link01 {
	background: #5ac9d1;
}

.other-list .m-link01 {
	background: #1b6b4e;
}

/* news detail */
.news-article {
	max-width: 880px;
	margin: 0 auto;
}

.news-article__cont {
	line-height: 2.125;
}

.news-article__cont > * + * {
	margin-top: 2.125em;
}

.blog-image {
	background: #fff;
	text-align: center;
}

.news-article__cont h2,
.news-article__cont h3,
.news-article__cont h4,
.news-article__cont h5,
.news-article__cont h6 {
	position: relative;
	padding: .179em 0 .857em;
	margin-bottom: .571em;
	color: #eb6700;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}

.news-article__cont h2::before,
.news-article__cont h3::before,
.news-article__cont h4::before,
.news-article__cont h5::before,
.news-article__cont h6::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2.143em;
	border-bottom: solid 1px;
}

/* blog detail */
.blog-article__cat {
	margin-bottom: .714em;
	font-size: .875em;
	line-height: 1;
}

.blog-article__cat * {
	letter-spacing: 0.1em;
}

.blog-article__cat > span {
	display: inline-block;
	padding: .4em .88em;
	color: #fff;
	text-align: center;
}

.store-article .blog-article__cat > span {
	background: #eb6700;
}

.office-article .blog-article__cat > span {
	background: #5ac9d1;
}

.other-article .blog-article__cat > span {
	background: #1b6b4e;
}

.blog-article__lb {
	padding-bottom: .438em;
	margin-bottom: 1.719em;
	border-bottom: solid 1px #eb6700;
	font-weight: 500;
	line-height: 1.5;
}

#navSlider {
    cursor: pointer;
}

#navSlider .slick-list {
    padding: 0 20.51%;
}

#navSlider .slick-slide {
    margin: 0 .313em;
}

#navSlider .slick-current img {
    opacity: .6;
}

.monthly-fee {
	display: table;
	width: 100%;
	margin-bottom: 1.25em;
	border: solid 1px #ddd;
}

.monthly-fee dt,
.monthly-fee dd {
	display: table-cell;
	vertical-align: middle;
}

.monthly-fee dt {
	padding: .75em .3em;
	background: #f8f8f8;
	text-align: center;
}

.monthly-fee dd {
	padding: .75em 1.563em;
	background: #fff;
	text-align: left;
}

.monthly-fee dd .num {
	font-size: 1.625em;
}

.monthly-fee dd .small {
	font-size: .875em;
}

.floors {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 1.75em;
}

.floors dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 2.813em;
	text-align: center;
}

.store-article .floors dt {
	background: #fdf5ef;
}

.office-article .floors dt {
	background: #eaf8f9;
}

.other-article .floors dt {
	background: #eaf8f9;
}

.property-info1 > div {
	margin-bottom: 1.75em;
	border-bottom: solid 1px;
}

.store-article .property-info1 > div {
	border-color: #eb6700;
}

.office-article .property-info1 > div {
	border-color: #5ac9d1;
}

.other-article .property-info1 > div {
	border-color: #1b6b4e;
}

.property-info1 > div > dt {
	margin-bottom: .313em;
}

.property-info1 > div > dt i {
	margin-right: .3em;
	color: #7b7b7b;
}

.property-info1 > div > dd {
	font-size: .875em;
}

.recommend {
	position: relative;
	line-height: 1.75;
}

.store-article .recommend {
	background: #fdf5ef;
}

.office-article .recommend {
	background: #eaf8f9;
}

.other-article .recommend {
	background: #eaf8f9;
}

.recommend dt {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 1.125em;
}

.store-article .recommend dt {
	color: #eb6700;
}

.office-article .recommend dt {
	color: #5ac9d1;
}

.other-article .recommend dt {
	color: #1b6b4e;
}

.recommend dd {
	position: relative;
	padding-left: .7em;
}

.recommend dd::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scale(.5);
	        transform: scale(.5);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
}

.store-article .recommend dd::before {
	color: #eb6700;
}

.office-article .recommend dd::before {
	color: #5ac9d1;
}

.property-info2 > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.property-info2 > div + div {
	margin-top: -1px;
}

.property-info2 > div > dt,
.property-info2 > div > dd {
	border: solid 1px #ddd;
	background: #fff;
}

.property-info2 > div > dt {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	background: #f8f8f8;
}

.property-info2 > div > dd {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	border-left: none;
	background: #fff;
}


@media screen and (min-width: 900px) {

	/* pager */
	.pager-list {
		gap: 13px;
		margin-top: 120px;
	}

	.pager-list a,
	.pager-list span {
		width: 52px;
		height: 52px;
	}

	.pager-detail {
		margin-top: 90px;
	}

	/* blog list */
	.blog-list {
		margin: 0 -1.75% -80px;
	}
	
	.blog-list__item {
		width: 29.95%;
		margin: 0 1.69% 80px;
	}

	.blog-list__txt2 {
		position: relative;
		padding: 25px 25px 100px;
	}

	.blog-list__data dt {
		width: 30%;
	}

	.blog-list__data dd {
		width: 65%;
	}

	.blog-list__link {
		position: absolute;
		left: 0;
		bottom: 25px;
		width: 100%;
		padding: 0 25px;
		text-align: center;
	}

	/* news detail */
	.news-article__lb {
		margin-bottom: 65px;
		font-size: 32px;
		line-height: 1.5;
	}

	.blog-image {
		padding: 30px;
	}

	/* blog detail */
	.blog-article__lb {
		font-size: 32px;
	}

	.blog-article__cont {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.blog-article__cont__left {
		width: 48.75%;
	}

	.blog-article__cont__right {
		width: 47.5%;
	}

	.blog-article__cont {
		margin-bottom: 80px;
	}

	.blog-article__data {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.blog-article__data > * {
		width: 50%;
		margin: 0 -.5px;
	}

	#navSlider {
		margin-top: 30px;
	}

	.monthly-fee dt {
		width: 200px;
	}

	.floors {
		gap: 32px;
	}
	
	.floors dt {
		width: 126px;
	}

	.property-info1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: 15px;
	}
	
	.property-info1 > div {
		width: 48.59%;
		padding-bottom: 25px;
	}

	.recommend {
		padding: 35px 50px;
	}

	.property-info2 > div > dt,
	.property-info2 > div > dd {
		padding: 11.5px 20px;
		font-size: 16px;
	}

	.property-info2 > div.other > dt,
	.property-info2 > div.other > dd {
		padding: 7.6px 20px;
	}

	.property-info2 > div > dt {
		width: 130px;
	}

}

@media screen and (max-width: 899px) {

	/* pager */
	.pager-list {
		gap: 10px;
		margin-top: 60px;
	}

	.pager-list a,
	.pager-list span {
		width: 40px;
		height: 40px;
	}

	.pager-detail {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		position: relative;
		max-width: 300px;
		padding-bottom: 80px;
		margin: 60px auto 0;
	}

	.pager-detail li.list {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	/* blog */
	.blog-list {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 20px;
		max-width: 690px;
		margin: 0 auto -40px;
	}
	
	.blog-list__item {
		max-width: 372px;
		margin: 0 auto 40px;
	}

	.blog-list__txt2 {
		padding: 20px;
	}

	.blog-list__data dt {
		width: 30%;
	}

	.blog-list__data dd {
		width: 65%;
	}


	.blog-list__link {
		margin-top: 10px;
		text-align: center;
	}

	/* news detail */
	.news-article__lb {
		margin-bottom: 40px;
		font-size: 24px;
		line-height: 1.5;
	}

	.blog-image {
		padding: 12px;
	}

	/* blog detail */
	.blog-article__lb {
		font-size: 24px;
	}

	.blog-article__cont {
		margin-bottom: 50px;
	}

	.blog-article__cont__left {
		margin-bottom: 25px;
	}

	#navSlider {
		margin-top: 15px;
	}

	.monthly-fee dt {
		width: 100px;
	}

	.floors {
		gap: 20px;
	}
	
	.floors dt {
		width: 100px;
	}

	.property-info1 {
		margin-bottom: 45px;
	}
	
	.property-info1 > div {
		padding-bottom: 15px;
	}

	.recommend {
		padding: 25px 8% 20px;
	}

	.property-info2 + .property-info2 {
		margin-top: -1px;
	}

	.property-info2 > div > dt,
	.property-info2 > div > dd {
		padding: 8px 15px !important;
	}

	.property-info2 > div > dt {
		width: 100px;
	}

}