/*
 Theme Name:   kato
 Template:     onepress
 Version:      2.2.7
*/

/* Add your custom css below
-------------------------------------------------------------- */
body, button, input, select, textarea {
	font-family: Lato,'Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: Lato,'Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*---ヘッダーロゴ　メニュー-----------------------------------------------*/
.has-logo-img {
	  margin-top: 6px;
  margin-bottom: 10px;
}
.site-header {
  line-height: 98px;
}

/*---ヘッドライン-----------------------------------------------------------------------*/
.head_line{
margin:  0;                 /* デフォルトCSS打ち消し */
font-size:  20px;           /* 文字サイズ指定 */
border-bottom: solid 1px #ccc;   /* 線指定 */
padding-bottom:  5px;       /* 余白指定 */
margin-bottom: 15px;        /* 周りの余白指定 */
position:  relative;        /* 位置調整 */
font-weight:  bold;       /* 文字の太さ調整 */
}
p {
margin:  0;                 /* デフォルトCSS打ち消し */
line-height: 1.6;             /* 行間調整 */
}
.head_line:before {
content:  '';                   /* 空白の要素を作る */
width: 25%;                    /* 幅指定 */
height: 1px;                    /* 高さ指定 */
background-color: #00A844;      /* 背景色指定 */
display:  block;                /* ブロック要素にする */
position:  absolute;            /* 位置調整 */
left:  0;                       /* 位置調整 */
bottom: -1px;                   /* 位置調整 */
}

.h_title {
  position: relative;
  padding: .75em 1em .75em 2em;
  border: 1px solid #ccc;
  border-top: 3px solid #00A844;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.h_title::after {
  position: absolute;
  top: 1em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 3px solid #00A844;
  border-radius: 100%
}


.moreBtn{font-size:120%; display:inline-block; background:#00A844; color:#fff; padding:6px 20px; border-radius:4px;}
.list-article-meta a:hover,.moreBtn:hover{text-decoration:none; color:#fff; background:#33b969; transition:0.4s ease;}

/*---フォント-----------------------------------------------------------------------*/
.fa {margin-right:5px;}
.caption{font-size:75% !important;}
.f50 {font-size:50% !important;}
.f60 {font-size:60% !important;}
.f70 {font-size:70% !important;}
.f80 {font-size:80% !important;}
.f85 {font-size:85% !important;}
.f90 {font-size:90% !important;}
.f95 {font-size:95% !important;}
.f105 {font-size:105% !important;}
.f110 {font-size:110% !important;}
.f120 {font-size:120% !important;}
.f135 {font-size:135% !important;}
.f150 {font-size:150% !important;}
.f180 {font-size:180% !important;}
.w_normal {font-weight:normal;}
.lh10 {line-height:1em;}
.lh12 {line-height:1.2em;}
.lh15 {line-height:1.5em;}
.lh16 {line-height:1.6em;}
.lh17 {line-height:1.7em;}
.lh18 {line-height:1.8em;}
.lh19 {line-height:1.9em;}
.lh20 {line-height:2.0em;}
.lh-n{line-height:normal;}
.n-text{text-decoration:none !important;}

.red{color:#f05e1d;}
.green{color:#00A844;}
.blue{color:#004e9d;}
.l-blue{color:#00ccff;}
.gray{color:#666;}
.white{color:white !important;}

/*---テキスト左右中-----------------------------------------------------------------*/
.t-l {text-align:left !important;}
.t-c {text-align:center !important;}
.t-r {text-align:right !important;}

/*---display------------------------------------------------------------------------*/
.d-i{display:inline !important;}
.d-ib{display:inline-block !important;}
.d-b{display:block !important;}
.d-f{
	display:flex;
	display:-webkit-box;
	display:-ms-flexbox;
}
.flw{
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flj{
 	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*---字間---------------------------------------------------------------------------*/
.ls05 {letter-spacing: 0.05em;}
.ls09 {letter-spacing: 0.09em;}
.ls1 {letter-spacing: 0.1em;}

/*---マージン・パディング-----------------------------------------------------------*/
.mb0,.postList_body .post-content p{margin-bottom:0px !important;}
.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10,.sideSection .veu_postList {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.plr0 {padding-right:0px !important; padding-left:0px !important;}
.plr5 {padding-right:5px !important; padding-left:5px !important;}
.plr10 {padding-right:10px !important; padding-left:10px !important;}
.plr15 {padding-right:15px !important; padding-left:15px !important;}
.plr20 {padding-right:20px !important; padding-left:20px !important;}
.plr30 {padding-right:30px !important; padding-left:30px !important;}
.m0{margin:0 !important;}
.p0{padding:0 !important;}
.p5 {padding:5px !important;}
.p8 {padding:8px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.pb0 {padding-bottom:0px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

/*--- グリッドオーダー -----------------------------------*/
.order-first {order: -1 !important;}
.order-0 {order: 0 !important;}
.order-1 {order: 1 !important;}
.order-2 {order: 2 !important;}
.order-3 {order: 3 !important;}
.order-4 {order: 4 !important;}
.order-5 {order: 5 !important;}
.order-6 {order: 6 !important;}
.order-7 {order: 7 !important;}
.order-8 {order: 8 !important;}
.order-9 {order: 9 !important;}
.order-10 {order: 10 !important;}
@media (min-width: 768px) {
	.order-md-first {order: -1 !important;}
	.order-md-0 {order: 0 !important;}
	.order-md-1 {order: 1 !important;}
	.order-md-2 {order: 2 !important;}
	.order-md-3 {order: 3 !important;}
	.order-md-4 {order: 4 !important;}
	.order-md-5 {order: 5 !important;}
	.order-md-6 {order: 6 !important;}
	.order-md-7 {order: 7 !important;}
	.order-md-8 {order: 8 !important;}
	.order-md-9 {order: 9 !important;}
	.order-md-10 {order: 10 !important;}
}


/*---------------------light-box---------------------*/
.mfp-iframe-holder .mfp-content {
	max-width: 1000px !important;
}
.mfp-iframe-scaler {
	padding-top: 90vh !important;
}
.mfp-iframe-scaler iframe {
	background-color: #fff0 !important;
	box-shadow: none !important;
}
@media(max-width:767px){
	.mfp-iframe-holder {
		padding-top: 80px !important;
	}
}


/*テーブル*/
.outline {
width: 100%;
}

.outline th,
.outline td {
border: 1px solid #ccc;
padding: 16px;
letter-spacing: 0px;
}

.outline th {width: 25%;
background-color: #f1f1f1; 
}

@media screen and (max-width: 731px) {
.outline,
.outline tr,
.outline td,
.outline th {display:block;}
.outline th {width:auto;}
}

/*納入実績1　テーブル*/
table .record {
  width: 100%;
  border-collapse: collapse;
}

table.record tr{
  border-bottom: solid 2px white;
}

table.record tr:last-child{
  border-bottom: none;
}

table.record th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.record th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.record td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

/*納入実績2　テーブル*/
table .record-2 {
  width: 100%;
  border-collapse: collapse;
}

table.record-2 tr{
  border-bottom: solid 2px white;
}

table.record-2 tr:last-child{
  border-bottom: none;
}

table.record-2 th{
  position: relative;
  text-align: left;
  width: 60%;
  background-color: #a9d05f;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.record-2 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #a9d05f;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.record-2 td{
  text-align: left;
  width: 40%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

/*--------------------- Contact Form7 ---------------------*/
dd, dt {
    padding-left: 10px;
    border-left-width: 2px;
    border-left-style: solid;
    margin-bottom: 10px;
}
dt {
    border-left-color: #00A844;
}
dd {
    border-left-color: #e5e5e5;
}
.wpcf7-form-control {
    width: 100%;
}
.wpcf7-form {
	font-size: 15px;
}

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: bold;
}
 
/* 必須マーク */
.contact7 .must {
	background: #00A844;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #00A844;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #00A844;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #00A844; 
}
::placeholder {
    color: #abaeae !important;
}


@media(max-width:767px){
	#text-2 .su-column.su-column-size-1-3 div p:last-child,
	#text-2 .su-column.su-column-size-2-3 p:first-child{
		display:none;
	}
	#text-2 .su-column.su-column-size-2-3{
		margin-top:0;
	}
	#text-2 .su-column.su-column-size-2-3 p.h3{
		margin-top:1em;
	}
}
@media(max-width:991px){
	.subSection{
		display:none;
	}
	#text-2 .su-column.su-column-size-2-3{
		margin-bottom: 3em;
	}
}

.hero-content-style1 h2 {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.page-header {
	padding: 18px 0px;}
.page-header .entry-title, .page-header .page-title {
	font-size: 24px;}

.h-base {
  padding: 1rem 2rem 0.14rem 2rem;
  border-left: 5px solid #00A844;
  background-color: #c1a78d;
}

.section-title-area .section-title {
	font-size: 32px;}


.section-parallax .parallax-bg::before{
	content: none;
}
.section-padding-larger {
  padding: 5rem 0;
  background-color: #c1a78d;
}

.top_video {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 23;
	display: block;
	margin: 0;
	padding: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	object-fit: cover;
}

/*--------- hero VIDEO ----------*/
.hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 15s;
  transition-delay: 15s;
}
.hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 15.7s;
  transition-delay: 15.7s;
}

@media(max-height:820px){
.hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
}
/* @media(max-height:820px){
	.top_video {
		height: auto;
		width: 100%;
	}
} */

/*--------- メンテナンス ----------*/
.ex-base {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-left: 3px solid #00A844;
  background-color: #fafafa;
}

/*--------- 販売 ----------*/
.item-title {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  background-color: #00A844;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
}
.item-base {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-bottom: 1px solid #00A844;
  background-color: #f1f1f1;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4;
}

/*--------- 排水処理設備 ----------*/
.wf_box > div:nth-child(2n) {
  display: flex;
  align-items: center;
  margin: 20px 0 20px;
}

/*--------- 実績地図 ----------*/
table.jp-map {
	width: 100%;
	border: none;
	border-collapse: separate;
	border-spacing: 3px;
}

table.jp-map td,
table.jp-map th {
padding: 10px;
text-align: center;
		border: none;
}

table.jp-map td {
color: #ffffff;
text-decoration: none;
}

.count {
font-weight:bold;
font-size:1.2em;
}
.none {
color: #fff;	
opacity: 0.6;
}

.hokkaido {
background-color: #216bc0;
border-radius: 6px;
}
.tohoku {
background-color: #2189C0;
border-radius: 6px;
}
.kanto {
background-color: #00B64A;
border-radius: 6px;
}
.chubu {
background-color: #A5D100;
border-radius: 6px;
}
.kinki {
background-color: #ECBF00;
border-radius: 6px;
}
.chugoku {
background-color: #FB9502;
border-radius: 6px;
}
.shikoku {
background-color: #FF8355;
border-radius: 6px;
}
.kyushu {
background-color: #E05981;
border-radius: 6px;
}
.okinawa {
background-color: #fa256c;
border-radius: 6px;
}
.overseas {
background-color: #00A9E4;
border-radius: 10px;
}

.bg_dot{
background-image:
radial-gradient(#C0E4F5 20%, transparent 20%),
radial-gradient(#C0E4F5 20%, transparent 20%);
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
padding: 10px;
}

@media(max-width:767px){
	div.bg_dot {
		display: none;
	}
}