.sl-slider-wrapper {
	width: px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}



@media only screen and (min-width: 768px) {
/* 見出し共通
----------------------------------------------------*/
p.h1type01,
.h1type01,
.type01 {
	margin-top:0px;
	margin-bottom:30px;
	position:relative;
	letter-spacing:1px;
	width:100%;
	color:#12131F;
	line-height: 1;
	border-bottom:solid 1px #008475;
}
p.h1type01:first-letter,
h2.h1type01:first-letter,
h1.type01:first-letter {
	color: #008475;
}
p.h1type01 span.en,
.h1type01 span.en,
.type01 span.en {
	margin: 0px 0px 10px 0px;
	text-align:center;
	font-family: 'Kanit', sans-serif;
	font-weight:bold;
	font-size:42px;
	position:relative;
	z-index:2;
	display:block;
}
p.h1type01 span.en:first-letter,
.h1type01 span.en:first-letter,
.type01 span.en:first-letter {
	color: #008475;
}
p.h1type01 span.ja,
.h1type01 span.ja,
.type01 span.ja {
	display: block;
	text-align:center;
	font-weight:bold;
	font-size:22px;
	font-family:Hiragino Sans,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","Yu Gothic UI", "游ゴシック体", "Yu Gothic", YuGothic,  "メイリオ", "Meiryo", sans-serif;
}

/**/
.type01 {
padding: 40px;
}
}


@media only screen and (max-width: 767px) {
/* 見出し共通
----------------------------------------------------*/
p.h1type01,
.h1type01,
.type01 {
	margin-top:60px;
	margin-bottom:20px;
	position:relative;
	letter-spacing:1px;
	width:100%;
	color:#12131F;
	line-height: 1;
	border-bottom:solid 1px #008475;
}
p.h1type01:first-letter,
h2.h1type01:first-letter,
h1.type01:first-letter {
	color: #008475;
}
p.h1type01 span.en,
.h1type01 span.en,
.type01 span.en {
	margin: 0px 0px 10px 0px;
	text-align:center;
	font-family: 'Kanit', sans-serif;
	font-weight:bold;
	font-size:28px;
	position:relative;
	z-index:2;
	display:block;
}
p.h1type01 span.en:first-letter,
.h1type01 span.en:first-letter,
.type01 span.en:first-letter {
	color: #008475;
}
p.h1type01 span.ja,
.h1type01 span.ja,
.type01 span.ja {
	display: block;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:Hiragino Sans,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","Yu Gothic UI", "游ゴシック体", "Yu Gothic", YuGothic,  "メイリオ", "Meiryo", sans-serif;
}

/**/
.type01 {
padding: 20px;
}
}

.glyhaikei {

    padding: 18px;
}

.pagettl {
    margin: 0 0 10px;
    padding: 0 0 7px;
	color: #008475;
	font-size:21px;
	font-weight: bold;
    border-bottom: 0px solid #008475;
}

.leftbrdr_orange {
    border-left: solid 7px #008475;
    padding-left: 10px;
    line-height: 120%;
    margin-bottom: 5px;
}
.waku {
    background-color: #FCFCFC;
    padding: 15px;
    border: 1px solid #EDEDED;
    border-radius: 2px;
}


.boxes { margin: 0 0 1em;  }

.boxes div { margin:0 0 10px;  }

.boxes div div { margin: 0 10px;  }


.boxes {

	overflow: hidden;

	list-style: none;

	letter-spacing: -0.5em;

	word-spacing: -0.5em;

	*letter-spacing: 0;

	*word-spacing: 0;

	*zoom: 1;

}

.boxes>* {

	letter-spacing: 0;

	word-spacing: 0;

}

.boxes>[class^=box] {

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

	*display: inline;

	*zoom: 1;

}

.boxes>.box01 {

	width: 8.33%;

}

.boxes>.box02 {

	width: 16.66%;

}

.boxes>.box5 {

	width: 20%;

}


.boxes>.box03 {

	width: 24.99%;

}

.boxes>.box04 {

	width: 33.33%;

}

.boxes>.box05 {

	width: 41.66%;

}

.boxes>.box06 {

	width: 49.99%;

}

.boxes>.box07 {

	width: 58.33%;

}

.boxes>.box08 {

	width: 66.66%;

}

.boxes>.box09 {

	width: 74.99%;

}

