@charset "utf-8";

h3.title{
    font-size: 3.3rem;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

h3.title span{
    display: inline-block;
    position: relative;
}

h3.title span:after{
    content: "";
    position: absolute;
    border-bottom: 1px solid #333;
    width: 40px;
    left: 0;
    right: 0;
    margin: auto;
}

h3.title span em{
    display: block;
    padding: 12px 0 20px;
	font-weight: 500;
}

h2.title span{
	font-size: 3.2rem;
	font-weight: 500;
}

/* linkarea
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#linkarea {
    padding: 80px 0;
	background: #F8F8F8;
}
	#linkarea p.text{
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 52px;
	}
	#linkarea .bnr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 40px 20px;
	}
	#linkarea .bnr li.new {
		position: relative;
	}
	#linkarea .bnr li.new:before {
		content: "NEW";
		padding: 1px 8px;
		background: #EA2A69;
		color: #fff;
		position: absolute;
		top: 16px;
		left: 16px;
		font-size: 13px;
		letter-spacing: 0.1em;
	}

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

		#linkarea p.text{
			margin-bottom: 28px;
		}
		#linkarea .bnr {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px 20px;
		}
	}

/* land_and_house
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#land_and_house {
    padding: 80px 0;
}

#land_and_house ul.list-real-estate{
	display: flex;
	flex-wrap: wrap;
	gap: 60px 3.5%;
}

#land_and_house ul.list-real-estate li{
	width: 31%;
}

#land_and_house ul.list-real-estate li dl dt img{
	width: 100%;
	border-radius: 4px;
}

#land_and_house ul.list-real-estate .name-group{
	display: flex;
	justify-content: space-between;
	margin: 16px 0;
}
	#land_and_house ul.list-real-estate .name-group .name-area{
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #666;
		border-radius: 30px;
	}
	#land_and_house ul.list-real-estate .name-group .name-area.takamatsu{
		background-color: #589351;
	}
	#land_and_house ul.list-real-estate .name-group .name-area.tousan{
		background-color: #BC7569;
	}
	#land_and_house ul.list-real-estate .name-group .name-area.chusan{
		background-color: #BCA94A;
	}
	#land_and_house ul.list-real-estate .name-group .name-area.seisan{
		background-color: #8C7253;
	}
		#land_and_house ul.list-real-estate .name-group .name-area span{
			font-size: 1.3rem;
			line-height: 1.3;
			color: #fff;
			font-weight: 500;
			text-align: center;
		}
	#land_and_house ul.list-real-estate .name-group .name-inner{
		width: calc(100% - 72px);
	}
		#land_and_house ul.list-real-estate .name-group .name-inner .category{
			font-size: 1.2rem;
			background: 4px 50% no-repeat #f1f1f1;
			background-size: 16px;
			padding: 2px 8px 2px 24px;
			border-radius: 2px;
			display: inline-block;
			margin-bottom: 2px;
		}
		#land_and_house ul.list-real-estate .name-group .name-inner .category.house{
			background-image: url(../../../images/lots-for-sale/icon_house.svg);
		}
		#land_and_house ul.list-real-estate .name-group .name-inner .category.land{
			background-image: url(../../../images/lots-for-sale/icon_land.svg);
		}
		#land_and_house ul.list-real-estate .name-group .name-inner .name{
			font-size: 1.6rem;
			font-weight: 600;
			margin-bottom: 0;
		}

#land_and_house ul.list-real-estate .comment{
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 4px;
}

#land_and_house ul.list-real-estate li dl dd table{
	width: 100%;
}
	#land_and_house ul.list-real-estate li dl dd table tr{
		border-bottom: 1px solid #d4d4d4;
	}
	#land_and_house ul.list-real-estate li dl dd table th,
	#land_and_house ul.list-real-estate li dl dd table td{
		padding: 7px 0;
		font-size: 1.3rem;
	}
		#land_and_house ul.list-real-estate li dl dd table th{
			width: 20%;
			text-align: center;
			border-bottom: 2px solid #A38D75;
		}
		#land_and_house ul.list-real-estate li dl dd table td {
			width: 80%;
			padding-left: 7px;
			box-sizing: border-box;
		}

	#land_and_house ul.list-real-estate li dl dd table td span.red{
		color:#cc4f3a;
		font-weight:700;
		font-size: 1.5rem;
	}


@media only screen and (max-width : 767px) {
	
	#land_and_house ul.list-real-estate li{
		width: 100%;
	}
}



/* concept
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#concept{
    background: url(../../../images/lots-for-sale/shido/concept_bg.png) 100% 100% no-repeat #F8F8F8;
    padding: 100px 0;
    position: relative;
}

    #concept:before{
        content: "";
        position: absolute;
        background: url(../../../images/lots-for-sale/shido/concept_image1.png) no-repeat;
        left: 120px;
        top: 180px;
        width:400px;
        height: 310px;
    }

    #concept p.text{
		position: relative;
        text-align: center;
        font-size: 1.8rem;
        line-height: 2;
		z-index: 5;
    }

#estate {
    padding-top: 60px;
}

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

	/* linkarea
	￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/

	.underRes #main h3 .en {
		font-size: 26px;
		
	}
	
	p.text{
		font-size: 1.6rem;
		font-weight: 500;
		text-align: left;
		margin: 0 5% 20px;
	}
	
	section .area{
		width: 100%;
		height: auto;
		padding: 0 5%;
		box-sizing: border-box;
	}
	
	#linkarea .area ul.bnr{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
	}

	#linkarea .area ul.bnr li.left{
		display: inline-block;
		float: inherit;
		margin-right: 0;
	}


	h3.title{
		font-size: 26px;
		text-align: center;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}


	h3.title span:after{
		content: "";
		position: absolute;
		border-bottom: 1px solid #333;
		width: 40px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#linkarea {
		padding-bottom: 50px;
	}

	/* concept
	￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
	#concept{
		background: url(../../../sp/images/lots-for-sale/shido/concept_bg.png) 100% 100% no-repeat #F8F8F8;
		width: 100%;
		height: auto;
		padding: 50px 0 180px;
		position: relative;
		background-size: contain;
	}

		#concept:before{
			display: none;
		}

		#concept p.text{
			position: relative;
			display: block;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			margin: 0;
			padding: 0 0 20px;
			font-size: 1.6rem;
			line-height: 1.8;
			z-index: 5;
		}

	#estate {
		padding: 50px 0;
	}

		
}