@charset "UTF-8";

/*
----------------------------------------------------------------------------------------------*/


/*PC設定*/

/*
----------------------------------------------------------------------------------------------*/




* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
	line-height: 1.5em;
	color: #000;
	font-family: "hiraginoW3";
}
body {
	width: 100%;
	/*background-color: #142500;*/
	/*background-color: #0B1E00;*/
}

#worksBg{background-color:#efefef;}

p{font-family: "hiraginoW3";
color: #231815;}

img {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
.sp {
	display: none;
}


#wrapper {
	position: relative;
	width: 100%
}
/* ヘッダーBOX設定 */


body {
	/*background-image: url(../../img/top/bg01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-size:100% auto;*/
}
#container {
	/*height: auto;*/
	width: 100%;
	text-align: center;
	height: 100%;
}

.header_box_sp_top{display: none;}


#header_box_sp {
	display: none;
}


#header_box {
	width: 100%;
	/*text-align: center;*/
	position: absolute;
	/*background-color: #000;*/
	/*background-image: url(../../img/common/lap_bg50.png);*/
	z-index:100000;
	/*-moz-box-shadow: 0px 0px 4px #CCC;
-webkit-box-shadow: 0px 0px 4px #CCC;
box-shadow: 0px 0px 4px #CCC;*/
}
#header_box h1 {
	width: 185px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;	/*position:absolute;
	left:15px;
	top:15px;*/
}

#header_box h1 img{ width:100%;}

.head_centerBox{
	padding-top:35px;

}


#header_box ul {
	float:right;
	position:absolute;
	top:40px;
	right:200px;	
}
#header_box ul li {
	margin-right: 20px;
	width:auto;
	/*height:32px;*/
	display: inline-block;
	font-family:"ariblk";
	}
	
#header_box ul li a{ color:#fff;font-size:120% !important;}





/* r-nav
------------------------------------------*/

#nav {
	display: none;
}



/*スライダー	*/

.slideBox {
	width:100%;
  height: 950px;
  /*overflow: hidden;*/
  position: relative;
}

.slideBox .stxt{ position: absolute;
left:80px;
top:45%;
z-index:10000000;}

/* imgのみ */
.item1 {
  opacity: 0;
  width: 100%;
  height: 950px;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 25s 0s infinite;
  animation: anime 25s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.item1:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

.item1:nth-of-type(5) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}


/*top タイトル ---------------------------------*/