.boxes>.box10 {

	width: 83.33%;

}

.boxes>.box11 {

	width: 91.66%;

}

.boxes>.box12 {

	width: 100%;

}

.boxes>[class^=box] img,

.boxes>[class^=box] iframe,

.boxes>[class^=box] object {

	width: auto;

	max-width: 100%;

	height: auto;

}
@media only screen and (max-width:601px){
	.boxes>.box01 {

	width: 50%;

}

.boxes>.box02 {

	width: 50%;

}

.boxes>.box5 {

	width: 50%;

}


.boxes>.box03 {

	width: 50%;

}

.boxes>.box04 {

	width: 50%;

}

.boxes>.box05 {

	width: 50%;

}

.boxes>.box06 {

	width: 50%;

}

.boxes>.box07 {

	width: 50%;

}

.boxes>.box08 {

	width: 50%;

}

.boxes>.box09 {

	width: 50%;

}

.boxes>.box10 {

	width: 100%;

}

.boxes>.box11 {

	width: 100%;
}

.boxes>.box12 {

	width: 100%;

}
}

@media screen and (max-width: 600px) {
.boxes>.box01 {

	width: 100%;

}

.boxes>.box02 {

	width: 100%;

}

.boxes>.box5 {

	width: 100%;

}


.boxes>.box03 {

	width: 100%;

}

.boxes>.box04 {

	width: 100%;

}

.boxes>.box05 {

	width: 100%;

}

.boxes>.box06 {

	width: 100%;

}

.boxes>.box07 {

	width: 100%;

}

.boxes>.box08 {

	width: 100%;

}

.boxes>.box09 {

	width: 100%;

}

.boxes>.box10 {

	width: 100%;

}

.boxes>.box11 {

	width: 100%;
}

.boxes>.box12 {

	width: 100%;

}

}




.heitbox {height:180px;}

@media screen and (max-width: 1169px){
.heitbox {height:auto;}
}
.heitbox2 {height:260px;}

@media screen and (max-width: 1169px){
.heitbox2 {height:auto;}
}

.ngi_profile {
	width:320px;
	float:right;
}
@media screen and (max-width: 1169px){
.ngi_profile {
	padding:0 15px;
	width:100%;
	float:right;
}
}

