@charset "utf-8";


/*----------------------------------------
	text
----------------------------------------*/
body{
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ ゴシック', sans-serif;
}
p{ line-height: 2; }
.text_yu_min{ font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }
.text_15{ font-size: clamp(1.3rem,1.442vw,1.5rem);}
.text_16{ font-size: clamp(1.4rem,1.538vw,1.6rem); }
.text_18{ font-size: clamp(1.5rem,1.731vw,1.8rem); }
.text_28{ font-size: clamp(2rem,2.43vw,2.8rem); }
.text_36{ font-size: clamp(2.2rem,3.13vw,3.6rem); }

.text_white{
	color: #fff;
}
.text_red{
	color: red;
}
.font700{
	font-weight: 700;
}
.ttl_650 img{
	max-width: 650px;
}
.ttl_550 img{
	max-width: 550px;
}
.ttl_500 img{
	max-width: 500px;
}
.ttl_center{
	margin-right: auto;
	margin-left: auto;
}

.text_center{
	text-align: center;
}
@media screen and (max-width: 599px) {
	.text_center{
		text-align: left;
	}
}	

/*----------------------------------------
	layout
----------------------------------------*/

.inner_frame{
	width: 100%;
	max-width: 1190px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
@media screen and (max-width: 1000px) {

	.inner_frame{
		padding-right: 2.5%;
		padding-left: 2.5%;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 3.5%;
		padding-left: 3.5%;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 4.5%;
		padding-left: 4.5%;
	}

}/*END*/


/*----------------------------------------
	map
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 45% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

@media screen and (max-width: 599px) {
	.map{ padding: 60% 0 0; }
}/*END*/

:root{
	--ao-color01: #ffe9c0;
	--ao-color02: #90b8a7;
	--ao-color03: #f9f9f7;
	--ao-color04: #57851b;
}
.bg_color01{
	background-color: var(--ao-color01);
}
.bg_color02{
	background-color: var(--ao-color02);
}
.bg_color03{
	background-color: var(--ao-color03);
}
.bg_color04{
	background-color: var(--ao-color04);
}
.abs{
	position: absolute;
}
/*----------------------------------------
	mv
----------------------------------------*/

.mv_bg{
	background-color: #f5f9e2;
}
/*----------------------------------------
	plan
----------------------------------------*/
@media screen and (max-width: 599px) {
	.sp_grid_two{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		/* column-gap: 3.5%; */
	}
}






/*----------------------------------------
	contact set
----------------------------------------*/

.contact_set{
	background: #f8c567;
	text-align: center;
}
.contact_set ul{
	display: grid;
	height: auto;
	grid-template-columns: repeat(3,1fr);
	gap: 50px;
}
.contact_set a{
	display: block;
}

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

	.contact_set ul{
		gap: 30px;
	}

}/*END*/

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

	.contact_set ul{
		display: block;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.contact_set ul li{
		margin-bottom: 20px;
	}

}/*END*/


/*----------------------------------------
	spec
----------------------------------------*/

.spec_point{
	display: grid;
	height: auto;
	grid-template-columns: repeat(3,1fr);
	gap: 50px;
}
.spec_list{
	display: grid;
	height: auto;
	grid-template-columns: repeat(4,1fr);
	gap: 50px;
}
.spec_bnr{
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

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

	.spec_list{
		gap: 30px;
	}
	.spec_point{
		gap: 30px;
	}

}/*END*/

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

	.spec_point{
		display: block;
	}
	.spec_point li{
		margin-bottom: 30px;
	}
	.spec_list{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}

}/*END*/


/*----------------------------------------
	location
----------------------------------------*/

.locaion_bg{
	background-image: url(../../images/land_of_sale/land/midorigaoka_nakamachi/location_bg.jpg);
	background-size: cover;
}
.location_list > div {
    display: flex
;
    justify-content: space-between;
    padding: 1em 10px;
    border-bottom: 1px solid #dcd8b4;
}
.location_list > div:first-of-type {
    border-top: 1px solid #dcd8b4;
}

.location_bottm{
	display: grid;
	grid-template-columns: 1fr auto;
}
@media screen and (max-width: 599px) {
	.location_bottm{
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
}
/*----------------------------------------
	access
----------------------------------------*/

.access_bg{
	background-image: url(../../images/land_of_sale/land/midorigaoka_nakamachi/access_bg.jpg);
	background-size: contain;

}



/*----------------------------------------
	outline
----------------------------------------*/

.outline_l{
	float: left;
	width: 47.82%;
}
.outline_r{
	float: right;
	width: 47.82%;
}
#outline table{
	line-height: 2;
	width: 100%;
	border-top: 1px solid #447460;
}
#outline th{
	font-weight: normal;
	text-align: left;
	background: var(--ao-color02);
	border-bottom: 1px solid #447460;
	padding: 4px 10px;
	box-sizing: border-box;
	width: 150px;
}
#outline td{
	border-bottom: 1px solid #447460;
	padding: 4px 10px;
	box-sizing: border-box;
}


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

	.outline_l,
	.outline_r{
		float: none;
		width: 100%;
	}
	.kigen th,
	.kigen td{
		display: block;
		width: 100% !important;
	}
	#outline td,
	#outline th{
		font-size: 1.3rem;
	}
	#outline th{
		width: 120px;
	}

}/*END*/


/* grid,flex */
.grid_two,
.grid_three,
.grid_four{
	display: grid;
	column-gap: 3.5%;
	row-gap: 30px;
}
.grid_two{
	grid-template-columns: repeat(2,1fr);
}
.grid_three{
	grid-template-columns: repeat(3,1fr);
}
.grid_four{
	grid-template-columns: repeat(4,1fr);
}
@media screen and (max-width: 599px) {
	.grid_two,
	.grid_three{
		grid-template-columns: repeat(1,1fr);
	}
	.grid_four{
		grid-template-columns: repeat(2,1fr);
	}
}
.flex_two{
	display: flex;
	justify-content: space-between;
}
.flex_two.reverse{
	flex-direction: row-reverse;
}
.flex_two.al_center{
	align-items: center;
}
.flex_two > div{
	width: 47.5%;
}
.flex_two > div.width_43p{
	width: 43%;
}
@media screen and (max-width: 599px) {
	.flex_two,
	.flex_two.reverse{
		flex-direction: column;
		row-gap: 30px;
	}
	.flex_two > div{
		width: 100%;
	}
	.flex_two > div.width_43p{
		width: 100%;
	}
	.sp_dis_contents{
		display: contents;
	}

}
.sp_archive_link_layout{
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
@media screen and (max-width: 599px) {
	.sp_archive_link_layout{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.sp_archive_link_layout_text{
		width: 55%;
	}
	.sp_archive_link_layout_img{
		width: 42%;
	}
}
.chouki_frame{
	border: 20px solid #e5e5e5;
    box-sizing: border-box;
    padding-right: 2.7%;
	display: grid;
	grid-template-columns: 55% 45%;
}
.soraene_text{
	width: 95%;
	margin-inline: auto;
}
@media screen and (max-width: 599px) {
	.chouki_frame{
		display: flex;
		flex-direction: column-reverse;
	}
}
.top_line_dots::after{
	content: "";
	width: 80%;
	height: 1px;
	border-top: 3px dashed  #626262;
	position: absolute;
	top: 0;
	left: 10%;
}


/* 追加 */

.pc_m_b60{
	margin-bottom: 60px;
}
@media screen and (max-width: 599px) {
	.pc_m_b60{
		margin-bottom: 20px;
	}
}