@charset "utf-8";
/* sub共通 */
article {
	background-image: url(../../assets/img/pattern02.png);
	background-repeat: repeat;
	padding: 2em 0 3em 0;
}
h2 {
	text-align: center;
	margin: 2em 0 1.25em 0;
}
.orange {
	color: #ef9c2e;
}
table {
	border-collapse: collapse;
	border: solid 2px #6a8956;/*表全体を線で囲う*/
	background: #fff;
	margin-bottom: 3em;
}
table th, table td {
	border: solid 1px #6a8956;
	padding: 0.5em 0.5em;
}
.text_center {
	text-align: center;
}
.h2_sub {
	margin-top: 0;
}
.box_green {
	/* border: solid 1px #6a8956; */
	border-radius: 0.2em;/*角の丸み*/
	box-shadow: 2px 2px 2px #6a8956;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(../../assets/img/pattern04.png);
	background-repeat: repeat;
}
.box_green {
	padding: 3em;
}
.left, .right {
	color: #fff;
	background: #5e5e5e;
	margin: 0 auto;
	text-align:center;
	position:relative;
	top:-0.5em;
}
.right {
	background: #ef9c2e;
}
.light h4 {
	margin: 1em 0 1em 1em;
	text-indent: 0.5em;
}
.wide50 {
	width: 50%;
}
.circle{
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background: #6a8956;
	margin-right: 0.3em;
	vertical-align: middle;
}
.p_green {
	text-align: center;
	border-bottom: solid 1px;
	border-top: solid 1px;
	padding: 0.5em 0;
	margin: 1em 0 3em 0;
	/*background-color: rgba(255,255,255,0.8); */
}
.example_t {	
	/* background-color: rgba(255,255,255,0.8); */
	margin-top: 1em;
	padding: 1em;
}
.light {
	background-color: #F4FCED;
}
.img_padding {
	padding: 0.5em;
}
/* 施工例 */
.sub_wrapper {
	margin-bottom: 3em;
}
/* お問合わせ */
.box_green dt, .box_green dd {
	padding: 0.5em 0;
	text-indent: 0.5em;
	text-align: left;
}
.box_green dl {
	padding-left: 2em;
}
.space_top {
	margin-top: 3em;
}
.img_margin_contact {
	width: 60%;
	margin: 2em auto;
}
/* 植木・庭木の剪定 */
.p_heading {
	margin-bottom: 0.5em;
	text-indent:1em;
}
.p_heading2 {
	margin:3em 0 0.5em 0;
	text-indent: 1em;
}
/* 庭木のトラブル */
.trouble_margin li {
	margin-bottom: 0.5em;
	text-indent: 1em;
}
.detail h4 {
	margin:2em 0 1em 0;
	text-indent: 1.5em;
}
.trouble_margin {
	margin-bottom: 2em;
}
.img_padding_trouble {
	padding: -0.5em -0.5em;
}	
/* アイコン */
.icon_box {
	width: 100%;
	height: 4em;
}
.icon_title {
	width: 4em;
	height: 4em;
	background: no-repeat center/70%;
}
.i_pruning {
	background-image: url(../img/i_pruning.png);
	margin: 0 auto;
}
.i_felling {
	background-image: url(../img/i_felling.png);
	margin: 0 auto;
}
.i_grass {
	background-image: url(../img/i_grass.png);
	margin: 0 auto;
}
.i_disinfection {
	background-image: url(../img/i_disinfection.png);
	margin: 0 auto;
}
.i_landscaping {
	background-image: url(../img/i_landscaping.png);
	margin: 0 auto;
}
.i_maintenance {
	background-image: url(../img/i_maintenance.png);
	margin: 0 auto;
}
.i_garbage {
	background-image: url(../img/i_garbage.png);
	margin: 0 auto;
}
.i_trouble {
	background-image: url(../img/i_trouble.png);
	margin: 0 auto;
}
/* イラスト */
.ill_box {
	width: 100%;
	height: 7em;
}
.icon_ill {
	height:7em;
	background: no-repeat center/100%;
	background-size: contain;
}
.gra_plant {
	background-image: url(../../grass/assets/img/gra_plant.png);
	margin: 0 auto;
}
.ill_box_landscaping {	
	width: 100%;
	height: 310px;
	background: url(../../landscaping/assets/img/landscaping.jpg);
	margin: 0 auto;
	background-size: cover;
	border: solid 2px #6a8956;/*表全体を線で囲う*/
}
.ill_box_maintenance{
	width: 100%;
	height: 500px;
	background: url(../../maintenance/assets/img/maintenance.jpg);
	margin: 0 auto;
	background-size: cover;
	border: solid 2px #6a8956;/*表全体を線で囲う*/
}
.ill_box_trouble {
	width: 100%;
	height: 370px;
	background: url(../../trouble/assets/img/trouble_after.jpg);
	margin: 0 auto;
	background-size: cover;
	border: solid 2px #6a8956;/*表全体を線で囲う*/
}
/*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*//*スマホ*/
@media screen and (max-width:750px){
.box_green {
	width:95%;
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 3em 1em 2em 1em;
}
.box_green table {
	margin: 0 auto;
	margin-bottom: 2em;
}
.example_d {
	display: flex;
	position:relative;
}
.example_d img {
	margin: 0 auto;
}
.ml {
	margin-right: 0.1em;
}
}
/* PC Document *//* PC Document *//* PC Document *//* PC Document *//* PC Document *//* PC Document */
@media screen and (min-width:751px){	
.box_green {
	margin: 0 auto;
	width:80%;
} 
.box_green table {
	margin: 0 auto;
	width:90%;
}
.example_d {
	display: flex;
	position:relative;
}
.example_d img {
	margin: 0 auto;
}
.ml {
	margin-right: 0.3em;
}
.page_example li {
	margin-bottom: 5em;
}
.absolute_sub {
	position: absolute;
	left: 48em;
	width: 20%;
	z-index: 100;
}
.p_heading, .p_heading2 {
	text-indent: 2.5em;
}
.ill_box_landscaping {	
	height: 31.5em;
}
.ill_box_maintenance{
	height: 45em;
}
.ill_box_trouble {
	width: 100%;
	height: 35em;	
}
.ill_box_contact {
	width: 50%;
	height: 18em;
}
.box_senter {
	display: inline-block;
}
}
@media screen and (min-width:750px){
#nav-open {
    display:none;
}
}