@charset "utf-8";

/*メイン*/
.main-img img{
	width:100%;
	height:auto;
}
.main-img {
	position:relative;
}
.main-img h1 img{
	width:100%;
	height:auto;
}
.main-img .deco{
	position:absolute;
	top:7%;
	right:3.5%;
	width:20%;
}
.main-img .deco img{
	width:100%;
	height:auto;
}
/*大好きだからできる*/
.awesome{
	background: #17384c;
	padding:3% 2%;
}
.awesome h2{
	box-sizing: border-box;
	margin-bottom: 2%;
}
.awesome h2 img{
	width:68%;
	height:auto;
}
.awesome_description,
.consultation{
	font-size:4vw;
}
.awesome_description{
	color: #fff;
	margin-bottom: 2%;
}
.consultation{
	color: #fff;
	text-align:center;
	font-weight:700;
	background-color: #be0008;
	padding: 2%;
	margin-bottom: 2%;
}
/*条件から探す*/
.search_conditions{
	background:#e6e2da;
}
.search_conditions .inner{
	padding: 0 10px 25px;

}
.search_conditions h2{
	width: 100%;
	background:#1e1e1e;
	color:#fff;
	padding: 15px 10px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:25px;
}
.search_conditions .office{
	margin-bottom: 20px;
}
.search_conditions h3{
	font-size: 1.7rem;
	letter-spacing: .04em;
	margin-bottom: 12px;
	display: flex;
	align-items:center;
}
.search_conditions h3:before{
	content: '';
	width: 15px;
	border-top: 1px solid #be1908;
	margin: 0 5px 0 0;
}

.search_conditions li{
	margin-bottom:1px;
	background:#fff;
}
.search_conditions li a{
	padding: 0px 26px 0px 0px;
	overflow: hidden;
	display:flex;
	background-color: #fff;
	background-image: url(/sp/img/common/arrow_right.png);
	background-size: 8px auto;
	background-repeat: no-repeat;
	background-position: right 8px center;
}
.search_conditions li a .image{
	width: 20%;
	display: flex;
	align-items: center;
		min-height:54px;
}
.search_conditions li a .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.search_conditions a .text{
	flex:1;
	display: flex;
	align-items: center;
	padding: 5px 0px 5px 10px;
	font-weight:bold;
}
/*池袋の賃貸事務所速報*/
section.news_flash{
	background:#fff;
}
.news_flash h2{
	width: 100%;
	background:#1e1e1e;
	color:#fff;
	padding: 15px 10px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:20px;
	box-sizing: border-box;
}
.news_flash ul{
	margin: 0 10px 20px;
}
.news_flash li a{
	width: 100%;
	display:table;
	padding:11px 8px;
}
.news_flash li:nth-child(odd) a{
	background: #f0f0f0;
}
.news_flash li:nth-child(even) a{
	background: #fff;
}
.news_flash li a span.date,
.news_flash li a span.type{
	display: inline-block;
	vertical-align:middle;
}
.news_flash li a span.date{
	color: #6e6e6e;
	font-size: 12px;
	margin-right:5px;
}
.news_flash li a span.type{
	color: #fff;
	background:#495763;
	font-size:10px;
	line-height:1;
	padding:4px 6px 3px;
	min-width:52px;
	text-align:center;
	box-sizing:border-box;
}
/*バナースライダー*/
.slick-banner {
	padding:30px 10px;
}
.slick-list {
	width: 100%;
	overflow:hidden;
}
.slick-list img {
	width: 100%;
}
.slick-prev {
	width: 25px;
	height: 25px;
	border-bottom: 2px solid #033a70;
	border-left: 2px solid #033a70;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 8px;
	z-index: 1;
}
.slick-next {
	width: 25px;
	height: 25px;
	border-bottom: 2px solid #033a70;
	border-right: 2px solid #033a70;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 8px;
	z-index: 1;
}
.slick-prev::before ,
.slick-next::before {
	display: none;
}
.freshman {
	margin: 6% 3%;
}

