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


/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/


@media (max-width: 1600px) {
	section#team #topprom .txt {
		padding-left: 4%;
		padding-right: 4%;
	}	

/*------------------------------------*/
}

@media (max-width: 1200px) {
	#wrap_other .boxA {
		margin-bottom: 50px;
	}
	#wrap_other .boxA .txt {
		padding-right: 25px;
		width: 60%;
	}
	#wrap_other .boxA .ph {
		width: 40%;
		padding-left: 25px;
	}
	
	section#team #topprom .txt {
		padding-left: 2%;
		padding-right: 2%;
	}	
	section#team #topprom .txt .title {
		margin-bottom: 20px;
	}
	section#team #topprom .num {
		font-size: 60px;
	}
	
	#wrap_topservice li h3 {
		font-size: 24px;
	}
	
	#toparea {
		background-size: 60%;
		background-position: right top;
		padding-top: 50px;
		padding-bottom: 150px;
	}
	#toparea h2 {
		font-size: 36px;
	}
	
	section#topinfoarea .infotxt {
		width: 60%;
	}
	section#topinfoarea .gmap {
		width: 40%;
	}

/*------------------------------------*/
}

@media (max-width: 1140px) {
	section#testimonials .phbox {
		width: 40%;
	}
	section#testimonials .txtbox {
		width: 60%;
	}
	
/*------------------------------------*/
}

@media (max-width: 1077px) {
	section#team #topprom h3 {
		font-size: 24px;
	}
	section#team #topprom .num {
		font-size: 60px;
	}

/*------------------------------------*/
}

/*1024px～スマホ用メニュー表示*/
@media (max-width: 1024px) {
	#sitedesc {
		display: none;
	}
	#logo img,
	.header.smaller #logo img {
		width: 80%;
		height: auto;
	}
	.header.smaller #logo,
	.smaller #main-menu-wrapper {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	a#pull::after {
		line-height: 1.3;
	}
	
	#slider-div h2.title {
		letter-spacing: 0;
		margin-bottom: 20px;
	}
	#slider-div h2.title .maintitle {
		font-size: 36px;
		line-height: 1.5;
	}
	#slider-div h2.title .sub {
		font-size: 20px;
	}
	.slider-button a.theme-slider-button {
		padding: 10px 30px;
	}
	.slider-button a.theme-slider-button:before,
	.slider-button a.theme-slider-button:after {
		display: none;
	}
	
	section#ribbon,
	section#team,
	section#testimonials,
	section#latest-post,
	section#woo-section,
	section#contact,
	
	section#topnews {
	}
	
	body.home section h2,
	section#ribbon .ribbon-content h2,
	#toparea h2 {
		font-size: 34px;
	}
	section#testimonials {
		padding-top: 50px;
	}
	section#team {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	section#ribbon {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	section#latest-post {
		padding-top: 20px;
	}
	section#team .container .txtbox {
		width: 90%;
	}
	
	section#ribbon .header-button.left-button {
		margin-top: 0;
	}
	section#ribbon .ribbon-button {
		padding-top: 10px;
	}
	
	#wrap_topservice li .txtbox {
		width: 90%;
	}
	
	#ptitle {
		height: 250px;
	}
	body.page .svg_enable .page-content {
		padding-bottom: 0;
		padding-top: 0;
	}
	#wrap_mowing .boxA,
	#wrap_mowing .boxB {
		margin-bottom: 50px;
	}
	body.page .page-content h2 {
		margin-bottom: 30px;
		font-size: 30px;
	}
	body.page .page-content h3 {
		font-size: 22px;
		padding-left: 24px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	body.page .page-content h3::before {
		width: 16px;
		height: 16px;
		top: 8px;
	}
	
	#wrap_price .telnum {
		font-size: 26px;
	}
	
	#greeting {
		margin-bottom: 50px;
	}
	
	body.single-c_works #page {
		padding-top: 20px;
	}
	#wrap_works .bawrap,
	#wrap_works .wrap {
		margin-bottom: 10px;
	}
	#wrap_works .bawrap .ph img {
		height: 300px;
	}
	#wrap_works .bawrap .ph01 {
		padding-right: 5px;
	}
	#wrap_works .bawrap .ph02 {
		padding-left: 5px;
	}
	#wrap_works .wkslist ul li img {
		height: 100px;
	}
	#wrap_works .combox {
		padding: 20px;
	}
	
	#wrap_works .wrap .phone img {
    }
	
	
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(n),
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(2n),
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(3n) {
		width: 33.3%;
	}
	
