@charset "Shift_JIS";

	/*------------------------------------------------------------
	●１、align・・・文字の横位置
	-------------------------------------------------------------*/

	.al-c{ text-align: center!important; }/*中央寄せ*/
	.al-r{ text-align: right!important; }/*右寄せ*/
	.al-l{ text-align: left!important; }/*左寄せ*/


	/*------------------------------------------------------------
	●２、valign・・・文字の縦位置
	-------------------------------------------------------------*/

	.vl-t{ vertical-align: top!important; }/*上寄せ*/
	.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
	.vl-b{ vertical-align: bottom!important; }/*下寄せ*/


	/*------------------------------------------------------------
	●４、margin・・・周りのブロックからの距離

		10、15、20・・・という数字は「px（ピクセル）」を表します
	-------------------------------------------------------------*/

	.mauto { margin:auto!important; }
	.m0{ margin: 0px!important; }/*周りからのmarginを0にする*/
	.m0-t{ margin-top: 0px!important; }/*上からのmarginが0px*/
	.m0-r{ margin-right: 0px!important; }/*右からのmarginが0px*/
	.m0-b{ margin-bottom: 0px!important; }/*下からのmarginが0px*/
	.m0-l{ margin-left: 0px!important; }/*左からのmarginが0px*/

	.m5{ margin: 5px!important; }/*周りからのmarginが5px*/
	.m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
	.m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
	.m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
	.m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/

	.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
	.m10-l{ margin: 10px!important; }/*左からのmarginが10px*/
	.m10-b{ margin-bottom: 10px!important; }/*左からのmarginが0px*/

	.m15{ margin: 15px!important; }/*周りからのmarginが15px*/

	.m30-t{ margin-top: 30px!important; }/*上からのmarginが30px*/
	.m30-b{ margin-bottom: 30px!important; }/*下からのmarginが30px*/

/*------------------------------------------------------------
●５、padding・・・周りのブロックからの距離（padding）

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0px!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0px!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0px!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0px!important; }/*左からのmarginが0px*/

.p5{ padding: 5px!important; }/*周りからのmarginを5にする*/
.p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50-t{ padding-top: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }

.p60-b{ padding-bottom: 60px!important; }

