/*------------------------------------*
	azborn
*------------------------------------*/
.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	 /*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
 /**/
}
a:hover img,
#pagetop img:hover{
	opacity: 0.7;/*要素の透明度*/
	filter: alpha(opacity=70); /*ie6、7*/
	-ms-filter: "alpha(opacity=70)";/*ie8*/
}

.grecaptcha-badge { visibility: hidden; }

.wrapper #left{float: left;width:650px;}
.wrapper #right{float: left;width:500px;}
#service a{
	color: #FFF;
	font-weight: bold;
}
#service a:hover{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
.f30{font-size:30px !important;}
@media only screen and (max-width: 767px) {
.f30{font-size:25px !important;}
}
.small{font-size: 0.8em !important;}
header {
	top: -100px;/* 上に隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	}
header .toplogo a img{width: 80% !important;}

header nav.header--row .header-main-inner{background-color: rgba(0,0,0,0.8) !important;}
header #nv-primary-navigation-main li a{color:#FFF !important;}
header #nv-primary-navigation-main li ul.sub-menu{background-color: rgba(0,0,0,0.8) !important;}

#logo-toggle-wrap{display: flex;padding:5px 5px 5px 10px;}
#logo-mobi{margin-top: 10px;width: 80% !important;}
#logo-mobi img{width: 40%;}
#logo-toggle-wrap div:nth-of-type(2){text-align: right !important;}

/*contact*/

/*Contact*/
.concact-form h2{font-size:25px;background-color: cornflowerblue;padding: 15px;color:#fff;margin-bottom: 20px;}

.contact-flex{display: flex;padding-bottom: 20px;}
.contact-flex div:nth-of-type(1){width: 25%;background-color: #EBEBEB;padding: 10px;}
.contact-flex div:nth-of-type(2){width: 75%;padding: 10px;}
.your-year{width: 100px !important;}
#city{width:100% !important;}
#entry-confirm .contact-flex{display: flex;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DEDEDE;}
@media only screen and (max-width: 767px) {
	.contact-flex{display: flex;flex-wrap: wrap;}
	.contact-flex div:nth-of-type(1){width: 100%;background-color: #EBEBEB;padding: 10px;margin-bottom: 15px;}
	.contact-flex div:nth-of-type(2){width: 100%;}
	.concact-form h2{font-size:20px !important;background-color: cornflowerblue;padding: 10px;color:#fff;margin-bottom: 20px;}
	.contact_btn{width: 100%;padding-top: 50px; 
	display: flex;flex-wrap: wrap-reverse;
  	justify-content: center;
		
}
}
	
#contact_table{
	width: 100%;
	color: #000 !important;
}
#contact_table th{
	width: 30% !important;
	font-weight: bold !important;
	white-space: nowrap !important;
	vertical-align: top;
}
#contact_table td{
	width: 70%;
}
/*.hissu{
	color: #F00;
}*/
#zip,#pref{
	width: 200px;
}

table.recu{padding: 0;margin: 0;}
table.recu tr:nth-of-type(even) {background-color: #F3F3F3;}
table.recu td{padding: 10px; font-size:16px;border-bottom: 0 solid #fff !important;}
#rec02 p{padding: 0 !important;margin: 0 !important;}
.vt{vertical-align: top;white-space: nowrap;width: 20%;}

.bg{background-color: #F3F3F3;}
.nobg{background-color: #FFF;}
.hissu{background-color: #FE0408;color:#fff;font-size: 10px;padding: 3px 5px; margin-left: 5px;margin-top:-3px;}

input#btn_send,
input#btn_conf{background-color:#07A2E0 !important;font-size: 18px;
	;color:#fff; border-radius: 5px;margin-left: 15px;
	text-align: center;border:solid 2px #07A2E0;padding:0px;}

input#btn_send:hover,input#btn_conf:hover{background-color:#d84277 !important;border:solid 2px #d84277;}
input#btn_back{background-color:#A3A3A3 !important;font-size: 18px;margin-left: 20px;margin-right: 20px;border:solid 2px #A3A3A3; border-radius: 5px;color:#505050;padding:0px;}
input#btn_back:hover{background-color:#F2F2F2 !important;}

input#btn_conf{width:300px;height: 40px; }
input#btn_back,
input#btn_send{width:214px;height: 40px; }

.your-service .wpcf7-list-item{width:33%;}

.wpcf7 textarea[name="your-message"]{width: 80%;}
span.wpcf7-form-control-wrap{position: inherit !important;}
.wpcf7-not-valid-tip{font-size:0.9em !important;}

@media screen and (max-width:767px){
	table.recu tr:nth-of-type(even) {background-color: #fff;}
	.vt{background-color: #F3F3F3 !important;}
	.bg{background-color: #FFFF;}
	.sp-b{display: block;width: 100%}
	
	#contact_table{width: 100%;
		table-layout: fixed;}
	#contact_table th,#contact_table td{
	display: block;
	width: 98% !important;
	}
	#contact_table th{font-size:16px !important;background-color: #EAEAEA;}
	#contact_table td{overflow-wrap : break-word !important;font-size:0.9em;}
	.your-service .wpcf7-list-item{display: block;width: 100% !important;font-size:1em;}
	.wpcf7 textarea[name="your-message"]{width: 95%;}
}

#site-header{z-index: 100;}

ol.aster  {
  margin: 0;
  padding: 0
}
ol.aster li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

ol.maru  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.maru li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 0.3em
}
ol.maru li span {
  position: absolute;
  left: 0;
  margin: 0
}

ol.kakko{margin-left: 0.1em; }

ol.kakko li {
	list-style-type: none;
	counter-increment: cnt;
}

ol.kakko li::before {
	content: "(" counter(cnt) ") ";
	display:inline-block;
	margin-left:-1.5em; /* サイトに合せて調整 */
	width: 1.5em; /* サイトに合せて調整 */
}

ol.katakakko{margin-left: 2em; }

ol.katakakko li {
	list-style-type: none;
	counter-increment: cnt;
}

ol.katakakko li::before {
	content: counter(cnt) "）";
	display:inline-block;
	margin-left:-1.5em; /* サイトに合せて調整 */
	width: 1.5em; /* サイトに合せて調整 */
}

#topbar{
	/*background: rgba(255,255,255,0.8);*/
    padding: 0px;
	position: fixed;
	bottom: -180px;
	transition: 1s;
	width: 350px;/*340*/
	height: 280px;/*240*/
	z-index: 9999;
	right: 85px;
	
	}
.banr-wrap{
	position: relative;
	border-radius: 10px 10px 0 0;
	background-color: rgba(0,0,0,0.8)
}
#topbar .banr-wrap .button{text-align: left;height: 35px;}
#topbar .banr-wrap .button img{
	margin-top: 0px;
	margin-bottom: 0px;
	height: 35px;width: 35px;
}
#topbar .banr-wrap .banr_img h3 a{color: #fff;font-size: 16px;font-weight: normal;padding-left: 5px;}
#topbar .banr-wrap .banr_img img{
	width: 100%;
    height: auto;
}

@media screen and (max-width:640px){
#topbar{
	right: 0px;
	}
	.banr-wrap{
	border-radius: 10px 0 0 0;
	background-color: rgba(0,0,0,0.8)
}
}
/*.banr_img{margin-top: -12px;}*/

/*==================================================
スライダーのためのcss
===================================*/


/*画像の横幅を100%にしてレスポンシブ化*/
img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/
.pic_wrap{width: 100%;background-color: #ffffff;padding: 80px 80px 30px;border-radius: 10px;min-height: 830px;}
.pic_wrap img{padding-bottom: 20px;}
.pic_wrap h2{text-align: center;}
.pic_wrap p{
	margin:30px 0;
	word-wrap : break-word;
	color: #000000;
	font-size: 1.1em;
}
.pic_wrap p a{color: #1F60B9 !important;text-decoration: underline;}
.pic_wrap p a:hover{color: #051766 !important;text-decoration: none !important;}

.detail{text-align: center;}
.detail a{background-color: #1F60B9;width: 220px;height: 50px;color: #ffffff;font-weight: bold;
	padding: 17px 50px;
text-decoration: none;}

.detail a:hover{background-color: #ffffff;color: #1F60B9 !important;border: 2px solid #1F60B9;}

/*矢印の設定*/
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
	text-indent: -99999;
  }
.slick-arrow{text-indent: -99999;}

.slick-prev::before {
	
	/*background-image: url(images/arrow-prev.png);background-repeat: no-repeat;*/
   content: url(images/arrow-prev.png) !important;
	
}
.slick-next::before {
	/*content:""!important;
	background-image: url(images/arrow-next.png);background-repeat: no-repeat;*/
	content: url(images/arrow-next.png) !important;
   
	
}
button.slick-arrow{display: none !important;}

.slick-prev{
	top:200px !important;
    left: 30px !important;
	z-index: 999;
	background-color: #FFFFFF !important;
  }
.slick-next{
	top:200px !important;
    right: 30px !important;
	background-color: #FFFFFF !important;
}
/*.slick-arrow:before{
    content:""!important;
    width: 30px!important;
    height: 30px!important;
    position: absolute;
    top: 0;
    left: 0;
  }

  /*.slick-next:before{
    background: url(images/arrow-next.png)!important;background-repeat: no-repeat;
    background-size: contain !important;
  }

  .slick-prev:before{
    background: url(images/arrow-prev.png)!important;background-repeat: no-repeat;
    background-size: cover !important;
  }

/*戻る、次へ矢印の位置*/
/*.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	/*z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    /*outline: none;/*クリックをしたら出てくる枠線を消す*/
    /*border-top: 2px solid #ccc;/*矢印の色*/
    /*border-right: 2px solid #ccc;/*矢印の色*/
    /*height: 25px;
    width: 25px;
}*/

/*.slick-prev {/*戻る矢印の位置と形状*/
    /*left:2.5%;
    transform: rotate(-135deg);
}*/

/*.slick-next {/*次へ矢印の位置と形状*/
    /*right:2.5%;
    transform: rotate(45deg);
}*/

/*選択するサムネイル画像の設定*/
/*エリア全体を中央寄せ*/

/*#wrap{
  background-color: #333;
  display: flex;
  /*flex-direction: column;*/
 /* justify-content: center;
  height: 100vh;
}*/
#slider{
  width: 650px;
  margin:0 auto 30px;
}
.slide-item img{
    width: 100%;
  }
.slide-item p{color:#000; padding-bottom: 10px;font-size: 1.1em;}

#thumbnail-list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.thumbnail-item {
	border: 1px solid #fff;
  flex: 0 1 45%;
	padding-top: 30px;
  margin-bottom: 30px;margin-left: 10px;
  box-sizing: border-box;
  position: relative;text-align: center;
	background-color: transparent;
}
.thumbnail-item h3{padding-top: 20px; font-weight: 300; color:#fff;text-align: center;}
.thumbnail-item:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.thumbnail-item img {
  /*width: 100%;*/
  margin: 0 auto;
}

@media screen and (max-width:767px){
	#slider{
	  width: 100%;
	  margin:0 auto 10px;
	}
	.slide-item{padding: 0;margin: 0;}
	.pic_wrap{width: 100%;background-color: #ffffff;padding: 10px;border-radius: 10px;}
	
	.slick-prev{
	top:130px !important;
    left: 5px !important;
	z-index: 999;
	background-color: #FFFFFF !important;	
  }
	.slick-next{
		top:130px !important;
		right: 5px !important;
		background-color: #FFFFFF !important;
	}
	#thumbnail-list{
	  width: 90%;
	  margin: 0 auto;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap:wrap;
	}
	.thumbnail-item {
	border: 1px solid #fff;
  	flex: 0 1 30%;
	margin-bottom: 10px;
		margin-left: 0px;
	}
}

@media screen and (max-width:1014px){
	.f40{font-size:35px;}
}

/*浄化槽台帳総合分析システム*/
.block-wrap{display: flex;}
.block-wrap div{flex:1 1;}
.block-wrap div img{width: auto; height:55px;padding-bottom: 15px;}
.block-wrap div ul{padding-left: 15px;}
.block-wrap div ul li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 5px;
} 
.block-wrap div ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1870B9;	
	font-size:16px;
}
@media screen and (max-width:640px){
	.block-wrap div ul li {font-size:0.9em;padding-bottom: 2px;}
	
}
/*CBOSS*/
#tablepress-1-no-2{}
#tablepress-1-no-2 tr.even td{background-color: #E9F0F8;}
#tablepress-1-no-2 td{padding-left: 10px;}
@media screen and (max-width:767px){
	#tablepress-1-no-2 td{display: block;width: 100%;font-size:14px;}
	#tablepress-1-no-2 td{padding-left: 5px;padding-right: 5px;}
}

@media screen and (max-width:964px){
.nobr br{display: none;}
}


ul.telework {list-style: none !important;margin-left: -10px;}
ul.telework li{line-height: 1.3em; padding-bottom: 10px;}

/*ul.zoom {list-style: none !important;margin-left: -20px;}
ul.zoom li{line-height: 1.3em; padding-bottom: 20px;}*/
ul.zoom {
	padding: 0 0 0 1em;
}
ul.zoom li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 20px;
} 
ul.zoom li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1f60b9;	
	font-size:18px;
}
ul.zoom01 li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 20px;
	font-weight: bold;
} 
ul.zoom01 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #000000;	
	font-size:20px;
}

