@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

.sawa{
	font-family: 'Sawarabi Mincho',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}


.topflex{
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-box-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.undertopflex{
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;

}

.up , .down{
	height: 50%;
}

.topflex .fb1 img , .fb1sp img{
	max-width: 100%;
}

.topboxheight{
	min-height: 330px;
	height: auto !important;
}

.toph2{
	color: rgba(255,255,255,1.00);
	font-size: 24px;
}

.fbh2{
	font-size: 16px;
	margin-bottom: 0px;
	/*text-decoration: underline;*/
	background-color:#679E44;
}

.fbh2 a{
	color: rgba(255,255,255,1.00);
	padding-left: 5px;
	padding-right: 5px;
}

.fbtxt{
color: rgba(255,255,255,1.00);
	background-color:rgba(62,62,62,1.00);
	padding: 1.2em .5em;
}


.titlewaku{
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	height: 100%;
	
	-webkit-box-justify-content: center;/* 3 */
	justify-content: center;/* 3 */
	justify-content: center;/* 3 */
	justify-content: center;/* 3 */

	align-items: center;    /* 4 */
	background-color: rgba(0,0,0,0.10);
}

.titlebox{
	font-size: 24px;
	font-weight: bold;
}



.fb1{
/*	-webkit-box-flex:  0 0 24%;
	-ms-flexbox-flex:  0 0 24%;
	-webkit-flex-flex:  0 0 24%;
	flex: 0 0 24%;*/
	-webkit-box-flex:  0 0 32%;
	-ms-flexbox-flex:  0 0 32%;
	-webkit-flex:  0 0 32%;
	flex: 0 0 32%;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

	background-color:rgba(62,62,62,1.00);



}

.fb1sp{
	-webkit-box-flex:  1 0 32%;
	-ms-flexbox-flex:  1 0 32%;
	-webkit-flex:  1 0 32%;
	flex: 1 0 32%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.fb2{
	-webkit-box-flex:  1 0 48%;
	-ms-flexbox-flex:  1 0 48%;
	-webkit-flex:  1 0 48%;
	flex: 1 0 50%;
	background-color: rgba(103,158,68,1.00);
	color: rgba(255,255,255,1.00);
}

.spcolor{
	color: rgba(85,85,85,1.00);
} 

.spwordwidth{
	max-width: 300px;
}


.fb2yellow{
	background-color:rgba(204,172,3,1.00);
}

.fbtech1{
	background-image:url(../images/fb_dodome.jpg);
/*	background-size: 100% auto;*/
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech2{
	background-image:url(../images/fb_ksp.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech3{
	background-image:url(../images/fb_wall.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech4{
	background-image:url(../images/fb_kankyo.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech5{
	background-image:url(../images/fb_cs.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech6{
	background-image:url(../images/fb_cs.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech7{
	background-image:url(../images/fb_ur.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech8{
	background-image:url(../images/fb_gr.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.fbtech9{
	background-image:url(../images/kt_kaisyagaiyo.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech10{
	background-image:url(../images/kt_wakuwaku.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fbtech11{
	background-image:url(../images/kt_saiyo.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.fbtech11{
		background-position: left center;
	}
}

.tptextwp{
	max-width: 400px;
    margin: 0 auto;
    text-align: center;

}
.tptxt{
    display: inline-block;
    text-align: left;
}



.resp-vtabs ul.resp-tabs-list {
  /*float: left;*/
  width: 20%;
}

.resp-vtabs .resp-tabs-container {
  width: 78%;
  background-color: #fff;
    min-height: 180px;
}

.tabContents div a{
	margin-left: 15px;
}

.resp-vtabs li.resp-tab-active {
	background-color: #679E44;
	color: #fff;
}


.bxslider .bxslider_caption {

	position: absolute;
	left: 0;
	top: 5%;
	/*width: 100%;*/
	color: #fff;
}
.bxslider .bxslider_caption > div {
	padding: 10px;
}
.bxslider .bxslider_caption h1 {
	font-size: 2.0em;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
/*	text-decoration: underline;*/
}

@media screen and (max-width: 767px) {

	.bxslider .bxslider_caption {
		top:0;
	}
	.bxslider .bxslider_caption h1 {
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
		line-height: 24px;
	/*	text-decoration: underline;*/
	}

}
.bxmaintxt{
	
}

.underbx{
  text-shadow: 0 -2px 2px #000,
    	       -2px 0 2px #000,
    	       2px 0 2px #000,
    	       0 2px 2px #000,
    	       1px 1px 1px #fff,
    	       2px 2px 2px #fff,
    	       3px 3px 3px #fff;
}


@media screen and (max-width: 991px) {
	  .topflex {
			display:-webkit-box;
			display:-ms-flexbox;
			display: -webkit-flex;
			display:flex;
			-webkit-box-flex-wrap:wrap;
			-ms-flex-wrap:wrap;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;

	/*			-webkit-box-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;*/



			/*
			-webkit-box-flex-direction:column wrap;
			-ms-flex-direction: column wrap;
			-webkit-flex-direction:column wrap;
			flex-direction: column wrap;
			*/
	  }

	.fb1{
		-webkit-box-flex:  1 0 48%;
		-ms-flexbox-flex:  1 0 48%;
		-webkit-flex:  1 0 48%;
		flex: 1 0 48%;

	}

	.fb2{
		-webkit-box-flex:  1 0 50%;
		-ms-flexbox-flex:  1 0 50%;
		-webkit-flex:  1 0 50%;
		flex: 1 0 auto;
		background-color: rgba(103,158,68,1.00);
		color: rgba(255,255,255,1.00);
	}

	.up , .down{
		height: auto;
	}
	
	.fb1sp{
	-webkit-box-flex:  1 0 48%;
	-ms-flexbox-flex:  1 0 48%;
	-webkit-flex:  1 0 48%;
	flex: 1 0 48%;	
	}

	.resp-vtabs .resp-tabs-container {
	  width: 100%;
	}
	.resp-vtabs li.resp-tab-active , h2.resp-tab-active {
		background-color: #679E44  !important;
		color: #fff;
	}
}

@media screen and (max-width: 400px) {
	.fb1{
		-webkit-box-flex:  0 0 100%;
		-ms-flexbox-flex:  0 0 100%;
		-webkit-flex:  0 0 100%;
		flex: 0 0 100%;

	}

}

.brhidden{
	display: none;
}


@media screen and (max-width: 600px) {
	.tpnews{
		border-bottom: solid 1px rgba(215,215,215,1.00);
	}
	.brhidden{
		display: block;
	}
	.tabContents div a{
		margin-left: 0px;
	}
	
	
	.tabContents div{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	
}