@media only screen and (min-width: 768px) {
	
.saishomidasi{
	    text-align: center;
    margin-bottom: 35px;
    font-size: 16px;
	font-weight:bold;
	line-height: 30px;
    letter-spacing: 2px;
	    color: #333333;
	 
    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
}
@media only screen and (max-width: 767px) {
	
.saishomidasi{
	    text-align: center;
    margin-bottom: 35px;
    font-size: 16px;
	font-weight:bold;
	line-height: 28px;
    letter-spacing: 1.2px;
	    color: #9aa3b;
	 
   font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
}

.zenbumidasi{
	    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
	font-weight:bold;
	line-height: 30px;
    letter-spacing: 2px;
	    color: #333333;
	 
  font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


}

.centerbun{
	    text-align: center;

    font-size: 14px;
	font-weight:bold;
	
    letter-spacing: 2px;
	    color: #333333;
	 
  font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


}
.goaisatu {
    padding: 15px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    font-weight: ;
    line-height: 2.3em;
    color: #333333;
    font-weight: bold;
    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sekouarea {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px dotted #A8A8A8;
    text-align: left;
    font-size: 11px;
	font-weight: ;
    line-height: 1.8em;	    color: #333333;
	 font-weight: bold;
 font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


}
.yun{
	 
  font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
.midori{
	color: #84685a;
}
.f24 {
    font-size: 24px;
}
.f22 {
    font-size: 22px;
}
.mds01en{
	color: #84685a;
	font-size:15px;
}
.bgmidori{
	background: #f1f1f1;
}
.mawari15{
	padding:15px;
}
.center{
	text-align: center;
}
.line{
	    text-decoration: underline !important;
color: #84685a;
}
.btn_kuwashiku a {
    background-color: #84685a;
    color: #ffffff;
    padding: 7px 15px;
}

.mt20 {
    margin-top: 20px !important;
}
.btn_kuwashiku {
    display: inline-block;
    margin: auto;
}

@media only screen and (min-width: 992px) {
.migifix{
	    position: fixed;
    top: -30px;
    left: 0;
    z-index: 998;
}
.hidarifix {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 998;
}
.illusts{
	  
}
.ill1 {
 
	  background: url("../img/top/i1.png") no-repeat ;
   background-position: top left;
	float: left;
    background-size: contain;
    height: 179px;
    width: 250px;
    text-indent: -9999px;
	
}

.ill2 {
background: url(../img/top/i2.png) no-repeat;
     background-repeat: no-repeat;
    background-position: top right;
	float: right;
    background-size: contain;
    height: 150px;
    width: 210px;
    text-indent: -9999px;
}
.illhidari {
  background: url("../img/top/.png") no-repeat ;
   background-position: top left;
	float: left;
    background-size: contain;
    height: 179px;
    width: 250px;
    text-indent: -9999px;
	
}
.ill4 {
background: url(../img/top/i4.png) no-repeat;
     background-repeat: no-repeat;
    background-position: top right;
	float: right;
    background-size: contain;
    height: 179px;
    width: 245px;
    text-indent: -9999px;
}
.ill6 {
background: url(../img/top/i6.png) no-repeat;
     background-repeat: no-repeat;
    background-position: top right;
	float: right;
    background-size: contain;
    height: 159px;
    width: 245px;
    text-indent: -9999px;
}
.ill8 {
background: url(../img/top/i8.png) no-repeat;
     background-repeat: no-repeat;
    background-position: top right;
	float: right;
    background-size: contain;
    height: 159px;
    width: 245px;
    text-indent: -9999px;
}
.midasieigo{
	font-family: 'Zilla Slab', serif;
font-family: 'Cormorant', serif;
	  padding-top:44px;
	font-size: 4rem;
    line-height: 4.6rem;
    color: #84685a;
    text-align: center;

}
.subtitle11 {
 text-align: center;

    font-size: 16px;
     line-height: 2.3rem;
    letter-spacing: 1px;
	font-weight: 600;
    margin-top: .3rem;    color: #333333;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Open Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
}
	
	
}
	

@media only screen and (max-width: 991px) {
.migifix{
	display: none;
}
.hidarifix {
	display: none;
}
.illusts{
	  
}
.ill1 {
 
display: none;
}

.ill2 {
display: none;
}
.illhidari {
display: none;	
}
.ill4 {
display: none;
}
.ill6 {
display: none;
}	
.midasieigo{
	font-family: 'Zilla Slab', serif;
font-family: 'Cormorant', serif;
	  padding-top:0px;
	font-size: 3rem;
    line-height: 3.6rem;
        color: #84685a;
    text-align: center;

}
.subtitle11 {
 text-align: center;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Open Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.6rem;
    letter-spacing: 1;
	font-weight: 600;
    margin-top: .3rem;    color: #333333;

	clear: both;
}
	
	
}
.f13{
	font-size:13px;
}
.fmidasi{
	font-weight: bold;
	 color: #84685a;
	padding-bottom:10px;
	font-size:22px;
}
.migisen{
	border-right: dotted 1px #84685a;
	height:80%;
}
.fleft{
	float: left !important;
}

.fright{
	float: right;
}
.fontcc{
	font-family: 'Cormorant', serif;
}
.fontyu{
	font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.f555{
	color: #555;
}

.info {
    overflow: auto;
	padding-left:5px;
    width: 100%;
	text-align: left;
    height: 87px;
    clear: both;
}



#keyv {
	width: 100%;
	height: 100%;
	color: #FFF;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position: relative;
}

@media screen and (min-width: 922px) {
#keyv .inner {
	width: 100%;
	height: 100%;
	padding: 38px 0 0 0;
}
.pageTtlGroup {
padding-left: 32px;
    padding-top: 6px;
    background: rgba(255,255,255,0.0);
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
}
.pageTtlGroup .pageTtl {
	font-size: 1.5em;
	font-weight: ;
	padding-top:8px;
	border-radius: 2px;
	letter-spacing: 1.6px;
	  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #423d3a;
}
#qa .pageTtlGroup .pageTtl {
	font-size: 1.5em;
	font-weight: ;
	padding-top:0px;
	border-radius: 2px;
	letter-spacing: 1.6px;
	  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #423d3a;
}
#qa_g .pageTtlGroup .pageTtl {
	font-size: 1.5em;
	font-weight: ;
	padding-top:0px;
	border-radius: 2px;
	letter-spacing: 1.6px;
	  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #423d3a;
}
.pageTtlGroup .pageTtlsab {
	font-size: 1em;
	font-weight: ;
	padding-top:0px;
	border-radius: 2px;
	letter-spacing: 1.6px;text-align: center;
	  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #423d3a;
}
.pageTtlGroup .enTtl {
	color: #84685a;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 6px;
	font-family: 'Roboto Condensed', sans-serif;
font-family: 'Russo One', sans-serif;
	font-family: 'Cormorant', serif;
	font-weight: bold;
}
#features #keyv,
#concept #keyv,
#works #keyv,
#example #keyv,
#company #keyv,
#blog #keyv,
#contact #keyv,
#flow #keyv,
#area #keyv,
#qa #keyv,
#qa_g #keyv,
#voice #keyv,
#office #keyv,
#recruit #keyv,
#subsidy #keyv,
#maintenance #keyv,
#diagnosis #keyv,
#pickaeration #keyv,
#result #keyv,
#reform #keyv,
#exterior #keyv,
#block #keyv,
#fence #keyv,
#exterior #keyv,
#gardening #keyv,
#carport #keyv,
#other #keyv,
#sitemap #keyv,
#privacy #keyv
 {
	width:100%;
	color: #FFF;
	text-align: left;
	height: 160px;
}

#pageConnection01 #keyv,
#pageConnection02 #keyv,
#pageReport #keyv,
#pageReport01 #keyv,
#pageReport02 #keyv,
#pageReport03 #keyv,
#pageReport04 #keyv,
#pageStudents #keyv,
#pageResearchCenter #keyv {
	width:100%;
	color: #FFF;
	text-align: center;
	height: 160px;
}
}
@media screen and (max-width: 921px) {
	#keyv .inner {
		width: 100%;
		height: 100%;
		margin-top:0px;
		padding: 10px;
		padding: 20px 0 0 0;
		
	}
	.pageTtlGroup {
		padding: 12px 12px;
		background: rgba(255,255,255,0.0); 
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	.pageTtlGroup .pageTtl {
		font-size: 1em;
		font-weight: bold;
		border-radius: 2px;
		letter-spacing: 2px;
		line-height:1.2;
		color: #2C2520;
	}
	.pageTtlGroup .pageTtlsab {
		font-size: 0.6em;
		font-weight: bold;
		border-radius: 2px;
		letter-spacing: 2px;
		line-height:1.2;
		color: #2C2520;	text-align: center;
	}
	.pageTtlGroup .enTtl {
		color: #84685a;
		font-family: 'Oswald', sans-serif;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 0.8;
		text-align: center;
		margin-top: 2px;
			font-family: 'Roboto Condensed', sans-serif;
font-family: 'Russo One', sans-serif;
		    font-family: 'Cormorant', serif;
	}
#features #keyv,
#concept #keyv,
#works #keyv,
#example #keyv,
#company #keyv,
#blog #keyv,
#contact #keyv,
#flow #keyv,
#area #keyv,
#qa #keyv,
#qa_g #keyv,
#voice #keyv,
#office #keyv,
#recruit #keyv,
#subsidy #keyv,
#maintenance #keyv,
#diagnosis #keyv,
#pickaeration #keyv,
#result #keyv,
#reform #keyv,
#exterior #keyv,
#block #keyv,
#fence #keyv,
#exterior #keyv,
#gardening #keyv,
#carport #keyv,
#other #keyv,
#sitemap #keyv,
#privacy #keyv
	{
			width:100%;
			height: 100px;
	}
}
#features #keyv {
	background: url(../img/common/features.jpg) no-repeat center;
	background-size: cover;
}
#concept #keyv {
	background: url(../img/common/concept.jpg) no-repeat center;
	background-size: cover;
}

