@charset "utf-8";
/* CSS Document */

/*------------------------------------------
  共通
------------------------------------------*/
body.page .content-wrapper,
body.single-c_works .content-wrapper {
	float: none;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
body.single-c_works .sidebar-wrapper {
	display: none;
}

/*------------------------------------------
  草刈り・伐採ページ
------------------------------------------*/
#wrap_mowing .boxA,
#wrap_mowing .boxB {
	margin-bottom: 100px;
}
#wrap_mowing .txt {
	margin-bottom: 20px;
}
#wrap_mowing .txt ul {
	margin-left: 0;
	margin-bottom: 30px;
}
#wrap_mowing .txt ul li {
	font-size: 20px;
	color: #333;
	padding-left: 50px;
	background: url(images/listicon01.png) no-repeat left center;
	min-height: 30px;
	margin: 0 0 20px 0;
	list-style-type: none;
	line-height: 1.5;
}


/*その他ページと共通*/
#wrap_mowing .phbox,
#wrap_other .phbox {
	display: flex;
	flex-wrap: wrap;
}
#wrap_mowing .phbox .box,
#wrap_other .phbox .box {
	width: 25%;
	padding: 0 2px 4px;
}

/*------------------------------------------
  その他ページ
------------------------------------------*/
#wrap_other .boxA {
	margin-bottom: 100px;
}
#wrap_other .boxA .wrap {
	display: flex;
	flex-wrap: wrap;
}
#wrap_other .boxA .box {
	width: 50%;
}
#wrap_other .boxA .txt {
	padding-right: 50px;
}
#wrap_other .boxA .ph {
	padding-left: 50px;
}

#wrap_other .boxB .txt {
	margin-bottom: 20px;
}

/*------------------------------------------
  料金・プランページ
------------------------------------------*/
#wrap_price .telnum {
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #01a369;
}
#wrap_price .telnum i {
	margin-right: 5px;
}
#wrap_price .boxA ul {
	margin-left: 0;
}
#wrap_price .boxA ul li {
	list-style-type: none;
	margin-bottom: 0;
}

/*流れ*/
.flowwrap {
}
.flowwrap .box {
	border: 1px solid #01a369;
	padding: 50px;
}
.flowwrap .inner {
}
body.page .page-content .flowwrap h3 {
	margin: 0 0 30px;
	border-bottom: 2px solid #01a369;
	padding-bottom: 10px;
}
body.page .page-content .flowwrap h3 span {
	margin-right: 10px;
	color: #01a369;
}
.flowwrap .flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flowwrap .flexbox .txt {
	width: 70%;
	padding-right: 20px;
}
.flowwrap .flexbox .ph {
	text-align: center;
	width: 30%;
	padding-left: 30px;
}
.flowwrap .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 100px solid transparent;
	border-left: 100px solid transparent;
	border-top: 50px solid #c6e8dc;
	border-bottom: 0;
	margin: 0 auto;
}


/*------------------------------------------
  施工事例ページ
------------------------------------------*/
body.page-id-86 .page-title h1 span.cate,
body.page-id-88 .page-title h1 span.cate {
	display: none;
}

#wrap_wrklist {
}
#wrap_wrklist .wrap {
}
#wrap_wrklist .wrap ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
#wrap_wrklist .wrap ul li {
	width: 25%;
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0 5px;
}
#wrap_wrklist li .inner {
}
#wrap_wrklist li .ph {
	text-align: center;
	margin-bottom: 5px;
}
#wrap_wrklist li .ph img {
	object-fit: cover;
	width: 100%;
	height: 180px;
}
.page-content #wrap_wrklist li h3 {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 400;
	color: #333;
}
.page-content #wrap_wrklist li h3:before {
	display: none;
}
#wrap_wrklist .btnbox,
#wrap_works .btnbox  {
	text-align: center;
	margin-top: 30px;
}
#wrap_wrklist .btnbox .inner,
#wrap_works .btnbox .inner {
	display: inline-block;
	background-color: #01a369;
	padding: 10px 20px;
	border-radius: 5px;
}
#wrap_wrklist .btnbox a,
#wrap_works .btnbox a {
	color: #fff;
}
#wrap_wrklist .btnbox a:hover,
#wrap_works .btnbox a:hover {
	opacity: 0.8;
}