.news_flash li a .overview{
	color: #323232;
	margin-top:3px;
	font-size: 14px;
}
.news_flash li a .overview span{
	display:inline-block;
	padding-right:3px;
}
.news_flash li a .overview b{
	color:#666;
}
.list_btn{
	padding:0 10px;
	text-align:center;
	margin-bottom:20px;
}
.list_btn a{
	padding:14px 0;
	display:inline-block;
	border-radius: 4px;
	width:75%;
	color:#fff;
	background-color:#be0000;
	background-image: url(/sp/img/common/arrow_right_w.png);
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-position: right 3.33% center;
}
/*グッドワン不動産特選物件*/
.high_honour h2{
	width: 100%;
	background:#1e1e1e;
	color:#fff;
	padding: 15px 10px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:20px;
	box-sizing: border-box;
}
.high_honour .item-wrap{
	width: 100%;
	padding:0 0 15px 0;
	overflow-x: auto;
	overflow-y: hidden;
}
.high_honour .item-wrap .item-wrap-inner{
	width: 1400px;
	padding-left: 10px;
	-webkit-overflow-scrolling: touch;
}
.high_honour .item{
	float: left;
	width: 200px;
	padding-right: 10px;
}
.high_honour .item a {
	display: block;
}
.high_honour .item-wrap .item .img{
	width: 100%;
	height:190px;
	position: relative;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.high_honour .item-wrap .item .img img{
	object-fit:contain;
	width:100%;
	height:100%;
}
.high_honour .img .commission {
	position: absolute;
	top:0;
	left:0;
	background: #be0000;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	margin: 3px;
	font-size: 1.2rem;
	line-height: 1;
	display: inline-block;
	vertical-align: bottom;
}
.high_honour .item-wrap .item .headline{
	color:#fff;
	font-size:1.2rem;
	background:#444;
	padding:5px 10px;
	margin-bottom:8px;
}
.high_honour .item .type{
	color:#f2e066;
}
.high_honour .item-wrap .item .headline h3{
	font-weight:bold;
	display: inline-block;
	font-size:1.4rem;
}
.high_honour .item-wrap .item .headline .station{
	display:block;
	font-size: 1.3rem;
}
.high_honour .item-wrap .item ul .layout{
	margin-bottom:2px;
}
.high_honour .item .price b{
	font-weight:bold;
	font-size:1.5rem;
	line-height:1rem;
	color:#be0000;
}
.high_honour .item .price .tax{
	font-size:1.1rem;
}
.high_honour .item-wrap .item ul .price span.number{
	display: inline-block;
	font-weight:bold;
	color: #e7203c;
	font-size: 1.6rem;
}
.high_honour .item-wrap .item ul .price span.rent{
	margin-right: 3.33%;
}
.high_honour .item-wrap .item ul .price span.management_costs{
	display: inline-block;
	font-weight:bold;
}
.high_honour .item-wrap .item ul .initial .sub{
	display: inline-block;
	vertical-align:middle;
	line-height:1;
	margin-right:0.5em;
	font-size:1.2rem;
	font-weight: 600;
	color: #323232;
	padding:1px 5px;
	border-radius:3px;
	background:#dcdcdc;
	border:1px solid #c8c8c8;
}
.high_honour .item-wrap .item ul .initial .val{
	line-height: 1.8;
	margin-right:1em;
}
.high_honour .item-wrap .item ul .comment{
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
}
.high_honour .item-wrap .item ul .commission{
	display: inline-block;
	padding: 2%;
	color: #fff;
	background-color: #e7203c;
}

/*池袋おすすめ賃貸事務所・賃貸店舗*/
.recommend h2{
	width: 100%;
	background:#1e1e1e;
	color:#fff;
	padding: 15px 10px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1;
	box-sizing: border-box;
}
.recommend .item-wrap{
	margin-bottom:20px;
}
.recommend .item{
	overflow:hidden;
	border-bottom: 1px solid #ddd;
}
.recommend .item a{
	background-image: url(/sp/img/common/arrow_right.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding:6px 28px 6px 6px;
	display:block;
	overflow:hidden;
	line-height:1.1;
}
.recommend .item a .image{
	float:left;
	width:64px;
	height:64px;
}
.recommend .item a .image img{
	object-fit:contain;
	width:64px;
	height:64px;
}
.recommend .item a .text{
	overflow:hidden;
	padding:  0 0 0 10px;
}
.recommend .item a .text h3{
	font-weight:bold;
}
.recommend .item a .text li{
	margin-bottom:2px;
	font-size:1.4rem;
}
.recommend .item a .text li:last-child{
	margin-bottom:0px;
}
.recommend .item a .text .item_category{
	color: #94723E;
	font-size:1.1rem;
}
.recommend .item a .text .price b{
	font-weight:bold;
}
.recommend .item a .text .price .tax{
	font-size:1.1rem;
}

/*お知らせ*/
.news{
	padding-bottom:25px;
	background-color: #e5e2da;
	margin-bottom: 15px;
}
.news h2{
	width: 100%;
	background:#1e1e1e;
	color:#fff;
	padding: 15px 10px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:20px;
	box-sizing: border-box;
}
.news h2 span{
	display: block;
	padding: 0 3.33%;
}
.news ul{
	margin:0 10px 20px;
}
.news ul li{
	background:#fff;
	margin-bottom: 0.3%;
}
.news ul li a{
	padding:3.33%;
	display:block;
	line-height:1.3;
	font-size:14px;
}
.news ul li a span.date{
	display: block;
	color: #6e6e6e;
	margin-bottom: 2%;
	font-size: 12px;
}
.news .list_btn{
	margin-bottom:0;
}


/*top新着ブログ*/
.new-blog{
	background:#fff;
	margin-bottom: 20px;
}
.new-blog .day{
	font-size:1.1rem;
	color:#fff;
	background:#1e1e1e;
	display:inline-block;
	padding:5px 5px 5px 10px;
	line-height:1;
}
.new-blog .inner{
	padding:3%;
	overflow:hidden;
}
.new-blog .inner h4{
	margin-bottom:2%;
	color:#065eb6;
	font-weight:bold;
}
.new-blog .inner .img{
	width:30%;
	height:70px;
	float:left;
	margin-right:3%;
}
.new-blog .inner .img img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.new-blog .inner .content{
	overflow:hidden;
}



/*高級賃貸探偵*/
main .detective{
	margin:25px 10px 20px;
	border:solid #a2a2a2 0.5rem;
}
main .detective a{
	padding:4% 3%;
	display:block;
}
main .detective h2{
	font-weight:bold;
	font-size: 5.3vw;
	margin-bottom:3%;
	line-height:1;
}
main .detective-inner{
	overflow:hidden;
}
main .detective-inner .img{
	float:left;
	width:40%;
	height:auto;
}
main .detective-inner .image{
	width:15%;
}
main .detective-inner .img img{
	width:100%;
	height:auto;
}
main .detective-inner p{
	overflow:hidden;
	padding-left:0.5rem;
}
@media screen and (min-width:376px) {
	main .detective-inner p{
		font-size:3.73vw;
	}
}
/*紹介文*/
.introduction{
	background:#f0f0f0;
	padding:25px 10px 10.6%;
}
.introduction h2{
	font-weight:bold;
	font-size:18px;
	border-bottom:1px dotted #010101;
	padding-bottom:10px;
	margin-bottom:10px;
}
.introduction p{
	margin-bottom:10px;
}
.footer-menu{
	border-top:none;
	padding-top:0;
	margin-top:0;
}
/*付いてくるバナー、ページトップ*/
footer .detactive{
	display:none;
}
#to-page-top{
	bottom: 4%;
}

/*追加メニュー20210910*/

/* -------------------------------
メインイメージ下メニュー */
#center-menu{
	padding: 25px 15px;
}