.p70-b{ padding-bottom: 70px!important; }


	/*------------------------------------------------------------
	●６、font-size・・・フォントサイズの設定
	-------------------------------------------------------------*/

	.normal{ font-weight: normal!important; }
	.b{ font-weight: bold!important; }

	.big{ font-size: 120%!important; }
	.big2{ font-size: 150%!important; }
	.big3{ font-size: 180%!important; }

	.small{ font-size: 80%!important; }
	.small2{ font-size: 90%!important; }
	
	.f16px{ font-size: 16px!important; }
	.f20px{ font-size: 20px!important; }
	.f25px{ font-size: 25px!important; }


	/*------------------------------------------------------------
	●７、color・・・フォントカラーの設定
	-------------------------------------------------------------*/

	.black{ color: #000!important; }/*黒色*/
	.white{ color: #ffffff!important; }/*白色*/
	.red{ color: #FF0000!important; }/*赤色*/
	.gray{ color: #959595!important; }/*灰色*/
	.orange3 { color:#D1632E!important; }
	.green3 { color:#467139!important; }
	.green4 { color:#47732C!important; }
	.brown1 { color:#654F3A!important; }/*茶色*/
	.yellow1{ color: #FFFF00!important; }/*黄色*/
	.blue{ color: #306D6D!important; }/*青色*/

	/*------------------------------------------------------------
	●８、font・・・フォントの設定
	-------------------------------------------------------------*/
	.f-mc {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


	/*------------------------------------------------------------
	●９、font・・・フォントの装飾
	-------------------------------------------------------------*/
	.under1 {
		border-bottom: solid 1px black;
	}
	.under2 {
		border-bottom: double 3px #dc3545;
	}


	/*------------------------------------------------------------
	●１０、line-height・・・行間の設定
	-------------------------------------------------------------*/
	
	.lh10{ line-height: 1.0em!important; }
	.lh11{ line-height: 1.1em!important; }
	.lh12{ line-height: 1.2em!important; }
	.lh13{ line-height: 1.3em!important; }
	.lh14{ line-height: 1.4em!important; }
	.lh15{ line-height: 1.5em!important; }
	.lh16{ line-height: 1.6em!important; }
	.lh17{ line-height: 1.7em!important; }
	.lh18{ line-height: 1.8em!important; }
	.lh19{ line-height: 1.9em!important; }
	.lh20{ line-height: 2.0em!important; }
	
	.lh050{ line-height:  50%!important; }
	.lh100{ line-height: 100%!important; }
	.lh120{ line-height: 120%!important; }
	.lh150{ line-height: 150%!important; }
	.lh180{ line-height: 180%!important; }
	.lh200{ line-height: 200%!important; }
	.lh250{ line-height: 250%!important; }
	.lh300{ line-height: 300%!important; }
	.lh350{ line-height: 350%!important; }


/*------------------------------------------------------------
●１１、background・・・背景色の設定
-------------------------------------------------------------*/

	.b-yellow{ background: #FFFFC6!important; }/*黄色*/
	.b-white { background:#ffffff!important; }
	/* hover で使用するため、importantにしない　*/
	.b-green1 { background:#729D49; }
	.b-green2 { background:#9FBC83; }
	.b-green3 { background:#467139; }
	.b-green4 { background:#6E9064; }
	.b-green5 { background:#A0C577; }
	.b-green6 { background:#97a58f; }
	.b-orange1 { background:#CF632E; }
	.b-orange2 { background:#E2A080; }
	.b-orange3 { background:#D1632E; }
	.b-pink1 { background:#FF6A9C; }
	.b-pink2 { background:#FFAFCA; }
	.b-tea { background-color: #E9E4D1; }/*ベージュ1*/
	.b-tea2 { background-color: #fff5e9; }/*淡い橙*/
	.b-purple1 { background-color: #d1d6ea; }/*薄紫*/

	/*------------------------------------------------------------
	●その他
	-------------------------------------------------------------*/

		
	.cl {
		clear: both;
		}

	/***** 影　*******/
	/*お庭番一年間の作業内容*/
	.dropshadow {
	  -webkit-filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
	  -moz-filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
	  -ms-filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
	  filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
	}
	
/* ボックスの外線*/
.box_line{
	max-width: 96%;
	margin: 20px auto;
	padding: 2px;
	outline: 1px solid rgb(97 130 130);
	outline-offset: -8px;
}
.border1{border: solid 1px #FFFFFF;}

	/*------------------------------------------------------------
	共通
	-------------------------------------------------------------*/
/* ★★★★★　↓↓↓　★★★★★*/
/* ウィンドウ幅でコンテンツを表示　*/
/* マンション */
.page-mansion .entry-content .summary{margin-right:-15px;margin-left:-15px;}
.page-mansion .entry-content{padding:0;}
/* マンション */
.page-mansion .wrapper .more-contents a{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #654f3a;
    border-radius: .25rem;
    color: #fff;
    font-size: 20px;
}
	
.page-mansion .wrapper .more-contents a span{
	display:inline-block;
	width:12px;
	height:12px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:.5rem;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.page-mansion .wrapper .more-contents a:hover{
	background:#3f3024;
	text-decoration:none
}
	
/* ★★★★★　↑↑↑　★★★★★*/

/* top news */
.float-blogtitle {
  position: relative;
  }
.float-blogtitle span {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  color: white;
  font-size: 15px;
  line-height: 1;
  padding: 5px 10px;
  }

/* privacypolicy */
	.privacypolicy .entry-content h3 {
		color: #69805c;
		font-size: 1.5rem;
		font-weight: bold;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Farnham Text", "Lato", sans-serif;
		}

	.mai-child .entry-content .mai-count .mai h3 {
		width:150px;
		background:#a0c577;
		padding: 8px 10px;
		margin-bottom: 0.3rem;
		letter-spacing:0.2em;
		color: #ffffff;
		font-size: 20px;
		border-radius: 7px;
		text-align: center;
		}


	.mai-child .entry-content .mai1 h3 {
		font-size:23px;
		font-weight: bold;
		margin-bottom:10px;
		}

	.mai-child .entry-content .mai2 h3 {
		width:200px;
		background:#72A049;
		font-size: 27px;
		padding: 8px 10px;
		margin-bottom: 0.3rem;
		letter-spacing:0.2em;
		color: #ffffff;
		font-size: 20px;
		border-radius: 7px;
		text-align: center;
		}
		
/* イベント */
/*背景画像設定*/
.bgi-lu {
	background-image: url(../images/event/20211029-2.png);
	background-position: right 0% bottom 0%;
	background-repeat: no-repeat;
	background-size: 90% auto;
}


/* 会社概要 */
.tbl-01 {
  width:100%;
  margin: 20px auto;
  background: #ffffff;
}
.tbl-01 th {
  background: #97a58f;
  border-bottom:solid 1px #ffffff;
  padding: 10px;
}
.tbl-01 td {
  padding: 10px;
}
.tbl-01 tr {
  padding: 10px;
  border-bottom:solid 1px #cccccc;
}

/* herb-club */
.type-herb {
	list-style: none;
}
.type-herb li {
	padding-left: 30px;
	line-height: 1.6em;
	background: url(/images/gar/herbclub/list1.png) left 0px top 0px no-repeat;
	background-size: 20px auto;
	padding-bottom:10px;
}
.event-inner {
    border: solid 16px #cdc7c1;
    }



	/* mai 見出し画像*/
	.mai-child .entry-content .mai-titleimg h2{
		border-radius: 0;
		background: transparent; /* 透明 */
		display: flex;
		line-height: 4.5rem;
		color: #654f3a;
		font-size: 26px;
		padding: 15px 0px 0px 30px;/*[上][右][下][左]*/
		margin-bottom: 8px;/* 上右下左 */
		border-bottom: solid 3px #654f3a;
	}
	.mai-child .entry-content .kadan h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title1.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.mai-child .entry-content .terasu h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title2.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.mai-child .entry-content .tikaku h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title3.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.mai-child .entry-content .symbol-tree h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title4.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.mai-child .entry-content .mekakushi h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title5.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.mai-child .entry-content .ikegaki h2:before{
        content: "";
  		background-image: url(../images/mai/osusume/title6.jpg);
        background-size:100px 100px;
        background-repeat: no-repeat;
		box-shadow: 0 0 0 2px #E5E3A7;
		-webkit-box-shadow: 0 0 0 2px #E5E3A7;
		-moz-box-shadow: 0 0 0 2px #E5E3A7;
		width: 4.5rem;
		height: 4.5rem;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
		
	/* エクステリア　お見積り・ご相談予約 */
	.ext-flow1 {
		padding-left: 0;
	}
	.ext-flow1 li {
		position: relative;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 1rem center;
		background-size: auto 50px;
		border: solid 4px #657a9d;
		border-radius: 0.5rem;
		color: #657a9d;
		padding: 1rem 1rem 1rem 5rem;
		margin-bottom: 3.5rem;
		font-size: 28px;
		list-style-position: inside;
		margin-bottom: 4rem;
	}
	.ext-flow1 li p {
		font-size: 16px;
	}
	.ext-flow1 li::after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 50%;
		margin-bottom: -3rem;
		margin-left: -25px;
		border-top: 30px solid #657a9d;
		border-right: 30px solid transparent;
		border-left: 30px solid transparent;
	}
	.ext-flow1 li:last-child:after {
      content : none ; /*最後の矢印は表示させない*/
	}

	.block-button_link_mai {
    color: #fff;
    background-color: #8b4826;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    padding: 1rem;
    max-width: 590px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}

	.block-button_link_ext {
    color: #fff;
    background-color: #657a9d;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    padding: 1rem;
    max-width: 590px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}

	/* お庭番　工事の流れ */
	.mai-child .entry-content .mai-flow {
		background-color: #A0C577;
		margin-right: -15px;
		margin-left: -15px;
		padding-left: 0;
	}

	.mai-child .entry-content .mai-flow .container ol.type-flow li {
		position: relative;
		background: #fff;
		border-radius: .5rem;
		color: #654f3a;
		font-size: 28px;
		list-style-position: inside;
		margin-bottom: 4rem;
	}

	.mai-child .entry-content .mai-flow .container ol.type-flow li p {
		font-size: 16px;
	}
	
	.mai-child .entry-content .container {
    color: #fff;
}

	.mai-child .entry-content .container ol.type-flow {
		padding-left: 0;
	}
	.mai-child .entry-content .container ol.type-flow li::after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 50%;
		margin-bottom: -3rem;
		margin-left: -25px;
		border-top: 30px solid #D0E3BC;
		border-right: 30px solid transparent;
		border-left: 30px solid transparent;
	}
	.mai-child .entry-content .container ol.type-flow li:last-child:after {
      content : none ; /*最後の矢印は表示させない*/
	}


		
	/* お庭番　植栽管理 */
	.ribbon1-wrapper {  
	  display: block;
	  position: relative;
	  margin: 40px auto;
	  padding: 30px 0;
	  width: 100%;
		box-shadow:5px 4px 6px -4px #666666;
		border-radius:6px;
		border: solid 2px #A0C577;
	  background: #A0C577;
	  }

	.ribbon1 {
	  display: inline-block;
	  position: relative;
	  box-sizing: border-box;
	  padding: 5px 0;
	  margin: 0 0 0 -10px;
	  width: calc(48% + 20px);
	  color: #654f3a;
	}

	.mai-child .entry-content .ribbon1 h3{
	  margin: 0;
	  padding: 3px 30px 3px 50px;
	  font-size: 23px;
	  line-height: 45px;
	  color: #654f3a;
	  background: #ffffff;

	}
	.outer {
		text-align: center;
	}
	.ribbon1-wrapper .ribbon1 .outer .inner {
	  display: inline-block;
	  text-align: left;
		margin: 20px 0 0 0; /*[上][右][下][左]*/
		padding: 0 30px 0 50px;/*[上][右][下][左]*/
		  color: #654f3a;

	}


	.ribbon1:after {
	  position: absolute;
	  content: '';
	  z-index: 1;
	  top: 0;
	  right: 0;
	  width: 0px;
	  height: 0px;
	  border-width: 30px 15px 30px 0px;
	  border-color: transparent #A0C577 transparent transparent;
	  border-style: solid;
	}

	.ribbon1:before {
	  position: absolute;
	  content: '';
	  top: 56px;
	  left: 0;
	  border: none;
	  border-bottom: solid 5px transparent;
	  border-right: solid 10px #b8b8b8;
	}
	.photo-o {
	  padding: 15px 5px;
	  margin: 0px;
	}
	.photo-s {
	  display: inline-block;
	  position: static;
	  padding: 20px 20px;
	  margin: 0px;
	  width:48%;
	/*  text-align:right;
	  vertical-align:bottom;*/

	}

	.photo-s3 {
	  display: inline-block;
	  position: static;
	  padding: 20px 2px;
	  margin: 0px;
	  width:33%;
	  text-align:right;
	  vertical-align:bottom;

	}


	.photo-c {
	  padding: 20px 20px;
	  margin: 0px;
	  text-align: center;
	}

	.effect1 {
		padding: 5px;
		margin:2px;
		background-color: #FFFFFF;
		width:48%;
	}


	/********* ボタン　*********/
	/*お手入れメニュー*/
	.btn-border {
	background: #fff;
	display: block;
	position: relative;
	margin: 40px auto;
	padding: 30px 0;
	width: 80%;
	text-align: center;
	border: 3px solid #9ec34b;
	font-size: 18px; /*最小値*/
	color: #654F3A;
	text-decoration: none;
	border-radius: .7rem;
	transition: .4s;
	webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	padding: 1rem;

	}

	.btn-border:hover {
	  background-color: #A0C577;
	  border-color: #ffffff;
	  color: #654F3A;
	  text-decoration: none;
	}

	/* 1年間の作業内容　*/
	.btn-yellow-green {
		width: 100%; /* 親要素でdisplay:flexをしているので、コンテナ分の幅を指定する */
		/*display: block;  親要素でalign-items：stretchを指定したので、必要なくなる*/
        position: relative;
		padding:20px 10px;
		background: #72A149;
		text-align: center;
		font-size: 14px; 
		color: #ffffff;
		border-radius: .3rem;
		transition: .4s;
		webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
		box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	}
	.btn-yellow-green:hover {
		background-color: #A0C577;
		color:#ffffff;
		text-decoration: none;
	}

	/* おすすめの植木　*/
	.btn-pink {
		width: 100%;
        position: relative;
		padding:15px 10px;
		background: #ffffff;
		text-align: center;
		font-size: 14px; 
		color: #EC8EB1;
		border: solid 3px #EC8EB1;
		border-radius: .3rem;
		transition: .4s;
		webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
		box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	}
	.btn-pink:hover {
		background-color: #EC8EB1;
		border: solid 3px #ffffff;
		color:#ffffff;
		text-decoration: none;
	}
	.btn-green1 {
		width: 100%;
        position: relative;
		padding:15px 10px;
		background: #ffffff;
		text-align: center;
		font-size: 14px; 
		color: #A0C577;
		border: solid 3px #A0C577;
		border-radius: .3rem;
		transition: .4s;
		webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
		box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	}
	.btn-green1:hover {
		background-color: #A0C577;
		border: solid 3px #ffffff;
		color:#ffffff;
		text-decoration: none;
	}

	/* 人気の植木・庭木の種類　*/
	.btn-common1 {
		width: 100%; /* 親要素でdisplay:flexをしているので、コンテナ分の幅を指定する */
		/*display: block;  親要素でalign-items：stretchを指定したので、必要なくなる*/
        position: relative;
		padding:15px 10px;
		text-align: center;
		border-radius: .3rem;
		transition: .4s;
		webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
		box-shadow: 0 1px 5px rgba(0,0,0,.5)!important;
	}
	.b-green1:hover {
		background-color: #9FBC83;
		text-decoration: none;
	}
	.b-green3:hover {
		background-color: #6E9064;
		text-decoration: none;
	}
	.b-green5:hover {
		background-color: #75AC3A;
		text-decoration: none;
	}
	.b-orange1:hover {
		background-color: #E2A080;
		text-decoration: none;
	}
	.b-pink1:hover {
		background-color: #FFAFCA;
		text-decoration: none;
	}

	/*ボタン装飾*/
	.btn-common2 {
		padding:5px 10px;
		border-radius: 1rem;
	}
	
	/*三角の矢印アイコン（正円枠）*/
	/*作業項目と参考金額*/
	.circle-arrow1::before{
    box-sizing: border-box;
    width: 25px;
    height: 25px;
	background:#ffffff;
    border: 1px solid #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
	.circle-arrow1::after{
    right: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 8px solid transparent;
    border-left: 8px solid #654F3A;
	}
	.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
	/* お庭番　1本から頼める剪定 */
	.waku-mai0 {  
	  display: block;
	  text-align: center;
	  margin: 40px auto;
	  padding: 20px 0;
	  width: 90%;
	  border:none;
	  }

	/* お庭番　年間植栽管理 */
	.waku-mai {  
	  display: block;
	  text-align: center;
	  margin: 40px auto;
	  padding: 20px 0;
	  width: 90%;
		border-radius:6px;
		border: solid 3px #A0C577;
	  background: #D9E8C9;
	  }

	 .midashi1-box {
	  display: inline-block;
	  vertical-align: middle; 
	   margin: 0 auto;
	  width: 15%;
	}

	 .midashi1 {
	  background: #A0C577;
	  color: #FFF;
	  width: 100px;
	  height: 100px;
	  line-height: 100px;
	  border-radius: 50%;
	  text-align: center;
	  overflow: hidden;
	  font-size: 30px; /*最小値*/

	}

	.text1 {
	  display: inline-block;
	  vertical-align: middle; 
	  width: 80%;
	  text-align: left;

	}

	.p-text{
		padding: 1rem 3rem;
	}


	.center1{
		text-align:center;
	}    


	.box-center{
	  width: 80%;
	  margin: 0 auto;
	  max-width: 500px;
	}

	/* 法人　集合住宅 */
	.waku-cor1 {  
		display: block;
		width: 100%;
		box-shadow: 2px 2px 4px gray;
		background: #ffffff;
		position: relative;
		margin-top: 3em;
	}
	.full {
		height: 200px;
		object-fit: cover;
		width:100%;
	/*	object-position: 20% 80%; */
	}

	.text3 {
	  display: inline-block;
	  vertical-align: middle; 
	  padding:30px 30px;
	  width: 50%;
	  text-align: left;
	}

	.title3{
		font-size:23px;
		font-weight: bold;
		margin-bottom:10px;
	}



	/* お庭番　プロが教える */
	.waku-mai2 {  
	  display: block;
	  padding: 10px;
	  width: 100%;
		box-shadow: 2px 2px 4px gray;
		background: #ffffff;
		position: relative;
		margin-top: 3em;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */  

		}


	 .midashi2 {
	  display: inline-block;
	  vertical-align: middle; 
	   margin: 0 auto;
	  width: 45%;
	}
	.midashi2 img {
		height: 160px;
		object-fit: cover;
		width:100%;
	/*	object-position: 20% 80%; */
	}

	.text2 {
	  display: inline-block;
	  vertical-align: middle; 
	  padding:10px 10px;
	  width: 50%;
	  text-align: left;
	}

	.title2{
		font-size:23px;
		font-weight: bold;
		margin-bottom:10px;
	}

	.cont2{
		font-size:15px;
		font-weight: normal;
	}
	/* 人気の植木・庭木*/
	.waku-mai-org {  
	  display: block;
	  text-align: center;
	  margin: 40px auto;
	  padding: 20px 0;
	  width: 90%;
		border-radius:6px;
		border: solid 3px #D1632E;
	  background: #EDC1AB;
	  }
	.waku-mai-green3 {  
	  display: block;
	  text-align: center;
	  margin: 40px auto;
	  padding: 20px 0;
	  width: 90%;
		border-radius:6px;
		border: solid 3px #467139;
	  background: #B5C6B0;
	  }

	.title3{
		font-size:20px;
		margin:20px 0px;
		padding:2px 30px;
		color:#ffffff;
		text-align:left;
	}
	
	
.mai-child .entry-content #rakuyou{
    background-color: #D1632E;
}

.mai-child .entry-content #shinyou{
    background-color: #467139;
}


	
	
	/* お庭番　害虫対策 */
	.waku-mai3 {  
		padding: 15px;
		width: 100%;
		background: #ffffff;
	}
	.mokuji-mai1 {  
		padding: 10px;
		width: 100%;
		background: #FFFBBA;
		margin-bottom:0px;
	}
	.mokuji-mai1 ul{  
		background: #FFFBBA;
		font-weight:600;
		color:#005DB1;
		line-height: 2; /*文の行高*/
		padding: 0.5em 2; /*前後の文との余白*/
	}
		


	/********* カギ括弧 *********/
	.parenthesis {
	  position: relative;
	  width: 500px;
	  padding: 15px 30px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.parenthesis p{
		font-size: 28px;
		padding: 10px;
		color: #654f3a;
		font-weight:500;
	}

	.parenthesis::before,
	.parenthesis::after {
	  position: absolute;
	  content: '';
	  width: 20px;
	  height: 50px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.parenthesis::before {
	  top: 0;
	  left: 0;
	  border-top: 1px solid #654f3a;
	  border-left: 1px solid #654f3a;
	}
	.parenthesis::after {
	  bottom: 0;
	  right: 0;
	  border-bottom: 1px solid #654f3a;
	  border-right: 1px solid #654f3a;
	}

	/****************** リスト ******************/
	/* お庭番：こんなお手伝いも出来ます　*/
	/* お庭のお手入れへのこだわり　*/
	.list1_wrap {
		list-style:  none;      /* デフォルトのアイコンを消す */
		margin:  0;             /* デフォルト指定上書き */
		padding: 3px;             /* デフォルト指定上書き */
		text-align:left;
	}
	.list1_wrap li {
		line-height: 1.5;
		padding: 0.5em 0.5em 0.5em 2em; /*[上][右][下][左]*/
		font-weight:600;
	}
	/* お庭番：こんなお手伝いも出来ます　*/
	.list-g {
		color: #008934;  /* 背景色指定 */
	} 
	.list-g:before {
		content:  "";     /* 空の要素作成 */
		width:  20px;               /* 幅指定 */
		height:  20px;              /* 高さ指定 */
		display:  inline-block;     /* インラインブロックにする */
		background-color: #008934;  /* 背景色指定 */
		border-radius:  50%;        /* 要素を丸くする */
		position:  relative;        /* 位置調整 */
		top: 3px;                  /* 位置調整 */
		margin-right: 5px;          /* 余白指定 */
	}
	/* お庭のお手入れへのこだわり　*/
	.list-b {
		color: #000000;  /* 背景色指定 */
	}
	.list-b:before {
		content:  "";     /* 空の要素作成 */
		width:  20px;               /* 幅指定 */
		height:  20px;              /* 高さ指定 */
		display:  inline-block;     /* インラインブロックにする */
		background-color: #72A049;  /* 背景色指定 */
		border-radius:  50%;        /* 要素を丸くする */
		position:  relative;        /* 位置調整 */
		top: 3px;                  /* 位置調整 */
		margin-right: 5px;          /* 余白指定 */
	}
	/* 樹木の植え付け　金額　*/
	.list2_wrap {
		list-style:  none;      /* デフォルトのアイコンを消す */
		margin:  0;             /* デフォルト指定上書き */
		padding: 3px;             /* デフォルト指定上書き */
		text-align:left;
	}
	.list2_wrap li {
		line-height: 1.2;
		padding: 0.2em 2.5em 0.2em 2em; /*[上][右][下][左]*/
		font-weight:500;
	}
	.list-b1 {
		color: #000000;  /* 背景色指定 */
	}
	.list-b1:before {
		content:  "";     /* 空の要素作成 */
		width:  10px;               /* 幅指定 */
		height:  10px;              /* 高さ指定 */
		display:  inline-block;     /* インラインブロックにする */
		background-color: #000000;  /* 背景色指定 */
		border-radius:  50%;        /* 要素を丸くする */
		position:  relative;        /* 位置調整 */
		top: 0px;                  /* 位置調整 */
		margin-right: 5px;          /* 余白指定 */
	}





	/******* タイトル付きBox　*******/

	/*剪定・刈り込み*/
	.box-ad-title{
		box-shadow: 2px 2px 4px gray;
		position: relative;
		margin-top: 3em;
		padding:2em 0em;
	}
	.box-ad-title h3{
		position: absolute;
		right: 0;
		left: 0;
		top: -0.7em;
		margin-left: 0em;
	}
	.box-ad-title span.green{
		box-shadow: 0px 0px 0px 3px #729049;
		padding: 0 .5em;
		margin:10px;
		padding:0px 20px;
		background: #729049;
		color: #FFF;
		display: inline-block;
		border-radius: 3px;
		border: dashed 1px #ffffff;
	}
	.box-ad-title .inner{
		padding: 1.5em 2em 1.2em 2em;
	}	
	.box-ad-title .inner1{
		padding: 2.5em 2em 1.2em 2em;
	}	
	.box-ad-title .inner2{
		padding: 3em 2em 1.2em 2em;
	}	
	/*作業項目と参考金額*/
	.box-ad-title span.orange{
		box-shadow: 0px 0px 0px 3px #FF7C49;
		padding: 0 .5em;
		margin:10px;
		padding:0px 20px;
		background: #FF7C49;
		color: #FFF;
		display: inline-block;
		border-radius: 3px;
		border: dashed 1px #ffffff;
	}
	
	/*60th*/
	.box-ad-title1 {
		position: relative;
		margin: 2em 0;
		padding: 0.5em 1em;
		border: solid 1px #69805c;
		border-radius: 8px;
	}
	.box-ad-title1 .box-title {
		position: absolute;
		display: inline-block;
		top: -13px;
		left: 10px;
		padding: 0 9px;
		line-height: 1;
		font-size: 19px;
		background: #FFF;
		color: #69805c;
		font-weight: bold;
	}
	.box-ad-title1 p {
		margin: 0; 
		padding: 0;
	}

	/******* 横並びBox　*******/

	/*お庭のお手入れへのこだわり*/
	.flex-box {
	  display: flex;
	  -js-display: flex;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  justify-content: center;
	}
	.fl-wrap{
	  flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	}
	.fl-align-c{
		align-items: center;
	}
	.fl-stretch{
	  align-items: stretch;
	}
	.fl-left{
		justify-content: flex-start;
	}
	.fl-center{
		justify-content: center;
	}
	.fl-right{
		justify-content: flex-end;
	}
/* お庭のお手入れへのこだわり　*/
	.flex-box .box30-45-100 {
	  width: 30%;
	}
/* お庭のお手入れへのこだわり　*/
/* おすすめの植木　*/
	.flex-box .box30-100 {
	  width: 30%;
	}
/* お庭のお手入れへのこだわり　*/
/* 植木・庭木を植えること　*/
/* 人気の植木・庭木の種類　*/
/* 工事の流れ */
	.flex-box .box60-100 {
	  width: 60%;
	}
/* 植木・庭木を植えること　*/
/* 工事の流れ */
/* 作業項目と参考金額*/
	.flex-box .box40-100 {
	  width: 40%;
	}
/* 人気の植木・庭木の種類　*/
	.flex-box .box40-80 {
	  width: 40%;
	}
/*イベント*/
	.flex-box .box90-100 {
	  width: 90%;
	}
/*植木・庭木の植え方*/
/* 作業項目と参考金額*/
	.flex-box .box50-100 {
	  width: 50%;
	}
	/*1年間の作業内容*/
	.flex-box .box30-50 {
	  width: 30%;
	}
	.flex-box .box30 {
	  width: 30%;
	}
	.flex-box .box40 {
	  width: 40%;
	}
/*おすすめの植木*/
	.flex-box .box30-100 img {
	  min-height: 145px;
	  object-fit: cover;
	}
	.flex-box .box100 {
	  width: 100%;
	}
	.flex-box .box50 {
	  width: 50%;
	}

/* ガーデン倶楽部通信　*/
	.flex-box .box40-100-100 {
	  width: 40%;
	}
	.flex-box .box50-100-100 {
	  width: 50%;
	}




	.flex-box .box40-m {
	  width: calc(40% - 0px);
	  margin: 10px;
	}
	.flex-box .box60 {
	  width: calc(60% - 0px);
	}
	.flex-box .box70 {
	  width: calc(70% - 0px);
	}
	.flex-box .box90 {
	  width: calc(90% - 0px);
	}

	.box-green1{
		box-shadow: 2px 2px 4px gray;
		background: #72A049;
		border-radius: 5px;
		padding:10px;
	}
	.box-green1 h1{
		margin: 0;
		padding: 3px 0px 3px 0px;
		font-size: 23px;
		line-height: 45px;
		color: #ffffff;
		text-align: center;

	}
	.box-green1 p{
		font-size: 1em;
		line-height: 1.5em;
		font-weight:900;

	}
	.box-green1 img{
		margin: 0px;
		width:100%;
	}

/****************** フォーム　60th ******************/
/* Contact Form7 */
 
.contactform7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contactform7 dd {
	margin: 0 0 30px 0;
}
.contactform7 dt {
	font-weight: bold;
	margin-bottom: 5px;
}
 
/* 必須マーク */
.contactform7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contactform7 .optional {
	background: #999;
}
 
.contactform7 .must,
.contactform7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	margin-bottom:5px;
	padding: 5px 10px;
	letter-spacing: 2px;
}

/** 求人フォーム **/
.wpcf7 select 
{
	display: inline-block; 
	width:80px;
	padding:0px 0;
	margin:0px 20px 0px 30px;
	vertical-align:middle;
}


/********* episode blog枠************/
.page-episode .recommend .bloglist .card--extend a {
    background-color: #daceba;
}


/********* ex staff ************/

.table-staff{
  border-collapse:collapse;
  margin:0 auto;
}


.table-staff tr:last-child td{
  border-style: none;
}

.table-staff th,.table-staff td{
  border-bottom:1px dashed #999;
  vertical-align: middle;
}

.table-staff th{
  width:108px;
  }

.table-staff td,.table-staff th{
  padding:10px;
  text-align: left;
}


/*スタッフ紹介個人ボックス*/
.staffBox	{
	margin: 10px;
	background-color: #ffffff;
}


	/******* リンク装飾　*******/

	.h-red-f {
		text-decoration: none;
		color:#005DB1;
		
	}
	.h-red-f:hover {
		text-decoration: none;
		color: #FF0000;
	}
	.h-yellow {
		background-color: #ffffff;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.h-yellow:hover {
		text-decoration: none;
		background-color: #F9F585;
	}
	/******* 画像加工　*******/
	/*植木・庭木を植えること*/
	.column-img	{
		max-height: 300px;
		width:100%;
		object-fit: cover;
	}	
	  
		
	/*------------------------------------------------------------
	デバイス別
	-------------------------------------------------------------*/
	/***** 極小デバイス（縦向きモバイル, 576px 未満） *****/
	@media (max-width: 575.98px) {
	.parent {
	/*親要素*/
		position: relative;
		padding: 35px;
		height:620px;
		}
	.absolute {
		width:100%;
		height:100%;
		top:110px;
		left:0;
		position: absolute;
		z-index: 20;
		background-image: url(../images/mai/kanri-re/kanri_img03.png);
		background-repeat: no-repeat;
		background-size:60%;
		}

	.absolute1 {
		width:100%;
		height:100%;
		position: absolute;
		z-index: 10;
		background-image: url(../images/mai/kanri-re/kanri_img02.png);
		background-repeat: no-repeat;
		background-size:70%;
		background-position: right top;
		}

	.absolute2 {
		bottom:0;
		left:0;
		position: absolute;
		z-index: 10;
		}


	/******* 横並びBox　*******/
	/*お庭のお手入れへのこだわり*/
	.flex-box .box30-45-100 {
	  width: 100%;
	}
	
	/*作業項目と参考金額*/
	.box-ad-title .inner1{
		padding: 5.5em 2em 1.2em 2em;
	}	
	.box-ad-title .inner2{
		padding: 7.5em 2em 1.2em 2em;
	}	


	}


	/***** 小デバイス（横向きモバイル, 576px 以上） *****/
	@media (min-width: 576px) and (max-width: 767.98px) {


	.parent {
	/*親要素*/
		position: relative;
		padding: 35px;
		height:620px;
		}
	.absolute {
		width:100%;
		height:100%;
		top:160px;
		left:0;
		position: absolute;
		z-index: 20;
		background-image: url(../images/mai/kanri-re/kanri_img03.png);
		background-repeat: no-repeat;
		background-size:60%;
		}

	.absolute1 {
		width:100%;
		height:100%;
		position: absolute;
		z-index: 10;
		background-image: url(../images/mai/kanri-re/kanri_img02.png);
		background-repeat: no-repeat;
		background-size:70%;
		background-position: right top;
		}

	.absolute2 {
		bottom:0;
		left:0;
		position: absolute;
		z-index: 10;
		}
		
		
	/******* 横並びBox　*******/
	/*お庭のお手入れへのこだわり*/
	.flex-box .box30-45-100 {
	  width: 45%;
	}
	
	}

	/***** 中デバイス（タブレット, 768px 以上）*****/
	@media (min-width: 768px) and (max-width: 991.98px) {


	.parent {
	/*親要素*/
		position: relative;
		padding: 35px;
		height:650px;
	}
	.absolute {
		width:100%;
		height:100%;
		top:200px;
		left:0;
		position: absolute;
		z-index: 20;
		background-image: url(../images/mai/kanri-re/kanri_img03.png);
		background-repeat: no-repeat;
		background-size:60%;
	}

	.absolute1 {
		width:100%;
		height:100%;
		position: absolute;
		z-index: 10;
		background-image: url(../images/mai/kanri-re/kanri_img02.png);
		background-repeat: no-repeat;
		background-size:70%;
		background-position: right top;
		}

	.absolute2 {
		bottom:0;
		left:0;
		position: absolute;
		z-index: 10;
		}

	}









	/* 小デバイス（横向きモバイル, 576px 以上）*/
	@media (min-width: 576px) { 
	/**** ボタン文字サイズ　****/
	/*お手入れメニュー*/
	.btn-border {
		font-size: calc(16px + ((1vw - 6.4px)*3.571));
	}
	/*お庭番1月～12月*/
	.btn-yellow-green {
		font-size: calc(16px + ((1vw - 6.4px)*3.571));
	}
	/*おすすめの植木*/
	.btn-pink {
		font-size: calc(16px + ((1vw - 6.4px)*3.571));
	}
	.btn-green1 {
		font-size: calc(16px + ((1vw - 6.4px)*3.571));
	}
	.btn-common1 {
		font-size: calc(16px + ((1vw - 6.4px)*3.571));
	}
/*★ ウィンドウ幅でコンテンツを表示　*/
	/* 工事の流れ　*/
	.page-mai-flow #content {
		max-width: 100%;
	}
	/* マンション */
	.page-mansion #content {
		max-width: 100%;
	}
	
	}

	/* 中デバイス（タブレット, 768px 以上）*/
	@media (min-width:768px) {

	/*------------------------------------------------------------
	table
	-------------------------------------------------------------*/
	/* 信頼される植木屋さんの選び方　mai*/
	/* お庭のお手入れへのこだわり　mai*/
	table.wp-table-mai {
	width: 90%;
	margin: 40px auto; /*[上下][左右]*/
	border-collapse: collapse; /* 隣接するセルの罫線を重ねて表示する */
	}
	/* 信頼される植木屋さんの選び方　mai*/
	table.wp-table-mai.b-black th{
	padding: 30px; 
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border: 1px solid #666666;
	}
	table.wp-table-mai.b-black td,
	table.wp-table-mai.b-black tr{
	padding: 30px;
	background-color: #ffffff;
	border: 1px solid #666666;
	}

	/* お庭のお手入れへのこだわり　mai*/
	table.wp-table-mai.b-green th{padding: 30px 50px;background-color: #ffffff;color: #000000;font-weight: bold;text-align: center;vertical-align: top;border: 2px solid #72A049;width: 100px;}
	table.wp-table-mai.b-green td,
	table.wp-table-mai.b-green tr{
		background-color: #ffffff;
		border: 2px solid #72A049;
		font-weight:bold;
		text-align: center;
		}

	.mai-child .entry-content .mai2 h3 {
		margin-left: auto;
		}


	/**** ボタン文字サイズ　****/
	/*お手入れメニュー*/
	/*お庭番1月～12月*/
	.btn-yellow-green {
		font-size: 18px; /*最大値*/
	}
	/*おすすめの植木*/
	.btn-pink {
		font-size: 18px; /*最大値*/
	}
	.btn-green1 {
		font-size: 18px; /*最大値*/
	}
	.btn-common1 {
		font-size: 20px; /*最大値*/
	}


	}

	/* 大デバイス（デスクトップ, 992px 以上）*/
	@media (min-width: 992px) {
		
	/*------------------------------------------------------------
	h2
	-------------------------------------------------------------*/
	/* mai*/
	.mai-child .entry-content .mai h2 {
	 border-radius: 0;
	 background: transparent; /* 透明 */
	 background-image: url(../images/common/h-tree02.png);
	 background-repeat: no-repeat;
	 background-position: 3% 100%;
	 color: #654f3a;
	 font-size: 25px;
	 padding: 35px 0px 0px 110px;/*[上][右][下][左]*/
	 margin-bottom: 20px;
	 border-bottom: solid 3px #654f3a;
	}
		
	/* mai 数字*/
	.mai-child .entry-content .mai-count {
		counter-reset: h2;
	}
	.mai-child .entry-content .mai-count h2{
		border-radius: 0;
		background: transparent; /* 透明 */
		display: flex;
		line-height: 4.5rem;
		color: #654f3a;
		font-size: 26px;
		padding: 15px 0px 0px 30px;/*[上][右][下][左]*/
		margin-bottom: 8px;/* 上右下左 */
		border-bottom: solid 3px #654f3a;
	}
	.mai-child .entry-content .mai-count h2:before {
		counter-increment: h2;
		content: counter(h2);
		background-color: #E5E3A7;
		border: solid 3px #CBD0D0;
		-moz-border-radius: 70px;
		-webkit-border-radius: 70px;
		border-radius: 70px;
		box-shadow: 0 0 0 5px #E5E3A7;
		-webkit-box-shadow: 0 0 0 5px #E5E3A7;
		-moz-box-shadow: 0 0 0 5px #E5E3A7;
		color: #4E4E4E;
		text-align: center;
		width: 4.5rem;
		height: 4.5rem;
		line-height: 4rem;
		font-size: 4rem;
		font-family: kazuraki-sp2n, serif;
		font-style: normal;
		font-weight: 300;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.sub-midashi {
		color: #FF5700;
		font-size: 25px;
		text-align:center;
		padding: 10px 10px 10px 10px;/*[上][右][下][左]*/
		/* margin-bottom: 8px; *//* 上右下左 */
		background-color: #FFFFA4;
		border-left: solid 3px #654f3a;
		border-right: solid 3px #654f3a;
		border-bottom: solid 3px #654f3a;
	}

	.parent {
	  /*親要素はrelativeに*/
	  position: relative;
	  padding: 35px;
	  height:450px;
	}
	.absolute {
		width:100%;
		height:100%;
		top:0;
		left:0;
		position: absolute;
		z-index: 20;
		background-image: url(../images/mai/kanri-re/kanri_img01.png);
		background-repeat: no-repeat;
		background-size:60%;
		}

	.absolute1 {
		width:100%;
		height:100%;
	  position: absolute;
		z-index: 10;
	background-image: url(../images/mai/kanri-re/kanri_img02.png);
	background-repeat: no-repeat;
	background-size:50%;
	background-position: right top }

	.absolute2 {
		width:50%;
		bottom:0;
		left:0;
	  position: absolute;
		z-index: 10;
	}

/*おすすめの植木　画像調整*/
	.flex-box .box30-100 img {
	  min-height: 216px;
	  object-fit: cover;
	}

/* ★★★★★　↓↓↓　★★★★★*/
/* 詳しく見るボタン横幅　*/
/* マンション */
.page-mansion .wrapper .more-contents a {
    width: 560px;
}	
/* ★★★★★　↑↑↑　★★★★★*/
	
/* herb-club */
.event-inner h3 {
    background-image: url(../images/common/magnification3.png);
	background-repeat: no-repeat;
	color: #654f3a;
	font-size: 28px;
    line-height: 1.4;
    background-size: 218px 104px;
    background-position: left top 16px;
    padding-top: 10rem;
    padding-right: 0;
}	




	}

	/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
	@media (min-width: 1200px) {

	/**** ボタン文字サイズ　****/
	/*お手入れメニュー*/
	.btn-border {
		font-size: 36px; //最大値
	}
	


	}




	/* 小デバイス（横向きモバイル, 768px 未満）*/	
	@media (max-width: 767.98px) {
		

/* 会社概要 */
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-01 {
    width: 100%;
  }
  .tbl-01 th,
  .tbl-01 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }


	/*------------------------------------------------------------
	table
	-------------------------------------------------------------*/
	/* 信頼される植木屋さんの選び方*/
	/* お庭のお手入れへのこだわり*/
	table.wp-table-mai {
	width: 90%;
	margin: 40px auto; /*[上下][左右]*/
	border-collapse: collapse; /* 隣接するセルの罫線を重ねて表示する */
	}
	/* 信頼される植木屋さんの選び方*/
	table.wp-table-mai.b-black th{
	padding: 30px;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border: 1px solid #666666;
	}
	table.wp-table-mai.b-black td,
	table.wp-table-mai.b-black tr{
	padding: 30px;
	background-color: #ffffff; 
	border: 1px solid #666666; 
	}
	/* お庭のお手入れへのこだわり*/
	table.wp-table-mai.b-green th{
		padding: 10px 0px;
		background-color: #ffffff;
		color: #000000;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		border: 2px solid #72A049;
		width:100px;
		}
	table.wp-table-mai.b-green td,
	table.wp-table-mai.b-green tr{
		background-color: #ffffff; 
		border: 2px solid #72A049; 
		font-weight: bold;
		text-align: center;

	}

	.mai-child .entry-content .mai2 h3 {
		margin-right: auto;
		}



	/* カギ括弧 */
	.parenthesis {
	  width: 100%;
	}


	/******* order: 数字;で順番を指定　*******/
	/*植木・庭木を植えること*/
	.order1 {
	  order: 1;
	}
	.order2 {
	  order: 2;
	}
	.order3 {
	  order: 3;
	}
	.order4 {
	  order: 4;
	}
	.order5 {
	  order: 5;
	}	

	/******* 横並びBox　*******/
	/*お庭のお手入れへのこだわり */
	/*おすすめの植木 */
	.flex-box .box30-100 {
	  width: 100%;
	}
	/*お庭のお手入れへのこだわり */
	/* 植木・庭木を植えること　*/
	.flex-box .box60-100 {
	  width: 100%;
	}
	/* 植木・庭木を植えること　*/
	.flex-box .box40-100 {
	  width: 100%;
	}
	/* 人気の植木・庭木の種類　*/
	.flex-box .box40-80 {
	  width: 80%;
	}
	/*植木・庭木の植え方*/
	.flex-box .box50-100 {
	  width: 100%;
	}
	/*イベント*/
	.flex-box .box90-100 {
	  width: 100%;
	}
	/*1年間の作業内容*/
	.flex-box .box30-50 {
	  width: 50%;
	}




	/*マンション*/
	.flex-box .box40-m{
	  width: calc(100% - 0px);
	  margin: 5px;
	}


	.flex-box .box60 {
	  width: calc(100% - 0px);
	  margin: 5px;
	}
	
	/*作業項目と参考金額*/
	.box-ad-title .inner1{
		padding: 3.5em 2em 1.2em 2em;
	}	



	}

	/* 中デバイス（タブレット, 992px 未満）*/
	@media (max-width: 991.98px) {
	/*------------------------------------------------------------
	見出し　h2、h3
	-------------------------------------------------------------*/
	/* mai*/
	.mai-child .entry-content .mai h2 {
	 border-radius: 0;
	 background: transparent; /* 透明 */
	 background-image: url(../images/common/h-tree02.png);
	 background-repeat: no-repeat;
	 background-position: 3% 100%;
	 background-size:35px 35px;
	 color: #654f3a;
	 font-size: 18px;
	 padding: 15px 0px 0px 60px;/*[上][右][下][左]*/
	 margin-bottom: 20px;
	 border-bottom: solid 3px #654f3a;
	}
	/* mai 数字*/
	.mai-child .entry-content .mai-count {
		counter-reset: h2;
	}
	.mai-child .entry-content .mai-count h2{
		border-radius: 0;
		background: transparent; /* 透明 */
		display: flex;
		line-height: 4rem;
	/*    font-size: 1.8rem;*/
		color: #654f3a;
		font-size: 23px;
		padding: 15px 0px 0px 30px;/*[上][右][下][左]*/
		margin-bottom: 8px;/* 上右下左 */
		border-bottom: solid 3px #654f3a;
	}
	.mai-child .entry-content .mai-count h2:before {
		counter-increment: h2;
		content: counter(h2);
		background-color: #E5E3A7;
		border: solid 3px #CBD0D0;
		-moz-border-radius: 70px;
		-webkit-border-radius: 70px;
		border-radius: 70px;
		box-shadow: 0 0 0 5px #E5E3A7;
		-webkit-box-shadow: 0 0 0 5px #E5E3A7;
		-moz-box-shadow: 0 0 0 5px #E5E3A7;
		color: #4E4E4E;
		text-align: center;
		width: 4rem;
		height: 4rem;
		line-height: 3.5rem;
		font-size: 3rem;
		font-family: kazuraki-sp2n, serif;
		font-style: normal;
		font-weight: 300;
		margin-right: 1.2rem;
		border-radius: 50%;
		flex-shrink: 0;
	}

	.sub-midashi {
		color: #FF5700;
		font-size: 25px;
		text-align:center;
		padding: 10px 5px 10px 5px;/*[上][右][下][左]*/
	/*	  margin: 0 0 0 -20px;*/
	/*  width: calc(100% + 40px);*/

		/* margin-bottom: 8px; */
		background-color: #FFFFA4;
		border-bottom: solid 3px #654f3a;
	}


	.ribbon1 {
	  display: inline-block;
	  position: relative;
	  box-sizing: border-box;
	  padding: 5px 0;
	  margin: 0 0 0 -10px;
	  width: calc(98% + 20px);
	  color: #654f3a;
	}

	.photo-s, .photo-s3  {
	  width:100%;
	  display: inline-block;
	  position: static;
	  padding: 10px 20px;
	  margin: 0px;
	  text-align: center;
	}

	.effect1 {
		padding: 5px;
		margin:5px;
		background-color: #FFFFFF;
		width:45%;
	}

	.midashi1-box {
	  display: inline-block;
	  vertical-align: middle; 
	   margin: 0 auto;
	  width: 25%;
	}

	.text1 {
	  display: inline-block;
	  vertical-align: middle; 
	  width: 100%;
	  text-align: left;
	  padding:20px 20px 0px 20px;
	}

	 .midashi2 {
	  display: inline-block;
	  vertical-align: middle; 
	   margin: 0 auto;
	  width: 100%;
	  text-align: center;
	}

	.text2 {
	  display: inline-block;
	  vertical-align: middle; 
	  width: 100%;
	  text-align: left;
	}

/* ガーデン倶楽部通信　*/
	.flex-box .box40-100-100 {
	  width: 100%;
	}
	.flex-box .box50-100-100 {
	  width: 100%;
	}
	
/* herb-club */
.event-inner h3 {
    background-image: url(../images/common/magnification2.png);
    background-repeat: no-repeat;
    background-size: 131px 63px;
    background-position: right top;
    color: #654f3a;
    font-size: 28px;
    line-height: 1.4;
    padding-right: 50%;
}
	}


	/* 大デバイス（デスクトップ, 1200px 未満）*/
	@media (max-width: 1199.98px) {



	}