/*------------------------------------*/
}

@media (max-width: 1000px) {
	.sidebar-wrapper,
	.svg_enable .sidebar-wrapper {
		max-width: 100%;
	}
	#wrapsideba {
		padding-top: 0;
	}
/*------------------------------------*/
}

@media (max-width: 950px) {
	section#testimonials .txtbox h3 {
		font-size: 24px;
	}
	section#testimonials .phbox {
		padding-right: 30px;
	}
	section#testimonials .txtbox ul li {
		font-size: 18px;
		padding-left: 40px;
	}
	
	section#team #topprom .txt {
		width: 60%;
	}
	section#team #topprom .ph {
		width: 40%;
	}
	
/*------------------------------------*/
}

@media (max-width: 880px) {
	#slider-div h2.title .maintitle {
		font-size: 30px;
	}
	#slider-div h2.title .sub {
		font-size: 18px;
	}
	
	section#testimonials .wrap {
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	section#testimonials .txtbox,
	section#testimonials .phbox {
		width: 100%;
		padding: 0;
	}
	
	#wrap_topservice ul a.img-box {
		width: 50%;
	}
	
	#toparea {
		padding-top: 0;
		padding-bottom: 60px;
	}
	#toparea h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	section#latest-post .works_list li {
		width: 240px;
	}
	section#latest-post .works_list .ph {
		height: 160px;
	}
	
	section#topinfoarea .wrap {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	section#topinfoarea .infotxt,
	section#topinfoarea .gmap {
		width: 100%;
		padding: 0;
	}
	section#topinfoarea .infotxt {
		margin-bottom: 30px;
	}
	section#topinfoarea .infotxt th {
		width: 30%;
	}

/*------------------------------------*/
}

@media (max-width: 790px) {
	#wrap_mowing .boxC h2 {
		text-align: left;
	}
	#wrap_mowing .boxC h2 br {
		display: none;
	}

/*------------------------------------*/
}

@media (max-width: 780px) {
	section#services .service-block {
		width: 90%;
		padding-top: 30px;
	}

/*------------------------------------*/
}