.ab_topBox{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	height: 844px;
	background-image: url(../../img/top/top_ab_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom:50px;
}

.ab_topBox h2{
	line-height: 1.3em;
	font-size: 300%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 120px;
	margin-bottom: 25px;
	background-image: url(../../img/top/top_mark2.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}

.ab_topBox h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:30%;
}

.ab_topBox p{
line-height:2em;
font-size:130%;
font-family:"hiraginoW3";
color: #231815;

}

/*top ABOUT ---------------------------------*/
.stxt_top{width:100%;
text-align:center;
}

.stxt_top img{width:350px;
margin-bottom:50px;}


/*top WORKS ---------------------------------*/

.ab_topBox2{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.ab_topBox2 h2{
	line-height: 0.5em;
	font-size: 300%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 120px;
	margin-bottom: 50px;
	background-image: url(../../img/top/top_mark2.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}

.ab_topBox2 h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:30%;
}

.ab_topBox2 p{
line-height:2em;
font-size:130%;
font-family:"hiraginoW3";
color: #231815;

}

.listBox1{ margin-bottom:50px;
width:70%;
	margin-left: auto;
	margin-right: auto;}


.listBox1 dl{width:calc(90% / 3);
float:left;
margin-right:5%;
margin-bottom:30px}


.listBox1 dl.mr0{margin-right:0;}

.listBox1 dl dt{ padding-top:15px;
text-align:left;
margin-bottom:10px;}

.listBox1 dl dd{
text-align:left;
font-family:"hiraginoW6";
font-size:140%}

.listBox1 dl a{ color:#000  !important;}

.btnBox_more{ width:489px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px;}
.btnBox_more img{width:100%;}



/*フッター設定-------------------------------------------------*/

footer{
	background-color: #231815;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	height:280px;
	
}

footer .fLogo{
	margin-bottom:50px;
	width:185px;
	margin-left:auto;
    margin-right:auto;
	padding-top:70px;
}


footer address {
	color: #fff;
	font-size: 80%;
	text-align:center;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	
}

footer ul{
text-align:center;
margin-bottom:50px}

footer ul li {
	margin-right: 30px;
	width:auto;
	/*height:32px;*/
	display: inline-block;
	font-family:"ariblk";
	}
	
footer ul li a{ color:#fff;font-size:120% !important;}

.snsBox{ text-align:center;padding-left:10px;
position:absolute;
top:33px;
right:50px;
z-index:10000000;}

.snsBox .mark01{ width:25px;margin-right:10px ; display:inline;}

.snsBox .mark01 img{ width:25px;}

.pageTop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 70px;
	height: auto;
	z-index: 1001;
}
.pageTop img {
	width: 100%;
}


/* Mobile Only */

#navPanel, #titleBar {
	display: none;
}



/*SEO設定-----------------------------------------------*/
.seoBox{ display:none !important;
line-height:0;}


/* アニメーション設定1*/
.css-fade01{opacity: 0;}
.css-fade01--in{
  animation-name:fade-in01;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01 {
  0% {opacity: 0; transform: translate3d(0,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定2*/

.css-fade02{opacity: 0; width:100%; padding-top:40px;}
.css-fade02--in{
  animation-name:fade-in02;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in02 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定3*/
.css-fade03{opacity: 0;}
.css-fade03--in{
  animation-name:fade-in03;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in03 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/* アニメーション設定4*/
.css-fade04{opacity: 0; width:100%; padding-top:40px; padding-bottom:10px}
.css-fade04--in{
  animation-name:fade-in04;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in04 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定5*/
.css-fade05{opacity: 0; padding-top:40px; padding-bottom:10px}
.css-fade05--in{
  animation-name:fade-in05;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in05 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/*セカンドイメージ	*/

.imageBox1 {
	width: 100%;
	height: 800px;
	/*overflow: hidden;*/
	position: relative;
	background-image: url(../../img/about/ab_main.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.imageBox1 .stxt{ position: absolute;
left:40%;
top:33%;
z-index:10000000;
width:350px;}

.wcl li a{ color:#333 !important;font-size:120% !important;}

.ab_topBox_sub{
	width: 100%;
	margin-bottom: 50px;
	background-color:#efefef;
	padding-top:80px;
	padding-bottom:100px;
}

.ab_topBox_sub p{
line-height:2em;
font-size:130%;
font-family:"hiraginoW3";
color: #231815;}


.ab_topBox_sub2{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.ab_topBox_sub2 h2{
	line-height: 0.5em;
	font-size: 300%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 120px;
	margin-bottom: 50px;
	background-image: url(../../img/top/top_mark3.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}

.ab_topBox_sub2 h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:30%;
}

.ab_topBox_sub2 p{
line-height:2em;
font-size:130%;
font-family:"hiraginoW3";
color: #231815;

}


.listBox2{ margin-bottom:50px;
width:70%;
	margin-left: auto;
	margin-right: auto;}


.listBox2 div{width:calc(90% / 3);
float:left;
margin-right:5%;
margin-bottom:60px}


.listBox2 div.mr0{margin-right:0;}


/*Works*/
.Box_bg{width:90%;
margin-left:auto !important;
margin-right:auto !important;}

.Box1 {
	width: 100%;
	height: 500px;
	position: relative;
}

.Box1 .stxt{ position: absolute;
left:39.5%;
top:20%;
z-index:10000000;
width:350px;}


.worksBox1{ margin-bottom:50px;

	margin-left: auto;
	margin-right: auto;}


.worksBox1 ul li{width:29%;
float:left;
margin-right:2%;
margin-left:2%;
margin-bottom:30px}

.worksBox1 ul li img{ width:100%}

.worksBox1 ul li a{color: #555a5b;}

.worksBox1 ul li a:hover{ opacity:.7;}

.worksBox1 h4{ padding-top:15px;
text-align:left;
margin-bottom:10px;}

.worksBox1 p{
text-align:left;
font-family:"hiraginoW6";
font-size:140%}



/*タブ設定=====================================*/

.tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom:50px;
width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding-left:12px;
}

.tab_label {
	color: #231815;
	font-size: 120% !important;
	display: inline-block;
	font-family: "ariblk";
	position: relative;
	z-index: 1;
	cursor: pointer;
	/*flex: 1;*/
	padding: 10px;
	width: 15%;
	text-align: center;
	margin-left: 22px;
}

/*.tab_label(1) {
	width:3%;
}*/


.tab_label:hover {
  opacity: 0.75;
}

.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
}

input[name="tab_switch"] {
  display: none;
}

.tabs input:checked + .tab_label {
  color:#fff;font-size:120% !important;
background-color:#231815;
padding: 10px;
}
.tabs input:checked + .tab_label::after {
  content: '';
  width: 0;
  height: 0;
  /*border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #13c3ac transparent transparent transparent;*/
  display: block;
  /*position: absolute;
  top: 100%;
  left: 50%;*/
  /*margin-left: -10px;*/
  transition: all 0.3s ease 0s;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content {
  display: block;
  padding-top:50px;
}

.tab_content{
  position: relative;
  animation: fadeIn 1s ease;
}

/*施工caces設定=====================================*/

.caceBox{
padding-top:100px;
width:70%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}

.caceBox .mainimg{ width:100%;
margin-bottom:50px;
}

.caceBox .mainimg img{ width:100%;}

.caceBox h3{ font-size:110%;
font-weight:bold;
text-align: center !important;
font-family:"hiraginoW6";
color: #231815;
margin-bottom:20px;
}

.caceBox h4{ font-size:240%;
font-weight:bold;
font-family:"hiraginoW6";
color: #231815;
text-align:center !important;
margin-bottom:20px;}

.caceBox h5{ font-size:180%;
font-weight:bold;
font-family:"hiraginoW6";
color: #231815;
text-align:center !important;
margin-bottom:20px;}

.caceBox p.adr01{font-size:130%;
font-family:"hiraginoW3";
color: #231815;
text-align:center !important;
margin-bottom:30px;
}

.caceBox p{font-size:130%;
font-family:"hiraginoW3";
color: #231815;
text-align:center !important;
margin-bottom:50px;
line-height:1.8em;
}

/*会社概要*/

.Box2 {
	width: 100%;
	height: 400px;
	position: relative;
	padding-top:150px
}

.map01{ height:450px;}

.companyBox{
	width: 70%;
	background-color:#fff;
	padding-top:0;
	padding-bottom:60px;
	margin-left:auto;
margin-right:auto;
}

.companyBox table{ width:900px;
margin-left:auto;
margin-right:auto;

}

.companyBox table th{ background-color:#fff; color:#231815; border-bottom: 5px #fff solid; border-right: 3px #999 solid; padding:20px; vertical-align:middle; width:50%;
text-align:right !important;padding-right: 50px;}

.companyBox table td{
	background-color: #fff;
	color: #231815;
	border-bottom: 1px #fff solid;
	vertical-align: middle;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}


@media screen and (max-width:900px)  {
/*
----------------------------------------------------------------------------------------------*/


/*スマホ設定 縦向きの場合のスタイル*/

/*
----------------------------------------------------------------------------------------------*/

/*SEO設定-----------------------------------------------*/
.seoBox{ display:none !important;
line-height:0;}

/*SEO設定-----------------------------------------------*/

html {
	margin: 0px;
	padding: 0px;
	width: 100% !important;
	font-family: "hiraginoW3";
}
body {
	width: 100%;
	font-family:"hiraginoW3";

}

#worksBg{background-color:#efefef;}

#container {
	/*height: auto;*/
	width: 100%;
	height: 100%;
	margin-bottom:0 !important;
}

.wrapper {
	width: 100%;
	padding: 0px 0px 0em 0px;
}
img {
	width: 100%;
}
.pc {
	display: none !important;
}

.sp {
	display: block !important;
}
.brsp {
	display: block !important;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}

/*imgスペースバグ対応設定
---------------------------------------*/

img {
	line-height: 1 !important;
	font-size: 0 !important;
}
/*width設定-----------------------------------------------*/

.sw40 {
	width: 40%;
}
.sw46 {
	width: 46%;
}
.sw48 {
	width: 48%;
}
.sw60 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw70 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.sw96 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.sw100 {
	width: 100%;
}




/* topヘッダーBOX設定 */

#header_box {
	display: none !important;
}

.header_box_sp_top {
	background-color:#231815;
	-moz-box-shadow: 0px 0px 4px #CCC;
-webkit-box-shadow: 0px 0px 4px #CCC;
box-shadow: 0px 0px 4px #CCC;
position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100000001;
	height:60px !important;
}
.header_box_sp_top header h1 {
	width:32%;
	float: none !important;
	padding:10px;
}

@media screen and (max-width:440px)  {
.header_box_sp_top header h1 {
	width:45%;
	float: none !important;
	padding:10px;
}
	
}
.header_box_sp_top header h1 img {
	width: 100%;
}



.header_box_sp_top .mark02{width:80px;
display: inline !important;
	position: absolute;
top:20px;
right:54px;
z-index:1000000;}

.header_box_sp_top .mark02 img{ height:25px; width:auto; margin-right:7px !important;}



#headerWrap{
		position: relative;
		width: 100%;
		height: 70px;
		z-index: 500;
	}

a#menu{
	display: inline-block;
	position: relative;
	width: 43px;
	height: 43px;
	background-color: #231815;
	padding-left:0;
	top: 12px;
  	right: 7px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 40%;
  	left: 50%;
  	width: 24px;
  	height: 2px;
  	/*margin: -1px 0 0 -7px;*/
	margin: 3px 0 0 -12px;
  	background: #fff;
  	transition: .3s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 24px;
  	height: 2px;
  	background: #fff;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 10px;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
		z-index:500;
	}

	#mainnav ul{
	border-bottom: 1px solid #000;
	text-align: left;
	background-color: #333;
	}

	#mainnav li a{
	position: relative;
	display: block;
	padding: 15px 25px;
	border-bottom: 1px solid #333;
	color: #CCC;
	font-weight: 400;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #CCC;
		border-right: solid 2px #CCC;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#mainnav ul li ul{ padding-left:20px;}




/*イメージスライダー*/
/*スライダー	*/

.slideBox1 {
  height: 500px !important;
  /*overflow: hidden;*/
  position: relative;
}

.slideBox1 img{height:500px !important;}

.slideBox1 .stxt{ position: absolute;
left:20px;
top:42%;
z-index:1000;
}

.slideBox1 .stxt img{ width:70%; height:auto !important;}

/* imgのみ */
.item1 {
  opacity: 0;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
  /*position: absolute;
  left: 0;
  top: 0;*/
  -webkit-animation: anime 25s 0s infinite;
  animation: anime 25s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

.item1:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

.item1:nth-of-type(5) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}


/*top タイトル ---------------------------------*/

.ab_topBox{
	width:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	height: auto;
	background-image:none;
	/*background-repeat: no-repeat;
	background-position: center top;*/
	background-color:#efefef;
	padding-bottom:50px;
	padding-left:4%;
	padding-right:4%;
}

.ab_topBox h2{
	line-height: 1.5em;
	font-size: 180%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 120px;
	margin-bottom: 50px;
	background-image: url(../../img/top/top_mark1.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}

.ab_topBox h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:40%;
}

.ab_topBox p{
line-height:2em;
font-size:110%;
font-family:"hiraginoW3";
color: #231815;

}

/*top ABOUT ---------------------------------*/
.stxt_top{width:100%;
text-align:center;
margin-bottom:80px;
}

.stxt_top img{width:70%;
}




/*top WORKS ---------------------------------*/

.ab_topBox2{
	width:auto;
	margin-bottom: 0;
	height: auto;
	padding-bottom:50px;
	padding-left:4%;
	padding-right:4%;
}

.ab_topBox2 h2{
	line-height: 0.7em;
	font-size: 300%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 70px;
	margin-bottom: 50px;
	background-image: url(../../img/top/top_mark2.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}

.ab_topBox2 h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:40%;
}

.ab_topBox2 p{
line-height:2em;
font-size:110%;
font-family:"hiraginoW3";
color: #231815;

}

.listBox1{ margin-bottom:50px;
padding-left:4%;
padding-right:4%;
width:auto;}


.listBox1 dl{width:calc(95% /2);
float:left;
margin-right:5%;
margin-bottom:20px}
.listBox1 dl a{ color:#000  !important;}

.listBox1 dl.mr0{margin-right:5% !important; }

.listBox1 dl.mrs0{margin-right:0 !important; }

.listBox1 dl dt{ padding-top:5px;
text-align:left;
margin-bottom:3px;
font-size:80%;}

.listBox1 dl dd{
text-align:left;
font-family:"hiraginoW6";
font-size:110%;
line-height:1em;}

.btnBox_more{ width:80%;
margin-left:auto;
margin-right:auto;
margin-bottom:150px;}
.btnBox_more img{width:100%;}



/*フッター設定-------------------------------------------------*/

footer{
	background-color: #231815;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	height:280px;
	
}

footer .fLogo{
	margin-bottom:50px;
	width:185px;
	margin-left:auto;
    margin-right:auto;
	padding-top:70px;
}


footer address {
	color: #fff;
	font-size: 80%;
	text-align:center;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	
}

footer ul{
text-align:center;
margin-bottom:50px}

footer ul li {
	margin-right: 30px;
	width:auto;
	/*height:32px;*/
	display: inline-block;
	font-family:"ariblk";
	}
	
footer ul li a{ color:#fff;font-size:120% !important;}

.snsBox{ text-align:center;padding-left:10px;
position:absolute;
top:33px;
right:50px;
z-index:10000000;}

.snsBox .mark01{ width:25px;margin-right:10px ; display:inline;}

.snsBox .mark01 img{ width:25px;}

.pageTop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 70px;
	height: auto;
	z-index: 1001;
}
.pageTop img {
	width: 100%;
}


/* Mobile Only */

#navPanel, #titleBar {
	display: none;
}



/*SEO設定-----------------------------------------------*/
.seoBox{ display:none !important;
line-height:0;}


/* アニメーション設定1*/
.css-fade01{opacity: 0;}
.css-fade01--in{
  animation-name:fade-in01;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01 {
  0% {opacity: 0; transform: translate3d(0,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定2*/

.css-fade02{opacity: 0; width:100%; padding-top:40px;}
.css-fade02--in{
  animation-name:fade-in02;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in02 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定3*/
.css-fade03{opacity: 0;}
.css-fade03--in{
  animation-name:fade-in03;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in03 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/* アニメーション設定4*/
.css-fade04{opacity: 0; width:100%; padding-top:40px; padding-bottom:10px}
.css-fade04--in{
  animation-name:fade-in04;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in04 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定5*/
.css-fade05{opacity: 0; padding-top:40px; padding-bottom:10px}
.css-fade05--in{
  animation-name:fade-in05;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in05 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/*セカンドイメージ	*/

.imageBox1 {
	width: 100%;
	height: 500px;
	/*overflow: hidden;*/
	position: relative;
	background-image: url(../../img/about/ab_main_sp.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.imageBox1 .stxt{ position: absolute;
left:25%;
top:30%;
z-index:10000000;
width:50%;}

.wcl li a{ color:#333 !important;font-size:120% !important;}

.ab_topBox_sub{
	width: auto;
	margin-bottom: 30px;
	background-color: #efefef;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-right: 4%;
	padding-left: 4%;
}

.ab_topBox_sub p{
line-height:2em;
font-size:115%;
font-family:"hiraginoW3";
color: #231815;}


.ab_topBox_sub2{
	width:auto;
	padding-right: 4%;
	padding-left: 4%;
	margin-bottom: 50px;
}

.ab_topBox_sub2 h2{
	line-height: 0.9em;
	font-size: 230%;
	color: #555a5b;
	font-family: "ariblk";
	padding-top: 120px;
	margin-bottom: 50px;
	background-image: url(../../img/top/top_mark3.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}

.ab_topBox_sub2 h2 span{font-family:"hiraginoW6";
color: #231815;
font-size:40%;
}

.ab_topBox_sub2 p{
line-height:2em;
font-size:115%;
font-family:"hiraginoW3";
color: #231815;

}


.listBox2{ margin-bottom:50px;
width:auto;
padding-right: 4%;
padding-left: 4%;
}


.listBox2 div{width:calc(90% / 3);
float:left;
margin-right:5%;
margin-bottom:30px}


.listBox2 div.mr0{margin-right:0;}

/*Works*/

.Box1 {
	width: 100%;
	height: 230px;
	position: relative;
}

.Box1 .stxt{ position: absolute;
left:15% !important;
top:10% !important;
z-index:10000000;
width:70%;}

.worksBox1{ margin-bottom:50px;
width:auto;
padding-left:4%;
padding-right:4%;
}


.worksBox1 ul li{width:31.2%;
float:left;
margin-right:1%;
margin-left:1%;
margin-bottom:30px}

.worksBox1 ul li img{ width:100%}

.worksBox1 ul li a{color: #555a5b;}

.worksBox1 ul li a:hover{ opacity:.7;}

.worksBox1 h4{ padding-top:7px;
text-align:left;
margin-bottom:3px;
font-size:80%;
}

.worksBox1 p{
text-align:left;
font-family:"hiraginoW6";
font-size:110%;
line-height:1em}

.splitter {
	margin-bottom:50px;
width:100%;
	text-align: center;
	padding-left:4%}
	
/*タブ設定=====================================*/

.tabs {
  display: flex;
  flex-wrap: wrap;
width:auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left:0;
}

.tab_label {
	color: #231815;
	font-size: 120% !important;
	display: inline-block;
	font-family: "ariblk";
	position: relative;
	z-index: 1;
	cursor: pointer;
	/*flex: 1;*/
	padding: 10px;
	width:50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*.tab_label(1) {
	width:3%;
}*/


.tab_label:hover {
  opacity: 0.75;
}

.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
}

input[name="tab_switch"] {
  display: none;
}

.tabs input:checked + .tab_label {
  color:#fff;font-size:120% !important;
background-color:#231815;
padding: 10px;
}
.tabs input:checked + .tab_label::after {
  content: '';
  width: 0;
  height: 0;
  /*border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #13c3ac transparent transparent transparent;*/
  display: block;
  /*position: absolute;
  top: 100%;
  left: 50%;*/
  /*margin-left: -10px;*/
  transition: all 0.3s ease 0s;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content {
  display: block;
  padding-top:50px;
}

.tab_content{
  position: relative;
  animation: fadeIn 1s ease;
}


/*施工caces設定=====================================*/

.caceBox{
padding-top:50px;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}

.caceBox .mainimg{ width:100%;
margin-bottom:50px;
}

.caceBox .mainimg img{ width:100%;}

.caceBox h3{ font-size:100%;
font-weight:bold;
text-align: center !important;
font-family:"hiraginoW6";
color: #231815;
margin-bottom:20px;
}

.caceBox h4{ font-size:180% !important;
font-weight:bold;
font-family:"hiraginoW6";
color: #231815;
text-align:center !important;
margin-bottom:20px;}

.caceBox h5{ font-size:140%;
line-height:1.8em;
font-weight:bold;
font-family:"hiraginoW6";
color: #231815;
text-align:center !important;
margin-bottom:20px;
width:90%;
margin-left:auto;
margin-right:auto;}

.caceBox p.adr01{font-size:110%;
font-family:"hiraginoW3";
color: #231815;
text-align:center !important;
margin-bottom:30px;
width:90%;
margin-left:auto;
margin-right:auto;
}

.caceBox p{font-size:110%;
font-family:"hiraginoW3";
color: #231815;
text-align:left !important;
margin-bottom:50px;
line-height:1.8em;
width:90%;
margin-left:auto;
margin-right:auto;
}

/*会社概要*/

.Box2 {
	width: 100%;
	height: 160px;
	position: relative !important;
}

.Box2 .stxt{ position: absolute;
left:25%;
top:28%;
z-index:10000000;
width:50%;}

.map01{ height:300px;}

.companyBox{
	width: 100%;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:50px;
}

.companyBox table{ width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px;

}

.companyBox table th{
	background-color: #fff;
	color: #231815;
	padding: 20px;
	vertical-align: middle;
	width: 30%;
	text-align: right !important;
	padding-right: 20px;
	border-right-width: 3px;
	border-bottom-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #fff;
}

.companyBox table td{
	background-color: #fff;
	color: #231815;
	border-bottom: 1px #fff solid;
	vertical-align: middle;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


}