@charset "utf-8";

.main-contents {
	width: 100%;
}
.block-wrap .block{
	background: #fff;
	padding:30px 30px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}
.block-wrap .block .title-area{
	display:flex;
	margin-bottom: 10px;
}
.block-wrap .block .title-area h2{
	font-size: 2.4rem;
	flex: 1;
	line-height: 1.4;
}

/*物件種別*/
.block-wrap .block .icon-area{
	margin-right:6px;
	font-size: 0;
}

.block-wrap .block .icon-area .icon{
	padding: 3px 10px 2px;
	display: inline-block;
	margin-right: 4px;
	font-size: 1.4rem;
}
/*物件種別*/
.block-wrap .block .icon-area .p-type{
	background: var(--blk);
	color: #fff;
}
/*成約*/
.block-wrap .block .icon-area .seiyaku{
	background: #18b0c7;
	color: #fff;
}

.block-wrap .block .inner{
	display:flex;
}
.block-wrap .block .img{
	width: 320px;
	height: 254px;
	margin-right: 35px;
	border: 1px solid #dcdcdc;
}
.block-wrap .block .img img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.block-wrap .block .img img.cover{
	object-fit:cover;
}
.block-wrap .block .text{
	flex:1;
	font-size: 1.6rem;
}
/*価格*/
.block-wrap .block .price{
	font-size: 2.0rem;
	font-weight: bold;
}
.block-wrap .block .price b{
	font-size: 2.8rem;
	color:var(--orange);
}
/*物件情報*/
.block-wrap .block ul{
	margin-bottom: 15px;
}

/*住所*/
.block-wrap .block .address{
	margin-bottom:2px;
}
/*図面PDF*/
.block-wrap .block .zumen-btn{
	width: 240px;
	margin-bottom: 10px;
}
.block-wrap .block .zumen-btn a{
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	color: #fff;
	align-items:center;
	justify-content:center;
	background: var(--blk);
	border-radius: 30px;
	height: 46px;
	padding-bottom: 2px;
}
/*youtubeボタン*/
.block-wrap .block .youtube-btn {
	width: 240px;
}

.block-wrap .block .youtube-btn a {
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	background: #d93636;
	border-radius: 30px;
	height: 46px;
	padding-bottom: 2px;
}

.block-wrap .block .youtube-btn a:after {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/pc/img/common/icon_targetblank.svg) no-repeat left 100%/contain;
}

/*テキスト*/
.block .comment-text{
	font-size: 1.6rem;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 10px 30px 8px;
}

/*管理費*/
.price .fee{
	font-weight: normal;
	font-size: 1.4rem;
}
/*敷礼*/
.block .shikirei{
	display:flex;
	line-height: 1;
	margin-bottom:9px;
}
.block .shikirei .child{
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.block .shikirei .item{
	font-size: 1.4rem;
	background: #ede6e1;
	display: inline-block;
	padding: 7px 6px 5px;
	line-height: 1;
	border-radius: 3px;
	margin-right:6px;
}

/*問い合わせ*/
.main-contents .contact-area {
	border:6px solid #968f84;
	padding: 30px 60px 40px;
}
.main-contents .contact-area h3{
	font-size: 3.0rem;
	color: #323232;
	text-align: center;
	margin-bottom: 15px;
}
.main-contents .contact-area .flex-box {
	justify-content: space-between;
}
.main-contents .contact-area .flex-box > div {
	width: 50%;
}
.main-contents .contact-area .tel {
	padding-right: 60px;
	position: relative;
}
.main-contents .contact-area .tel:after {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #968f84;
	position: absolute;
	top: 0;
	right: -2px;
}
.main-contents .contact-area .mail {
	padding-left: 60px;
}
.main-contents .contact-area .flex-box > div .head {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom:8px;
}
.main-contents .contact-area .num {
	font-size: 4.4rem;
	font-weight: bold;
	background: url(/pc/img/common/icn_tel_brown.png) no-repeat left top 80%;
	background-size: 30px auto;
	padding-left: 34px;
	line-height: 1;
	color: #968f84;
	margin-top: -2px;
	margin-bottom: 5px;
}
.main-contents .contact-area .time {
	font-size: 1.6rem;
}
.main-contents .contact-area .mail {
	width: 260px;
	margin-left: 30px;
}

.main-contents .contact-area .btn a {
	font-weight: bold;
	font-size: 1.8rem;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 66px;
	background: #968f84;
	position: relative;
	border-radius: 30px;
}

.main-contents .contact-area .mail a:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/pc/img/common/icn_mail_w.png) no-repeat left 100%/contain;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}