#works #keyv {
	background: url(../img/common/works.jpg) no-repeat center;
	background-size: cover;
}

#example #keyv {
	background: url(../img/common/example.jpg) no-repeat center;
	background-size: cover;
}

#company #keyv {
	background: url(../img/common/company.jpg) no-repeat center;
	background-size: cover;
}

#blog #keyv {
	background: url(../img/common/blog.jpg) no-repeat center;
	background-size: cover;
}

#contact #keyv {
	background: url(../img/common/contact.jpg) no-repeat center;
	background-size: cover;
}

#flow #keyv {
	background: url(../img/common/flow.jpg) no-repeat center;
	background-size: cover;
}

#area #keyv {
	background: url(../img/common/area.jpg) no-repeat center;
	background-size: cover;
}


#qa #keyv {
	background: url(../img/common/qa.jpg) no-repeat center;
	background-size: cover;
}
#qa_g #keyv {
	background: url(../img/common/qa_g.jpg) no-repeat center;
	background-size: cover;
}

#voice #keyv {
	background: url(../img/common/voice.jpg) no-repeat center;
	background-size: cover;
}

#office #keyv {
	background: url(../img/common/office.jpg) no-repeat center;
	background-size: cover;
}

#recruit #keyv {
	background: url(../img/common/recruit.jpg) no-repeat center;
	background-size: cover;
}

