@charset "utf-8";


/*----------------------------------------
	text
----------------------------------------*/

body{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ 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); }

.ttl_600{
	display: block;
	width: 52.17%;
}
.ttl_center{
	margin-right: auto;
	margin-left: auto;
}

@media print, screen and (min-width: 600px){

	.sp_br{
		display: none;
	}
	.box_l{
		float: left;
		width: 47.82%;
	}
	.box_r{
		float: right;
		width: 47.82%;
	}

}/*END*/

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

	.ttl_600{
		width: 80%;
	}
	.pc_br{
		display: none;
	}

}/*END*/

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

	.ttl_600{
		width: 90%;
	}

}/*END*/

.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*/


/*----------------------------------------
	mv
----------------------------------------*/

.tadaokahigashi_mv{
	background: #edeae3;
}

/*----------------------------------------
	concept
----------------------------------------*/

.concept{
	background: #fff;
	position: relative;
}
.concept .inner_frame{
	position: relative;
	padding-top: clamp(50px, 13.636px + 11.364vw, 150px);
	padding-bottom: clamp(70px, 22.727px + 14.773vw, 200px);
}
.concept_text{
	position: relative;
	width: 47.82%;
}
.concept_img{
	position: absolute;
	width: 50%;
	left: 50%;
	top: 15%;
}
.concept_deco{
	position: absolute;
	width: 32.43%;
	left: 5%;
	bottom: 12%;
}

@media print, screen and (min-width: 1100px) and ( max-width: 1249px){



}/*END*/

@media print, screen and (min-width: 900px) and ( max-width: 1099px){



}/*END*/

@media print, screen and (min-width: 750px) and ( max-width: 899px){

	/* .concept .inner_frame{
		padding-top: 120px;
		padding-bottom: 300px;
	} */


}/*END*/

@media print, screen and (min-width: 600px) and ( max-width: 749px){

	/* .concept .inner_frame{
		padding-top: 100px;
		padding-bottom: 250px;
	} */


}/*END*/

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

	/* .concept .inner_frame{
		padding-top: 80px;
		padding-bottom: 100px;
	} */

	.concept_text{
		width: 100%;
	}
	.concept_img{
		position: relative;
		left: inherit;
		top: inherit;
		width: 100%;
	}
	.concept_deco{
		bottom: 5%;
	}

}/*END*/




/*----------------------------------------
	plan
----------------------------------------*/

#plan{
	background: #c8e5ee;
}
#plan .inner_frame{
	position: relative;
}
.plan_deco01{
	position: absolute;
	width: 13.04%;
	top: 5%;
	left: 12%;
}
.plan_deco02{
	position: absolute;
	width: 16.86%;
	top: 5%;
	right: 12%;
}

.plan_madori{
	max-width: 460px;
	margin: 0 auto;
}

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

	.plan_deco01,
	.plan_deco02{
		top: 40px;
	}

}/*END*/


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

.spec_point{
	display: grid;
	height: auto;
	grid-template-columns: repeat(3,1fr);
	gap: 50px;
}
.soraene_frame{
	border: 20px solid #ddeff8;
	box-sizing: border-box;
	padding-left: 2.7%;
	padding-right: 2.7%;
}
.soraene_text{
	float: right;
	width: 39.63%;
}
.soraene_img{
	float: left;
	width: 54.05%;
}
.chouki_frame{
	border: 20px solid #e5e5e5;
	box-sizing: border-box;
	padding-right: 2.7%;
}
.spec_list{
	display: grid;
	height: auto;
	grid-template-columns: repeat(4,1fr);
	gap: 50px;
}
.hyoka{
	display: block;
	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;
	}
	.soraene_img,
	.soraene_text{
		float: none;
		width: 100%;
	}
	.chouki_frame .soraene_text{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.spec_list{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}

}/*END*/


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

#location{
	background: #c8e5ee;
}
#location .inner_frame{
	position: relative;
}
.left{
	float: left;
}
.right{
	float: right;
}
.location_list_l{
	float: left;
	width: 47.82%;
}
.location_list_r{
	float: right;
	width: 47.82%;
}
.location_frame table{
	line-height: 2;
	width: 100%;
	border-top: 1px solid #fff;
}
.location_frame th{
	border-bottom: 1px solid #fff;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 5px 0;
}
.location_frame td{
	border-bottom: 1px solid #fff;
	text-align: right;
	padding: 5px 0;
}
.location_deco01{
	position: absolute;
	width: 10.69%;
	left: 18%;
	top: 8%;
}
.location_deco02{
	position: absolute;
	width: 13.47%;
	right: 16%;
	top: 8%;
}
.location_deco03{
	position: absolute;
	width: 24.43%;
	right: 0;
	bottom: 2%;
}

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

	.location_text,
	.location_img{
		width: 100%;
	}
	.location_text{
		margin-bottom: 30px;
	}
	.left,
	.right{
		float: none;
	}
	.location_mv img{
		width: 100%;
	}
	.location_list{
		padding-left: 4%;
		padding-right: 4%;
	}
	.location_list_l,
	.location_list_r{
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}
	.location_deco01{
		left: 10%;
		top: 50px;
	}
	.location_deco02{
		top: 50px;
		right: 10%;
	}
	.location_deco03{
		right: 3%;
	}

}/*END*/


/*----------------------------------------
	access
----------------------------------------*/

#access .inner_frame{
	position: relative;
}
.access_deco{
	position: absolute;
	width: 13.21%;
	right: 5%;
	bottom: 8%;
}

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

	.access_deco{
		bottom: 20px;
		width: 20%;
	}

}/*END*/


/*----------------------------------------
	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 #00abe1;
}
#outline th{
	font-weight: normal;
	text-align: left;
	background: #c8e5ee;
	border-bottom: 1px solid #00abe1;
	padding: 4px 10px;
	box-sizing: border-box;
	width: 150px;
}
#outline td{
	border-bottom: 1px solid #00abe1;
	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*/


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

.contact_set{
	background: #c8e5ee;
	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*/