@media (max-width: 767px) {
	#wrap_works .wkslist ul li img {
		height: 80px;
	}
	
	#wrap_wrklist .wrap ul li {
		width: 33.3%;
	}
	
	#wrap_company .infoarea {
		margin-bottom: 50px;
	}
	
	#wrap_other .boxA .txt,
	#wrap_other .boxA .ph {
		width: 100%;
		padding: 0;
	}
	#wrap_other .boxA .ph {
		text-align: center;
	}
	
	#wrap_mowing .phbox .box,
	#wrap_other .phbox .box {
		width: 50%;
	}
	body.page .page-content h2 {
		font-size: 24px;
	}
	body.page .page-content h3 {
		font-size: 18px;
		padding-left: 21px;
	}
	body.page .page-content h3::before {
		width: 14px;
		height: 14px;
		top: 6px;
	}
	
	#wrap_mowing .txt ul li {
		font-size: 18px;
		background-size: 25px;
		background-position: left 10px;
		margin-bottom: 10px;
		padding-left: 35px;
	}
	
	body.page .content table.price {
		overflow: hidden;
		
	}
	body.page .content table.price th,
	body.page .content table.price td {
		width: 100%;
		float: left;
	}
	.flowwrap .box {
		padding: 30px;
	}
	body.page .page-content .flowwrap h3 {
		margin-bottom: 20px;
	}
	.flowwrap .flexbox .ph {
		padding-left: 0;
	}
	
	
	.pc,
	#sidebtn {
		display: none;
	}
	.sp {
		display: block;
	}
	#spbtn {
		display: inline-block;
		position: fixed;
		background-color: #01a369;
		bottom: 0;
		z-index: 99;
		width: 100%;
		height: auto;
	}
	#spbtn ul {
		display: flex;
		flex-wrap: wrap;
	}
	#spbtn ul a {
		width: 50%;
	}
	#spbtn ul li {
		text-align: center;
		padding: 10px;
		color: #fff;
		border: 1px solid #fff;
	}
	#spbtn ul li i {
		font-size: 20px;
		padding-right: 3px;
	}
	#fcopy {
		display: none;
	}
	#wrap_f {
		padding-bottom: 40px;
	}
	
	#logo img,
	.header.smaller #logo img {
		width: 60%;
	}
	#ptitle {
		height: 200px;
	}
	.page-title h1.title,
	#ptitle .archive-title h1 {
		font-size: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.page .page-content h2 {
		margin-bottom: 20px;
	}
	
	
	svg.oneline-svg,
	body.home .svg-top-container {
		display: none;
	}
	
	body.home section h2 {
		font-size: 30px;
	}
	section#testimonials {
		padding-bottom: 50px;
	}
	section#testimonials .wrap {
		width: 90%;
	}
	section#testimonials .titlebox {
		margin-bottom: 30px;
	}
	section#testimonials .tate h2 {
		writing-mode: unset;
		margin: 0 auto;
		text-align: center;
	}
	section#testimonials h4 {
		margin-bottom: 0;
	}
	section#testimonials .tate h2 br {
		/*display: none;*/
	}
	
	section#team {
		padding-bottom: 0;
	}
	section#team .container .txtbox {
		margin-bottom: 30px;
	}
	section#team #topprom {
		border-top: 1px solid #509d82;
	}
	section#team #topprom .box {
		display: block;
	}
	section#team #topprom .txt,
	section#team #topprom .ph {
		width: 100%;
	}
	section#team #topprom .txt {
		padding-left: 4%;
		padding-right: 4%;
	}
	section#team #topprom .num {
		width: 12%;
		font-size: 50px;
	}
	section#team #topprom h3 {
		width: 85%;
	}
	section#team #topprom h3 br {
		display: none;
	}
	section#team #topprom .com {
		padding-left: 0;
	}
	
	section#ribbon {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	section#ribbon .ribon-box .txtbox {
		width: 90%;
		font-size: 16px;
	}
	section#ribbon .ribbon-content h2 {
		font-size:24px;
	}
	
	section#topnews {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	section#topnews .newslist ul li {
		display: block;
	}
	section#topnews .newslist li .date,
	section#topnews .newslist li .newstitle {
		width: 100%;
	}
	#wrap_home .title {
		margin-bottom: 30px;
	}
	section#topnews .morebtn {
		margin-top: 30px;
	}
	
	section#topinfoarea {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	section#topinfoarea .wrap {
		width: 96%;
	}
	section#topinfoarea .infotxt td .sp {
		display: inline-block;
	}
	
	
	#toparea {
		padding-bottom: 40px;
	}
	
	
	.footer {
		padding-bottom: 10px;
		padding-top: 30px;
	}
	#wrap_f .container {
		width: 96%;
	}
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(n),
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(2n) {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(3n) {
		width: 100%;
	}
	#fbtn {
		/*display: flex;
		flex-wrap: wrap;*/
		text-align: center;
	}
	#fbtn .btnbox {
		width: 100%;
	}
	#fbtn .btn01 {
		display: none;
	}
	#fbtn .btn02 {
		padding: 0;
	}
	
	.post-heading h2,
	.post-heading h2 a {
		font-size: 24px;
	}

/*------------------------------------*/
}

@media (max-width: 660px) {
	section#testimonials .wrap {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#toparea .txtbox {
		padding-left: 5%;
		padding-right: 5%;
	}