#subsidy #keyv {
	background: url(../img/common/subsidy.jpg) no-repeat center;
	background-size: cover;
}

#maintenance #keyv {
	background: url(../img/common/maintenance.jpg) no-repeat center;
	background-size: cover;
}

#diagnosis #keyv {
	background: url(../img/common/diagnosis.jpg) no-repeat center;
	background-size: cover;
}

#pickaeration #keyv {
	background: url(../img/common/pickaeration.jpg) no-repeat center;
	background-size: cover;
}

#result #keyv {
	background: url(../img/common/result.jpg) no-repeat center;
	background-size: cover;
}

#reform #keyv {
	background: url(../img/common/reform.jpg) no-repeat center;
	background-size: cover;
}

#exterior #keyv {
	background: url(../img/common/exterior.jpg) no-repeat center;
	background-size: cover;
}

#block #keyv {
	background: url(../img/common/block.jpg) no-repeat center;
	background-size: cover;
}

#fence #keyv {
	background: url(../img/common/fence.jpg) no-repeat center;
	background-size: cover;
}

#gardening #keyv {
	background: url(../img/common/gardening.jpg) no-repeat center;
	background-size: cover;
}

#carport #keyv {
	background: url(../img/common/carport.jpg) no-repeat center;
	background-size: cover;
}

#other #keyv {
	background: url(../img/common/other.jpg) no-repeat center;
	background-size: cover;
}

#sitemap #keyv {
	background: url(../img/common/sitemap.jpg) no-repeat center;
	background-size: cover;
}


#privacy #keyv {
	background: url(../img/common/privacy.jpg) no-repeat center;
	background-size: cover;
}


@media only screen and (min-width: 992px) {
	.condaini{
		width: 1000px;
		    margin: 0px auto ;
	}	
}
@media only screen and (max-width: 991px) {
	.condaini{
		width: 100%;
	}	
}

.concepthaikei{
		background: url(../img/concept/haikei.png) no-repeat center;
	background-size: cover;
}
#tbl .shokai{
  width:100%;
  border: 1px solid #cccccc;

  font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 
#tbl .shokai th{
  padding: 6px 8px 5px;
  border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
  width: 30%;

  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;

  vertical-align: top;
  background-color: #F4F4F4;
  color:#5d4c41;
}
 
#tbl .shokai td{
padding: 10px 10px;
text-align: left;
vertical-align: top;
background-color: #ffffff;
border-top: solid 1px #cccccc;

}
.centermozi{
		text-align: left;
	}
#tbl .shokai td textarea{
	width: 80%;

	} 
@media (max-width: 400px){
#tbl .shokai{

	  font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#tbl .shokai th{
  width:100%;

  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
#tbl .shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
  border-right: none !important;
}
.centermozi{
		text-align: center;
	}
#tbl .shokai td textarea,input{
	width: 100%;

	}
}