#center-menu .inner ul li{
	margin-bottom: 10px;
}
#center-menu .inner ul li:last-child{
	margin-bottom: 0;
}
#center-menu .inner ul li a{
	padding: 0 55px 23px 15px;
	display: block;
	color: #fff;
	position: relative;
}
#center-menu .inner ul li a::after{
	content: "";
	background: url(/img/index/center_menu_arrow.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 4%;
	top: 45%;
}
#center-menu .inner ul li.rent a{
	background: url(/img/index/center_menu_rent.png) no-repeat center top 32%;
	background-size: cover;
}
#center-menu .inner ul li.shop a{
	background: url(/img/index/center_menu_shop.png) no-repeat center top 5%;
	background-size: cover;
}
#center-menu .inner ul li.rental a{
	background: url(/img/index/center_menu_rental.png) no-repeat center;
	background-size: cover;
}

#center-menu .inner ul li .color-title{
	font-size: 12px;
	letter-spacing: .06em;
	font-weight: bold;
	background: #01568f;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 auto;
	margin-bottom: 16px;
	margin-left: -15px;
}
#center-menu .inner ul li.shop .color-title{
	background: #b8170f;
}
#center-menu .inner ul li.rental .color-title{
	background: #27b2c2;
}
#center-menu .inner ul li h2{
	font-size: 24px;
	letter-spacing: .09em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1;
}
#center-menu .inner ul li p{
	font-size: 13px;
	line-height: 1.5em;
	text-align: justify;
	letter-spacing: .06em;
}
@media screen and (max-width:360px) {
	#center-menu .inner ul li .color-title{
		margin-bottom: 12px;
	}
	#center-menu .inner ul li h2{
		font-size: 22px;
	}
	#center-menu .inner ul li p{
		font-size: 12px;
	}
}