/*詳細ページ--------------------*/
body.single-c_works #page {
	padding-top: 40px;
}
#wrap_works {
	padding-bottom: 50px;
}
#wrap_works .wrap {
	margin: 0 auto 30px;
}
#wrap_works .wrap .phone .ph {
	text-align: center;
	/*height: 600px;*/
	overflow: hidden;
}
#wrap_works .wkslist {
	margin-bottom: 30px;
}
#wrap_works .wkslist ul {
	display: flex;
	flex-wrap: wrap;
}
#wrap_works .wkslist ul li {
	width: 12.5%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}
#wrap_works .wkslist ul li img {
	object-fit: cover;
	width: 100%;
	height: 130px;
}
#wrap_works .combox {
	background-color: #F2F2F2;
	padding: 30px;
}


.balink .post-navigation {
	width: 100%;
	margin-top: 30px;
	float: none;
}
.balink .post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
}
.balink .post-navigation .nav-links .nav-previous,
.balink .post-navigation .nav-links .nav-next {
	width: 50%;
	font-size: 14px;
	line-height: 1.4;
}
.balink .post-navigation .nav-links .nav-previous {
	padding-right: 10px;
}
.balink .post-navigation .nav-links .nav-next {
	text-align: right;
	padding-left: 10px;
}
.balink .post-navigation .nav-links .nav-previous:before {
	content: "<<";
	color: #01a369;
	padding-right: 5px;
}
.balink .post-navigation .nav-links .nav-next:after {
	content: ">>";
	color: #01a369;
	padding-left: 5px;
}

/*before after*/
#wrap_works .bawrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}
#wrap_works .bawrap h3 {
	margin: 0;
	font-size: 20px;
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	font-weight: 500;
}
#wrap_works .bawrap .ph {
	text-align: center;
}
#wrap_works .bawrap .ph img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
#wrap_works .bawrap .box {
	width: 50%;
	text-align: center;
}
#wrap_works .bawrap .ph01 {
	padding-right: 20px;
}
#wrap_works .bawrap .ph02 {
	padding-left: 20px;
}

/* 施工事例草刈り・伐採 */


/* その他事業 */

/*------------------------------------------
  ページ
------------------------------------------*/


/*------------------------------------------
  ページ
------------------------------------------*/


/*------------------------------------------
  ページ
------------------------------------------*/


/*------------------------------------------
  ページ
------------------------------------------*/


/*------------------------------------------
  よくある質問ページ
------------------------------------------*/
.faqlist {
    /*max-width: 80%;*/
	margin: 0 auto;
}
.faqlist .list {
    border: 2px solid #87d0b6;
	margin-bottom: 20px;
}
.faqlist .list summary {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    position: relative;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
	background-color: #f1fffa;
}
.faqlist .list summary::-webkit-details-marker {
    display: none;
}
.faqlist .list summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #01a369;
    border-right: 3px solid #01a369;
    content: '';
    transition: transform .3s;
	
	position: absolute;
	right: 15px;
}
.faqlist .list[open] summary::after {
    transform: rotate(225deg);
}
.faqlist .list summary .title {
	width: 98%;
}
.faqlist .list summary span {
	padding-right: 10px;
	font-size: 120%;
	color: #01a369;
}
.faqlist .list .txt {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 10px 20px;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.faqlist .list[open] .txt {
    transform: none;
    opacity: 1;
}
.faqlist .list .txt p {
	margin: 0;
}
.faqlist .list .txt ol {
	margin-top: 10px;
}

/*------------------------------------------
  お客様の声ページ
------------------------------------------*/
#wrap_voice {
}
#wrap_voice ul {
	margin: 0;
	padding: 0;
}
#wrap_voice ul li {
	list-style-type: none;
	margin: 20px 0;
	background-color: #EAF5FF;
	padding: 40px;
}
#wrap_voice li .box h3 {
	margin: 0 0 20px;
	font-size: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #01a369;
}
#wrap_voice li .box h3:before {
	top: 5px;
}

/*------------------------------------------
  会社概要ページ
------------------------------------------*/
#greeting {
	margin-bottom: 100px;
}
#wrap_company .infoarea {
	margin-bottom: 100px;
}



/*------------------------------------------
  投稿系
------------------------------------------*/

/*一覧ページ*/


/*詳細ページ*/
.post-bottom-strip {
	display: none;
}