@charset "utf-8";

body,input,select,textarea{color:#283034;}

body{min-width:100%;}

:selection,:-moz-selection {background-color:#283034;color:#FFF;}

a,a:hover{color:#283034;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:#283034;
	text-decoration:underline;
	}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration:none;}

.img-link:hover img{opacity:.75;}

span[data-action="call"]{display:inline-block;white-space: nowrap;}


/* index */
.plus0{margin-top: 0;}
.plus1{margin-top: 4rem;}
.plus2{margin-top: 8rem;}

.minus0{margin-top: 0;}
.minus1{margin-top: -4rem;}
.minus2{margin-top: -8rem;}
	@media only screen and (max-width:991px)	{
		.minus0{margin-top: 0;}
		.minus1{margin-top: -3rem;}
		.minus2{margin-top: -6rem;}
	
	}
	@media only screen and (max-width:767px)	{
		.minus0{margin-top: 0;}
		.minus1{margin-top: -2rem;}
		.minus2{margin-top: -4rem;}
	
	}

	@media only screen and (max-width:575px)	{
		.plus0,.plus1,.plus2,.minus0,.minus1,.minus2{margin-top: 0;}
		
	}

.sec-services{background-color: #283034;}

.sec-services .bg-float-ful{opacity:.33;background: url(../images/sec-services.jpg) center center /cover no-repeat fixed;}

.sec-services h3,.sec-services h3 small{color:#FFF;}
.sec-services h3.leftline{border-color: #FFF;}



.services-link{display: block;border: 1px solid rgba(255,255,255,.5);border-radius:.5rem;}

.service-img{position: relative;padding: 1rem;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);transition:background-color .3s;}

.service-img img{width: 100%;max-width:6rem;height: auto;}

.service-img > span{position: absolute;top: .5rem;right: 1rem;text-align: right;display: block;font-size: 3rem;line-height: .75;color:rgba(255,255,255,.66);transition:color .3s;}
	@media only screen and (max-width:1199px)	{.service-img > span{font-size: 2.75rem;}}
	@media only screen and (max-width:991px)	{.service-img > span{font-size: 2.5rem;}}
	@media only screen and (max-width:767px)	{.service-img > span{font-size: 2.25rem;}}
	@media only screen and (max-width:575px)	{.service-img > span{font-size: 3rem;}}


a.services-link:hover .service-img{background-color:rgba(0,0,0,.33);transition:background-color .3s;}

.service-img figcaption{line-height: 1.75;font-weight: 700;margin-top: 1em;}
	@media only screen and (max-width:1199px)	{.service-img figcaption{padding-left: .25rem;}}
	@media only screen and (max-width:991px)	{.service-img figcaption{}}
	@media only screen and (max-width:767px)	{.service-img figcaption{padding-left: .25rem;}}

.service-img figcaption strong{display: flex;align-items:flex-end;color:#FFF;font-size: 1.125em;line-height: 1;font-weight: 400;}


.service-img figcaption small{display: block;color:#283034;font-size: 0.5em;margin-top: 1em;font-weight: 700;font-size: 'Noto Sans JP',sans-serif;}
	@media only screen and (max-width:1199px)	{.service-img figcaption small{font-size: .6em;}}



/* roof,wall,gutter */
.lineup-img{background-color: #FFF;border: 1px solid rgba(0,0,0,.1);padding: .75rem;}
	@media only screen and (max-width:991px)	{.lineup-img{padding: .5rem;}}
	@media only screen and (max-width:767px)	{.lineup-img{padding: .25rem;}}




.line-box{display:block;width:100%;position:relative;border: 1px solid #596A73;margin-top: 1rem;}


.line-box .box-body{padding:0 2rem 2rem;display: flex;justify-content:center;}
	@media only screen and (max-width:991px)	{.line-box .box-body{padding:0 1.5rem 1.5rem;}}
	@media only screen and (max-width:767px)	{.line-box .box-body{padding:0 1rem 1rem;}}


.line-box .box-head{padding:1.5rem 2rem;font-size:1.25rem;color:#596A73;margin-top: -2.5rem;}
	@media only screen and (max-width:991px)	{.line-box .box-head{padding:1rem 2rem;font-size:1.25rem;margin-top: -1.75rem;}}
	@media only screen and (max-width:767px)	{.line-box .box-head{padding:1rem;font-size:1.125rem;margin-top: -1.75rem;}}

.line-box .box-head span{padding:0 .75rem;display: inline-block;}

.line-box + .line-box	{margin-top: 2rem;}


.sec-flow{background: url(../images/roof06b.jpg) center center /cover no-repeat;}

.sec-desc{padding-top: 0 !important;}