h4 {
    font-size: 18px;
    color: #694949;
    margin-bottom:;
	font-weight: bold;    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* trimming */
@media only screen and (min-width: 993px), print {
 .trim {
  width: 100%;  /* トリミングしたい幅 */
  height: 200px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.trim {
  width: 100%;  /* トリミングしたい幅 */
  /*height: 80px;*/  /* トリミングしたい高さ */
  height: 200px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 390px) {
.trim {
  width: 100%;  /* トリミングしたい幅 */
  /*height: 40px;*/  /* トリミングしたい高さ */
  height: 200px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}

.utmbk {
    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
    background-color: #efefef;
    overflow: hidden;
    line-height: 1.6em;
    height: 270px;
}
.title {
    /* height: 85px; */
    height: 100%;
    padding: 10px;
    text-align: justify;
    line-height: 1.2em;
}


.utmbk {
    background-color: #ffffff;
    /* padding: 10px; */
    /* border: 2px solid #dddddd; */
    background-color: #efefef;
    overflow: hidden;
    line-height: 1.6em;
    height: 270px;
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.utmbk,.utmbk_in {
	height: 280px;
}
}

@media only screen and (max-width: 390px) {
.utmbk,.utmbk_in {
	height: 280px;
}
}
.utmbk_in {
    /* background:url(../img/top/bg_title.png) right bottom; */
    /* background-repeat: no-repeat; */
    /* overflow: hidden; */
    height: 270px;
}

.title {
	/*height: 85px;*/
	height: 100%;
	padding: 10px;
	/*background:url(../img/top/bg_title.png) right center;
	background-repeat: no-repeat;
	background-color: #efefef;*/
	text-align:justify;
	line-height: 1.4em
	}

@media only screen and (min-width: 391px) and (max-width: 992px) {
.title {
	padding: 15px 10px;
}
}

@media only screen and (max-width: 390px) {
.title {
	padding: 15px 10px;
}
}


/*-------記事詳細ページ-------*/
.monthly {
	width: 100%;
	float:left;
}
.monthly_mds {
	font-size: 1em;
	border-bottom: 2px solid #282828;
	padding-bottom: 3px;
	margin-bottom: 7px;
	font-weight: bold;
}
.monthly_mds span {
	font-size: 0.8em;
	color:#84685a;
}
.kani{
	background-image: url(../img/common/kani.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.ebi{
	background-image: url(../img/common/ebi.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.monthly ul {
	list-style: none;
	font-size: 0.85em;
	line-height: 1.8em;
}
.monthly ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #282828;
}
.monthly ul li a{
	text-decoration: none;
	color:#282828;
	line-height: 1.4em;
}
.monthly ul.list_theme li a:before{
	font-family: FontAwesome;
	content: "\f040";
	padding-right: 7px;
	color: #84685a;/*アイコンの色*/
}
.monthly ul.list_monthly li a:before{
	font-family: FontAwesome;
	content: "\f133";
	padding-right: 7px;
	color: #84685a;/*アイコンの色*/
}

.monthly ul li.active a {
	font-size:120%;
	font-weight:bold;
	color:#333;
}

/*-------記事詳細ページ-------*/
.monthly {
	width: 100%;
	float:left;
}
.monthly_mds {
	font-size: 1em;
	border-bottom: 1px solid #282828;
	padding-bottom: 3px;
	margin-bottom: 7px;
	font-weight: bold;
}
.monthly_mds span {
	font-size: 0.8em;
	color:#84685a;
}
.kani{
	background-image: url(../img/common/kani.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.ebi{
	background-image: url(../img/common/ebi.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.monthly ul {
	list-style: none;
	font-size: 0.85em;
	line-height: 1.8em;
}
.monthly ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #282828;
}
.monthly ul li a{
	text-decoration: none;
	color:#282828;
	line-height: 1.4em;
}
.monthly ul.list_theme li a:before{
	font-family: FontAwesome;
	content: "\f040";
	padding-right: 7px;
	color: #84685a;/*アイコンの色*/
}
.monthly ul.list_monthly li a:before{
	font-family: FontAwesome;
	content: "\f133";
	padding-right: 7px;
	color: #84685a;/*アイコンの色*/
}

.monthly ul li.active a {
	font-size:120%;
	font-weight:bold;
	color:#333;
}

.page {
	width: 100%;
}
.date02 {
	font-size:1em;
	font-weight: bold;
	letter-spacing: 1px;
}
.blog_mds {
	padding: 20px 0 15px 40px;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #4c4c4c;
	background: url(../img/common/ic_kin.png) left center;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.blog_mds {
	font-size: 1.5em;
	line-height: 1.2em;
}
}

@media only screen and (max-width: 390px) {
.blog_mds {
	font-size: 1.5em;
	line-height: 1.2em;
}
}

.midasidaini{
	font-size: 18px;
    color: #694949;
	font-weight: bold;
    margin-bottom: 20px;
    border-left: 4px solid #694949;
    padding-left: 10px;
}


/* faq/index.html
---------------------------------------------------------- */
.faqList01 {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 40px;
}
.faqList01:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
	.faqList01 dt {
		font-size: 120%;
		font-weight: bold;
		background: url(../img/qa/q.png) no-repeat left 0.26em;
		padding: 6px 0 8px 42px;
		margin-bottom: 10px;
	}
	.faqList01 dd {
		background: url(../img/qa/a.png) no-repeat left 0.26em;
		padding: 2px 0 33px 42px;
		font-size:15px;
	}
	

@media screen and (max-width:767px){
.faqList01 {
	margin-bottom: 20px;
}
	.faqList01 dt {
		font-size: 15px;
		padding: 6px 0 8px 42px;
		margin-bottom: 10px;
	}
	.faqList01 dd {
		padding: 5px 0 20px 42px;
	}
}


.tt1 {
    background: url(../img/features/t1.png) 0 0 no-repeat;
       padding: 3px 32px 4px 42px;
    border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.tt2 {
    background: url(../img/features/t2.png) 0 0 no-repeat;
       padding: 3px 32px 4px 42px;
    border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.tt3 {
    background: url(../img/features/t3.png) 0 0 no-repeat;
       padding: 3px 32px 4px 42px;
    border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.tt4 {
    background: url(../img/features/t4.png) 0 0 no-repeat;
       padding: 3px 32px 4px 42px;
    border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.tt5 {
    background: url(../img/features/t5.png) 0 0 no-repeat;
       padding: 3px 32px 4px 42px;
    border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow1 {
    background: url(../img/flow/step1.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow2 {
    background: url(../img/flow/step2.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}
.flow3 {
    background: url(../img/flow/step3.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow4 {
    background: url(../img/flow/step4.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow5 {
    background: url(../img/flow/step5.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow6 {
    background: url(../img/flow/step6.png) 0 0 no-repeat;
      padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.flow7 {
    background: url(../img/flow/step7.png) 0 0 no-repeat;
       padding: 6px 32px 12px 88px;
border-bottom: 1px dotted #666666;
    font-weight: bold;
    color: #555555;
   color: #84685a;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}

.sekoutbl {
    background: url(../img/seamless.jpg) repeat;
}

a .koumokubtn{
	width: 100%;
	background-color: #ececec !important;

    display: inline-block;
    padding: 15px 0;
    color: #333;
	    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #ddd;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    margin-bottom: 10px;
}

a:hover .koumokubtn {

    display: inline-block;
    padding: 15px 0;
    color: #fff;
	background-color: #E2D8AB !important;
	    font-family: "YuGothic","Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #ddd;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    margin-bottom: 10px;
}

.inin {
  overflow: auto;
	max-height:400px;
}

.reformhaikei{
		background: url(../img/reform/haikei.jpg) no-repeat center;
	background-size: ;
}
.exteriorhaikei{
		background: url(../img/exterior/haikei.jpg) no-repeat center;
	background-size: ;
}
.gardeninghaikei{
		background: url(../img/gardening/haikei.jpg) no-repeat center;
	background-size:;
}
.maintenancehaikei{
		background: url(../img/maintenance/haikei.jpg) no-repeat center;
	background-size: ;
}
.diagnosishaikei{
		background: url(../img/diagnosis/haikei.jpg) no-repeat center;
	background-size: ;
}
.pickaerationhaikei{
		background: url(../img/pickaeration/haikei.jpg) no-repeat center;
	background-size: ;
}
.blockhaikei{
		background: url(../img/block/haikei.jpg) no-repeat center;
	background-size: ;
}
.fencehaikei{
		background: url(../img/fence/haikei.jpg) no-repeat center;
	background-size: ;
}
.carporthaikei{
		background: url(../img/carport/haikei.jpg) no-repeat center;
	background-size: ;
}
.recruithaikei{
		background: url(../img/recruit/haikei.jpg) no-repeat center;
	background-size: ;
}
.officehaikei{
		background: url(../img/office/haikei.jpg) no-repeat center;
	background-size: ;
}

.qahaikei{
		background: url(../img/qa/haikei.jpg) no-repeat center;
	background-size: ;
}
.qa_ghaikei{
		background: url(../img/qa_g/haikei.jpg) no-repeat center;
	background-size: ;
}
.f10{
	font-size:10px;
}
.nlink{
	text-align: center;color: #94745b;
}
.page-numbers {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
}