ul.zoom02 li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.zoom02 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1870B9;	
	font-size:20px;
}
ul.zoom03 li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
} 
ul.zoom03 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1F60B9;	
	font-size:20px;
}
ul.rect li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
	font-weight: normal;
} 
ul.rect li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #000;	
	font-size:18px;
}

ul.circle li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.circle li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1f60b9;	
	font-size:18px;
}
ul.dot-green li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-green li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #158A6D;	
	font-size:18px;
}

ul.dot-blue li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
	padding-bottom: 10px;
} 
ul.dot-blue li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	position: absolute;
	top: .2em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
	color: #1F60B9;	
	font-size:18px;
}


@media screen and (max-width:764px){
	ul.zoom01 li:before {
	font-size:17px;
	}
	ul.zoom03 li:before {
	font-size:17px;
}
}

/*販売管理*/
#sales-jirei{padding: 0;margin: 0;border-top: 1px solid #D3D3D3;border-left: 1px solid #D3D3D3;}
#sales-jirei th{text-align: center !important;font-weight: bold;background-color: #F7F7F7;padding: 10px;
border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
#sales-jirei td:nth-of-type(1){font-weight: bold;background-color: #F7F7F7;white-space: nowrap;padding: 10px 20px 10px 20px;
border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
#sales-jirei td:nth-of-type(2){font-weight: normal;font-size:1.0em;background-color: #FFFFFF;padding: 10px 10px 10px 20px;
border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}


