@charset "UTF-8";
/*

	サービス案内
	企業・自治体のお客様
	個人のお客様向け
	竹林被害でお困りの方へ

*/
.topInner { padding-top: 40px; }
@media screen and (max-width: 767px) { .topInner .topInner { padding-top: 20px; } }

/*------------------------------------------
	serviceBox01
------------------------------------------*/
.serviceBox01 .topTxt { margin-bottom: 100px; }
.serviceBox01 .serviceBox01Sub + .serviceBox01Sub { margin-top: 100px; }
@media screen and (max-width: 767px) { .serviceBox01 .topTxt { margin-bottom: 50px; }
  .serviceBox01 .serviceBox01Sub + .serviceBox01Sub { margin-top: 50px; } }

/*	servicePoint
---------------------------*/
.servicePoint dt { clear: both; float: left; color: #0058A2; width: 100px; height: 100px; padding-top: 15px; margin-bottom: 50px; text-align: center; font-size: 13px; font-weight: bold; line-height: 1.2; border: 1px solid #0058A2; }
.servicePoint dt span { display: block; font-size: 50px; }
.servicePoint dd { float: right; width: 90%; width: calc(100% - 130px); color: #0058A2; font-size: 20px; font-weight: bold; margin: 12px 0 50px 0; }
@media screen and (max-width: 767px) { .servicePoint dt { float: none; width: 50px; height: 50px; font-size: 10px; padding-top: 5px; margin: 0 auto 10px 0; }
  .servicePoint dt span { font-size: 25px; }
  .servicePoint dd { width: 100%; font-size: 14px; margin: 0 auto 30px; } }

/*	serviceColumn
---------------------------*/
.serviceColumn { width: 49.5%; float: left; margin-bottom: 20px; overflow: hidden; border: 1px solid #C8C8C8; }
.serviceColumn:nth-of-type(even) { float: right; }
.serviceColumn .txtBox { width: 50%; float: right; }
.serviceColumn .txtBox .ttl { color: #fff; font-size: 18px; font-weight: bold; padding: 8px 15px; background: #0058A2; }
.serviceColumn .txtBox ul { padding: 15px; }
.serviceColumn .txtBox ul li { font-size: 13px; padding-left: 15px; position: relative; }
.serviceColumn .txtBox ul li:before { content: "・"; display: block; position: absolute; left: 0; top: 0; }
.serviceColumn .imgBox { width: 50%; float: left; }
.serviceColumn .imgBox img { width: 100%; }
@media screen and (max-width: 767px) { .serviceColumn { margin-bottom: 1%; }
  .serviceColumn .txtBox { width: 100%; float: none; }
  .serviceColumn .txtBox .ttl { font-size: 16px; }
  .serviceColumn .txtBox ul { padding: 10px 5px; }
  .serviceColumn .imgBox { width: 100%; float: none; } }
@media screen and (max-width: 414px) { .serviceColumn { width: 100%; float: none !important; margin-bottom: 15px; } }

/*	priceData01
---------------------------*/
.priceData01 td { text-align: center; font-weight: 500; }
.priceData01 td:nth-of-type(1) { border-right: 1px solid #C8C8C8; }
@media screen and (max-width: 767px) { .priceData01 { border: none; }
  .priceData01 td { border: 1px solid #C8C8C8; }
  .priceData01 td:nth-of-type(1) { border-bottom: none; }
  .priceData01 th { font-size: 18px; padding-top: 30px; text-align: center; border: none; } }

/*	priceData02
---------------------------*/
.priceData02 th { width: 360px; }
.priceData02 td { text-align: center; font-weight: 500; }

/*# sourceMappingURL=service.css.map */