@charset "UTF-8";


.contents600.m01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 110px 0;
}
.contents600.m02{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 130px 0 90px;
}
@media print, screen and (min-width: 1001px) {
.contents1000.m01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
}
}
@media print, screen and (min-width: 1001px) {
.contents1200.m01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
}
}
@media print, screen and (min-width: 1001px) {
.contents1400.m01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
}
}


/***

庭

***/
.niwa_title1{
	width: 100%;
	height: auto;
	margin: 100px auto 0;

	text-decoration: none;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	font-size: 7vw;
	line-height: 105%;
	text-align: center;
	letter-spacing: 5px;
	color: #222;
}
.niwa_title1.m01{
	margin: 150px auto 0;
}
@media print, screen and (min-width: 1001px) {
.niwa_title1{
	font-size: 28px;
}
}
.niwa_title2{
	width: 100%;
	height: auto;
	margin: 10px auto 35px;

	text-decoration: none;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	font-size: 3.5vw;
	line-height: 105%;
	text-align: center;
	letter-spacing: 5px;
	color: #222;
}
@media print, screen and (min-width: 1001px) {
.niwa_title2{
	font-size: 14px;
}
}
hr.niwa_title1bar{
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.niwa_box1_title1{
	clear: both;
	width: 92%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	text-decoration: none;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	font-size: 5.5vw;
	line-height: 105%;
	text-align: center;
	letter-spacing: 5px;
	color: #222;
}
@media print, screen and (min-width: 1001px) {
.niwa_box1_title1{
	font-size: 22px;
}
}



.fl50{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fl50{
	clear: none;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
}
.fr50{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(240,167,226,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr50{
	clear: none;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
}



@media print, screen and (min-width: 1001px) {
.niwa395{
	width: 100%;
	max-width: 395px;
	height: auto;
	margin: 0 7.143% 0 0;
	padding: 0;
}
.niwa395.m01{
	float: right;
}
.niwa395.m02{
	float: right;
	margin: 0 15px 0 0;
}
.niwa500{
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa500.m01{
	float: right;
}

.niwa585{
	width: calc( 100% - 15px );
	max-width: 585px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
}

.niwa600{
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa600.m01{
	float: right;
}
.niwa650{
	width: 92.857%;
	max-width: 650px;
	height: auto;
	margin: 0 7.143% 0 0;
	padding: 0;
}
.niwa650.m01{
	float: right;
}
.niwa700{
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa700.m01{
	float: right;
}
}

@media print, screen and (min-width: 1401px) {
.niwa395{
	width: 56.428%;
	max-width: 395px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa395.m01{
	float: right;
}
.niwa395.m02{
	float: right;
	margin: 0 15px 0 0;
}
.niwa500{
	width: 71.428%;
	max-width: 500px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa500.m01{
	float: right;
}



.niwa600{
	width: 85.714%;
	max-width: 600px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa600.m01{
	float: right;
}
.niwa650{
	width: 92.857%;
	max-width: 650px;
	height: auto;
	margin: 0 7.143% 0 0;
	padding: 0;
}
.niwa650.m01{
	float: right;
}
.niwa700{
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
}
.niwa700.m01{
	float: right;
}
}




/***

box2　テキスト1

***/
.niwa_box2_txt1{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;

	text-decoration: none;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	font-size: 3.75vw;
	line-height: 220%;
	text-align: justify;
	letter-spacing: 1px;
	color: #222;
	
	/*background: rgba(243,135,137,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.niwa_box2_txt1{
	width: 95%;
	height: auto;
	margin: 0;
	padding: 15% 5% 20% 0;
	
	font-size: 15px;
	line-height: 220%;
	text-align: left;
}
}
@media print, screen and (min-width: 1001px) {
.niwa_box2_txt1.m01{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 78% 0 0;
	
	font-size: 15px;
	line-height: 220%;
	text-align: left;
}
}
@media print, screen and (min-width: 1001px) {
.niwa_box2_txt1.m02{
	width: calc( 100% - 50px );
	height: auto;
	margin: 0 10px 0 40px;
	padding: 45% 0 0;
	
	font-size: 15px;
	line-height: 220%;
	text-align: left;
	float: left;
}
}
@media print, screen and (min-width: 1401px) {
.niwa_box2_txt1.m02{
	width: calc( 100% - 50px );
	height: auto;
	margin: 0 0 0 50px;
	padding: 45% 0 0;
	
}
}

@media print, screen and (min-width: 1001px) {
.niwa_box2_txt1.m03{
	width: calc( 100% - 30px );
	height: auto;
	margin: 0 10px 0 20px;
}
}
@media print, screen and (min-width: 1401px) {
.niwa_box2_txt1.m03{
	width: calc( 100% - 60px );
	height: auto;
	margin: 0 10px 0 50px;
	
}
}



/***

box2　テキスト2

***/
.niwa_box2_txt2{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;

	text-decoration: none;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	font-size: 6.25vw;
	line-height: 110%;
	text-align: justify;
	text-align: left;
	letter-spacing: 1px;
	color: #222;
	
	/*background: rgba(243,135,137,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.niwa_box2_txt2{
	width: 95%;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	
	font-size: 25px;
	line-height: 110%;
	text-align: left;
}
}





.fl65{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fl65{
	clear: none;
	width: 65%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
}
@media print, screen and (min-width: 1201px) {
.fl65{
	clear: none;
	width: 54.166%;
	height: auto;
	margin: 0 0 0 8.333%;
	padding: 0;
	float: left;
}
}
.fr45{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(240,167,226,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr45{
	clear: none;
	width: calc( 35% - 40px );
	height: auto;
	margin: 0 10px 0 30px;
	padding: 0;
	float: right;
}
}
@media print, screen and (min-width: 1201px) {
.fr45{
	clear: none;
	width: calc( 37.5% - 50px );
	height: auto;
	margin: 0 0 0 50px;
	padding: 0;
	float: right;
}
}





.fr685{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr685{
	clear: none;
	width: 66.894%;
	height: auto;
	margin: 0 0 0 1.464%;
	margin: 0 0 0 15px;
	padding: 0;
	float: right;
}
}
@media print, screen and (min-width: 1401px) {
.fr685{
	clear: none;
	width: 48.928%;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
	float: right;
}
}
.fr324{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(240,167,226,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr324{
	clear: none;
	width: 31.64%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
}
@media print, screen and (min-width: 1401px) {
.fr324{
	clear: none;
	width: 23.14%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
}





.fl820{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fl820{
	clear: none;
	width: 68.333%;
	height: auto;
	margin: 0 1.25% 0 0;
	margin: 0;
	padding: 0;
	float: left;
}
}
@media print, screen and (min-width: 1401px) {
.fl820{
	clear: none;
	width: 58.571%;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
}
.fl365{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(240,167,226,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fl365{
	clear: none;
	width: 30.416%;
	height: auto;
	margin: 0 0 0 1.25%;
	padding: 0;
	float: left;
}
}
@media print, screen and (min-width: 1401px) {
.fl365{
	clear: none;
	width: 26.071%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
}
.fl365-2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 1001px) {
.fl365-2{
	clear: none;
	width: 30.416%;
	height: auto;
	margin: 0 0 0 1.25%;
	padding: 0;
	float: left;
}
}
@media print, screen and (min-width: 1001px) {
.fl365-2.m01{
	margin: 0;
}
}
@media print, screen and (min-width: 1401px) {
.fl365-2{
	clear: none;
	width: 40%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
}




.fr820{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr820{
	clear: none;
	width: 68.333%;
	height: auto;
	margin: 0 1.25% 0 0;
	margin: 0 0;
	padding: 0;
	float: right;
}
}
@media print, screen and (min-width: 1401px) {
.fr820{
	clear: none;
	width: 58.571%;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
}
}





.fl860{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fl860{
	clear: none;
	width: 66.153%;
	height: auto;
	margin: 0 1.25% 0 0;
	margin: 0;
	padding: 0;
	float: left;
}
}
@media print, screen and (min-width: 1401px) {
.fl860{
	clear: none;
	width: 61.428%;
	max-width: 860px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
}
.fl440{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(128,223,196,1.00);*/
}
@media print, screen and (min-width: 1001px) {
.fr440{
	clear: none;
	width: 33.846%;
	height: auto;
	margin: 0;
	margin: 0;
	padding: 0;
	float: right;
}
}
@media print, screen and (min-width: 1401px) {
.fr440{
	clear: none;
	width: 38.571%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
}



.garden_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.garden_box5_ph4-5{
	clear: both;
	width: 49%;
	max-width: 285px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (max-width: 1000px) {
.garden_box5_ph4-5{
	width: calc( 50% - 7.5px );
}
}