.kinou{padding: 0;margin: 0;border-top: 1px solid #D3D3D3;border-left: 1px solid #D3D3D3;}
.kinou td:nth-of-type(1){font-weight: bold;background-color: #F7F7F7;font-size:18px;white-space: nowrap;padding: 10px 20px 10px 20px;
border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
.kinou td:nth-of-type(2){font-weight: normal;font-size:18px;background-color: #FFFFFF;padding: 10px 10px 10px 20px;
border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}

@media screen and (max-width:764px){
	#sales-jirei th:nth-of-type(1){text-align: left !important;background-color: #F7F7F7;}
	#sales-jirei th:nth-of-type(2){text-align: left !important;background-color: #FFFFFF;}
	#sales-jirei th,#sales-jirei td,
	.kinou td{display: block;width: 100%;}
}


.f18{font-size: 18px !important;font-weight: normal;}
.f20{font-size: 20px;}
.f40{font-size:50px;transform:rotate(45deg);}

.nodisp h2{display: none !important; visibility: hidden;}
/*icon list*/
.list-posi ul.elementor-icon-list-items li.elementor-icon-list-item{position: relative;}
.list-posi ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon{
	position: absolute !important;top:10px;left:0px;}
.list-posi ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{margin-left: 15px !important;}

ul.elementor-icon-list-items li.elementor-icon-list-item{position: relative;}
ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon{
	position: absolute !important;top:10px;left:0px;}
ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{margin-left: 15px !important;}
@media screen and (max-width:764px){
	ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon{
	position: absolute !important;top:7px;left:0px;}
	
}
.balloon-left {
  position: relative;
  display: inline-block;
  margin: 0px;/*margin: 1.5em 0 1.5em 15px;*/
  padding: 20px 50px;
  /*min-width: 120px;*/
  width: 100%;
  color: #555;
  background: #fff;
  border-radius: 5px;
}

.balloon-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50px;/*-30*/
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 50px solid #fff;
}

.balloon-left h3 {
  margin: 0;
  padding: 0;
}


.balloon-right {
  position: relative;
  display: inline-block;
  margin: 0;/*margin: 1.5em 15px 1.5em 0;*/
   padding: 20px 25px;
  /*min-width: 120px;*/
  width: 100%;
  color: #fff;
  background: #1F60B9;
  border: solid 3px #1F60B9;
  box-sizing: border-box;
	 border-radius: 5px;
}

.balloon-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #1F60B9;
  z-index: 2;
}