/*------------------------------------*/
}

@media (max-width: 600px) {
	#wrap_works .bawrap h3 {
		font-size: 18px;
	}
	#wrap_works .bawrap .ph img {
		height: 220px;
	}
	#wrap_works .wkslist ul li {
		width: 20%;
	}
	
	#wrap_wrklist .wrap ul li {
		width: 50%;
	}
	
	body.page .content table {
		overflow: hidden;
	}
	body.page .content tr {
		background-color: inherit;
	}
	body.page .content th,
	body.page .content td {
		float: left;
		width: 100%;
	}
	body.page .content th {
		background-color: #f0f0f0;
	}
	
	
	.flowwrap .flexbox .txt,
	.flowwrap .flexbox .ph {
		padding: 0;
		width: 100%;
	}
	.flowwrap .flexbox .txt {
		margin-bottom: 15px;
	}
	
	#ptitle {
		height: auto;
	}
	.page-title h1.title,
	#ptitle .archive-title h1 {
		padding: 70px 20px 40px;
		font-size: 24px;
	}
	
	body.home section h2 {
		font-size: 24px;
	}
	
	section#testimonials .txtbox h3,
	section#team #topprom h3 {
		font-size: 18px;
	}
	
	section#testimonials .txtbox ul {
		margin-bottom: 20px;
	}
	section#testimonials .txtbox ul li {
		background-size: 26px;
		padding-left: 30px;
		margin-bottom: 10px;
		line-height: 1.3;
		background-position: left 5px;
	}
	
	section#team .titlebox {
		width: 90%;
		margin: 0 auto 30px;
	}
	section#team h2 br {
		display: none;
	}
	section#team #topprom .txt .title {
		display: block;
	}
	section#team #topprom .num,
	section#team #topprom h3 {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	section#team #topprom .num {
		margin-bottom: 10px;
		font-size: 60px;
		font-size: 40px;
	}
	section#team #topprom h3 br {
		display: block;
	}
	
	#wrap_topservice ul {
		width: 80%;
		margin: 0 auto;
	}
	#wrap_topservice ul a.img-box {
		width: 100%;
	}
	#wrap_topservice li h3 {
		font-size: 28px;
	}
	#wrap_topservice li .txtbox {
		font-size: 18px;
	}
	
	
	#wrap_f .container {
		width: 90%;
	}
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(n),
	.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(2n) {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#fbtn .btn01,
	#fbtn .btn02 {
		padding: 0;
	}
	#fbtn .btn01 .sub {
		padding-right: 10px;
		line-height: 1.5;
	}
	
/*------------------------------------*/
}

@media (max-width: 500px) {
	section#topinfoarea .wrap {
		width: 100%;
	}
	section#topinfoarea .infotxt table {
		overflow: hidden;
	}
	section#topinfoarea .infotxt th,
	section#topinfoarea .infotxt td {
		width: 100%;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	section#topinfoarea .infotxt tr:nth-child(2n) {
		background-color: rgba(255, 255, 255, 0);
	}
	section#topinfoarea .infotxt th {
		background-color: #666;
		color: #fff;
	}
	section#topinfoarea .infotxt td {
		background-color: #fff;
	}

/*------------------------------------*/
}

@media (max-width: 480px) {
	section#services .service-block {
		max-width: 100%;
	}
	#wrap_topservice ul {
		width: 100%;
	}
	#wrap_topservice li .txtbox {
		width: 80%;
	}
	.footer-widget-column {
		text-align: left;
	}
	#spbtn ul li span {
		display: none;
	}
	#spbtn ul li i {
		padding: 0;
		font-size: 30px;
	}
	
	#wrap_works .bawrap .ph img {
		height: 180px;
	}

/*------------------------------------*/
}

@media (max-width: 400px) {
	#wrap_works .bawrap .ph img {
		height: 160px;
	}
	#wrap_works .wkslist ul li img {
		height: 70px;
	}

/*------------------------------------*/
}