.balloon-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 50px solid #1F60B9;/*14*/
  z-index: 1;
}

.balloon-right h3 {
  margin: 0;
  padding: 0;
}
.balloon-right02 {
  position: relative;
  display: inline-block;
  margin: 0;/*margin: 1.5em 15px 1.5em 0;*/
   padding: 20px 25px;
  /*min-width: 120px;*/
  width: 100%;
  color: #000;
  background: #fff;
  border: solid 3px #fff;
  box-sizing: border-box;
	 border-radius: 5px;
}

.balloon-right02:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #fff;
  z-index: 2;
}

.balloon-right02:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 50px solid #fff;/*14*/
  z-index: 1;
}

.balloon-right02 h3 {
	background-color: #1F60B9;
	color:#F8FF4B;
  	margin: 10px;
  	padding: 5px;
	border-radius: 5px
}
.balloon-right02 h4 {
	background-color: #F8EDF2;
	color:#E0003C;
  	margin: 10px;
  	padding: 5px;
	border-radius: 15px;
	font-size:35px !important;
}


.balloon-left h3,
.balloon-right h3,
.balloon-right02 h3{font-size:25px !important;line-height: 1.4em;}

@media screen and (max-width:764px){
	.balloon-left {
  		padding: 10px 10px 10px 20px;
		width: 95%;
	}
	.balloon-left:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: -30px;/*-30*/
	  margin-top: -15px;
	  border: 15px solid transparent;
	  border-right: 30px solid #fff;
}
	
	.balloon-right,.balloon-right02 {
		margin-left: 5px;
		padding: 10px 10px;
		width: 100%;
 
	}
	.balloon-right:after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: -30px;
	  margin-top: -14px;
	  border: 14px solid transparent;
	  border-left: 30px solid #1F60B9;/*14*/
}
	.balloon-right02:after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: -30px;
	  margin-top: -14px;
	  border: 14px solid transparent;
	  border-left: 30px solid #fff;/*14*/
}
	
	.balloon-left h3,
	.balloon-right h3,
	.balloon-right02 h3{font-size:18px !important;line-height: 1.3em;}
	.balloon-right02 h4 {font-size:20px !important;}


}