@charset "UTF-8";

body {
	background: #fff ;
}




* { 
    margin: 0px; 
    padding: 0px; 
}



header { width: 100%;
	height: 150px;
	padding-top: 30px;
    background:#000;
}


.header-in { width: 1024px;
	height: 120px;
	margin: 0 auto; 
	padding-top: 20px;
    background:#000;
    display: block;
    }



#rogo-img {
  width: 135px;
  height: 43px;
  float: left;
padding-left: 20px;
}

#rogo-img img{
  width: 150px;
}



/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.zdo_drawer_menu {
	width: 874px;
	height: 43px;
	margin: 0 auto;
	float: left;
}

.zdo_drawer_menu ul {
	width: 874px;
	float: left;
	padding-left: 145px;
	padding-top: 45px;
}
.zdo_drawer_menu li {
	width: auto;
	float: left;
	list-style: none;
	text-align: center;
	font-size: 0.76em;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	padding: 0px 9px 0px 9px;
	text-decoration: none;
	font-weight: bold;
}

.zdo_drawer_menu li a{
	text-decoration: none;
	color: #fff ;
}

.zdo_drawer_menu li+ li {
  border-left: 0;
  border-right: 1px solid #fff;
}



.no-menu {
  display: none;
}


.zdo_drawer_button{
  display: none;
}

button{
  display: none;
  
}


.slide-show {
	width: 1024px;
	 height: 0 auto;
    margin: 0 auto;
}

.swiper-container {
	width: 1024px;
	 height: 0 auto;
}

.swiper-slide {
	padding-top: 160px; /* 画像位置の調整用 */
	text-align: center;
	color: #fff;
	font-size: 30px;
}



 .swiper-container {
        width: 1024px;
       max-height: 513px;
      }
      
      .swiper-slide {
        padding-top: 0px;
        /* 画像位置の調整用 */
        text-align: center;
        color: #fff;
        font-size: 30px;
      }


              .sl {	width: 1024px;
	height:0 auto;
	margin-top: 0px;
    background-image: url(../img/top-back-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 50%;
}

          .sl2 {	
    width: 1024px;
	height:0 auto;
	margin-top: 0px;
    background-image: url(../img/top-back-pc2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 50%;
}



















.top-message {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	line-height: 180%;
  }

.top-message h1{
    padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
	margin-top: 5%;
  }

.top-message p{
    width: 1000px;
	text-align: center;
	color: #000000;
	line-height: 180%;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }



.top-link1 {
  width: 20%;
  margin: 8% 40% 10% 40%;
  text-align: center;
  text-decoration: none;
}

.top-link1 img{
  width: 60%;
 }


.top-link1 a{
	display: block;
	width: 100%;
	height: auto;
	}

.top-link1 a:link {
  color: black;
  text-decoration: none;
	display: block;
}
.top-link1 a:visited {
	display: block;
  color: black;
  text-decoration: none;
}
.top-link1 a:hover {
	display: block;
    color: white;
	text-decoration: none;
}









.top-link {
  width: 30%;
  margin: 8% 35% 10% 35%;
  text-align: center;
  text-decoration: none;
}

.top-link img{
  width: 100%;
 }


.top-link a{
	display: block;
	width: 100%;
	height: auto;
	}

.top-link a:link {
  color: black;
  text-decoration: none;
	display: block;
}
.top-link a:visited {
	display: block;
  color: black;
  text-decoration: none;
}
.top-link a:hover {
	display: block;
    color: white;
	text-decoration: none;
}






 /* フロートなのでそれぞれのマージンを指定ライトとノンをテレコ */

.pconlybox {width: 1024px;
    margin: 0 auto;
    overflow: auto;
}


.top-work {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-work-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
    margin-right: 24px;
	}





.top-work h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
	  }

.top-work p{
	text-align: center;
	color: #000000;
	line-height: 180%;
    padding-left: 10%;
	padding-right: 10%;
    height: 180px;
  }

.top-construction {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-construction-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
    float: left;
    }




.top-construction h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.top-construction p{
	text-align: center;
	color: #000000;
	line-height: 180%;
	padding-left: 10%;
	padding-right: 10%;
     height: 180px;
  }


.top-flow {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-flow-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
    margin-right: 24px;
	}



.top-flow h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.top-flow p{
	text-align: center;
	color: #000000;
	line-height: 180%;
	padding-left: 10%;
	padding-right: 10%;
     height: 180px;
  }

.top-employment {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-employment-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
	}



.top-employment h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.top-employment p{
	text-align: center;
	color: #000000;
	line-height: 180%;
	padding-left: 10%;
	padding-right: 10%;
    height: 180px;
  }


.top-type {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-type-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
    margin-right: 24px;
	}





.top-type h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
	  }

.top-type p{
	text-align: center;
	color: #000000;
	line-height: 180%;
		padding-left: 10%;
	padding-right: 10%;
     height: 180px;
  }






.top-company {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-company-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
	}





.top-company h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.top-company p{
	text-align: center;
	color: #000000;
	line-height: 180%;
		padding-left: 10%;
	padding-right: 10%;
 height: 180px;
  }




.top-contact {
	width: 500px;
	height:0 auto;
	margin-top: 20px;
    background-image: url(../img/top-contact-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 40%;
    float: left;
    margin-right: 24px;
	}



.top-contact h2{
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.top-contact p{
	text-align: center;
	color: #000000;
	line-height: 180%;
	padding-left: 10%;
	padding-right: 10%;
    height: 180px;
  }





/*
カテゴリータイプ（対応種別）
*/




.title-type {
	width: 1024px;
	height:0 auto;
	margin: 0 auto;
    background-image: url(../img/cat-type-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
}

.title-type h1 {
	width: 1024px;
	padding-top: 15px;
    margin: 0 auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }

.cat-titlename {
	clear: both;
    text-align: center;
	margin: 0 auto;
	width: 1024px;
	height: auto;
	padding-top: 30px;
	background-color: #FFFFFF;
	line-height: 180%;
	  }

.type-text {
	clear: both;
	margin: 0 auto;
	width: 1024px;
    text-align: center;
	height: 0 auto;
	padding-top: 35px;
	background-color: #FFFFFF;
	line-height: 180%;
	overflow: hidden;
  }

.typespace {
    width: 1059px;
    margin: 100px -35px 0 0;
   	  }

.type-li {
	width: 318px;
    height: 500px;
	margin-right:35px;
	list-style: none;
	float:left; 
    margin-bottom: 100px;
	  }

.type-li img{
	width: 100%;
}

.type-h2 {
    width: 318px;
    font-weight: bold;
    margin-bottom: 8px;
	text-align: center;
    padding: 0;
    font-size: 1.0em;
}

.type-p {
    display: block;
    width: 318px;
	text-align: center;
	padding: 0;
}





/*
カテゴリーワーク
*/




.title-work {
	width: 1024px;
	height: 0 auto;
    margin: 0 auto;
    background-image: url(../img/cat-work-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
}

.title-work h1 {
	width: 1024px;
    margin: 0 auto;
    margin-top:15px; 
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }



.duct-text {
	margin: 0 auto;
	width: 1024px;
	height: 0 auto;
	background-color: #FFFFFF;
	line-height: 180%;
	overflow: hidden;
    margin-top: 150px;
  }

.duct-text ul {
    width: 1059px;
    margin: 0 -35px 0 0;
   	  }

.duct-li {
	width: 318px;
	margin-right:35px;
	list-style: none;
	float:left; 
    margin-bottom: 100px;
	  }

.duct-li img{
	width: 100%;
	}

.duct-li h2 {
    font-weight: bold;
    margin-bottom: 8px;
	text-align: center;
    padding: 0;
}

.duct-li p {
	text-align: center;
	padding-bottom: 15%;
    padding: 0;
}









/*
パフォーマンス
*/


.title-performance {
	width: 1024px;
    margin: 0 auto;
	height:0 auto;
	background-image: url(../img/cat-construction-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
	}

.title-performance h1 {
	width: 1024px;
    margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }
.title-performance ul {
	margin: 0 auto;
	width: 1024px;
}
		  

.performance-li {
	width: 46%;
	float:left; 
	margin-right: 4%;
	padding-bottom: 3%;
	  }

.performance-li img{
	width: 100%;
	margin: 0 auto;
	display: block;
}

.performance-li h2 {
	text-align: center;
}

.performance-li p {
	text-align: center;
	padding-bottom: 15%;
}


.sekou p {
    text-align: center;
    width: 1024px;
	margin: 0 auto;
	line-height: 180%;
    margin-top: 15px;
}

.sekou ul {
    padding-top: 150px;
	margin: 0 auto;
	width: 1024px;
    padding-bottom: 100px;
}
		  

.sekou li {
	width: 1024px;
    text-align: center;
	margin-bottom: 30px;
	  }



.category-text-per {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-left: 4%;
	background-color: #FFFFFF;
	overflow: hidden;
  }

.category-text-per h2{
	font-size: 1.0em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 180%;
  }

.category-text-per p{
	font-size: 0.7em;
	text-align: center;
	color: #000000;
	height: 80px;
	  }



/*
カテゴリーフロー
*/

.title-flow {
	width: 1024px;
    height: 0 auto;
	margin: 0 auto;
    background-image: url(../img/cat-flow-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
}

.title-flow h1 {
	width: 1024px;
    margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }




.flowspace {
	margin: 0 auto;
	width: 1024px;
    padding-top: 100px;
	}

.flow-li {
	width: 1024px;
    height: 350px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	float:left; 
    clear: both;
	  }

.flow-li img{
	width: 100%;
}



.flowimg {
    width: 400px;
    height: 350px;
    float: left;
    margin-right: 24px;
}


.flowtext {
    width: 600px;
    text-align: left;
     height: 350px;
   }

.titleflow {
    width: 600px;
    height: 40px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0 0 0;
    font-size: 1.3em;
    margin: 0;
     }

.flowtext p {
    width: 600px;
    height: 300px;
    text-align: left;
    }



/*
カテゴリーメッセージページ　カテゴリーメッセージページ　カテゴリーメッセージページ　カテゴリーメッセージページ
*/





.title-message1 {
	width: 1024px;
    margin: 0 auto;
	height:450px;
	margin-top: 0px;
    background-image: url(../img/cat-message1-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    padding-top: 505px;
	}

.title-message1 h1 {
	width: 1024px;
    margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }


.title-message {
	width: 1024px;
     margin: 0 auto;
	height:450px;
	margin-top: 20px;
    background-image: url(../img/cat-message-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    padding-top: 490px;
	}

.title-message h2 {
width: 1024px;
    margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
     height: 30px;
  }


.category-text-message {
	clear: both;
	margin: 0 auto;
	width: 1024px;
	height: 0 auto;
	padding-top: 35px;
	background-color: #FFFFFF;
	line-height: 180%;
	overflow: hidden;
  }

.category-text-message p {
	font-size: 0.9em;
	text-align: center;
	color: #000000;
	margin-bottom: 5%;
    margin-top: 30px;
  }



.text-info-message {
	font-size: 0.9em;
	text-align: center;
	color: #000000;
	line-height: 180%;
	}










/* 採用情報 */


.title-recruit   {
	width: 1024px;
	height:0 auto;
    margin: 0 auto;
	background-image: url(../img/cat-recruit-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
}


.title-recruit  h1 {
	text-align: center;
}


.recruit-table {
	width: 1024px;
	padding-bottom: 15%;
	}	

.recruit-table table {
	width: 1020px;
    margin: 0 auto;
	background-color: #fff ;
	}	
	
	
	.title-recruit table th{
	width: 300px;
	background-color: #fff ;
	padding-top:2%; 
	padding-bottom: 2%; 
	border-bottom: solid 1px #1E1E1E ;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 0.8em;
	}	
	
	.title-recruit table td{
	width: 724px;
	background-color: #fff ;
	padding: 2% 0 2% 0%; 
	border-bottom: solid 1px #1E1E1E ;
	border-collapse: collapse;
	line-height: 180%;
		font-size: 0.8em;
	}	
	










/*
カテゴリー　　会社概要
*/




.title-company   {
	width: 1024px;
	height:450px;
    margin: 0 auto;
	margin-top: 0px;
    background-image: url(../img/cat-company-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 480px;
}


.title-company h1 {
    text-align: center;
}


.company-table {
	width: 1024px;
    height: 1200px;
	margin: 0 auto;
    padding-top: 40px;
	}	

.company-table table {
	width: 1024px;
    margin-top: 50px;
    padding-bottom: 50px;
	background-color: #fff ;
    margin: 0 auto;
	}	
	
	
	.company-table table th{
	width: 324px;
	background-color: #fff ;
	padding: 5px; 
	border: solid 1px #1E1E1E ;
	border-collapse: collapse;
	}	
	
	.company-table table td{
	width: 700px;
	background-color: #fff ;
	padding: 5px; 
	border: solid 1px #1E1E1E ;
	border-collapse: collapse;
	line-height: 180%;
	}	
	
	








/*
カテゴリーコンタクトサンクスページ
*/

.title-thanks {
	width: 1024px;
	height:0 auto;
    margin: 0 auto;
    background-image: url(../img/cat-thanks-pc.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 505px;
}

.title-thanks h1 {
	width: 100%;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
    height: 40px;
  }




.pcmailcss {
	width: 1024px;
    height: 0 auto;
    margin: 0 auto;
    padding-top: 100px;
  }











.category-text {
	clear: both;
	margin: 0 auto;
	width: 1024px;
    text-align: center;
	height: 0 auto;
	padding-top: 35px;
	background-color: #FFFFFF;
	line-height: 180%;
	overflow: hidden;
  }

.category-text h2{
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5%;
  }

.category-text p{
    width: 1024px;
    margin: 0 auto;
  }



.text-info {
	font-size: 0.9em;
	text-align: center;
	color: #000000;
	line-height: 180%;
	}


.text-ad {width: 1024px;
    margin: 0 auto;
    font-size: 0.9em;
	text-align: center;
	color: #000000;
	line-height: 180%;
	padding: 2% 0% 5% 0%;
	}






.sns {clear: both;
    width: 100%;
	height: 150px;
  background: #2E2E2E;
	padding: 30px 0 30px 0;
 }

.sns h1{width: 1024px;
	height: auto;
    margin: 0 auto;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	}

.social {width: 200px;
	height: auto;
	margin: 0 auto;
   }

/* for modern brouser */
.social:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.social {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .social {
  height: 1%;
}
.social {
  display: block;
}
/**/

.social li {width: 50%;
	float: left;
	margin: 0 auto;
	}

.social li img {width: 70%; 
	margin: 0 auto;
    display: block;
}













footer {width: 100%;
	background: #000000;
    height: 310px;
  }


footer a:link {
  color: white;
  text-decoration: none;
}
footer a:visited {
  color: white;
  text-decoration: none;
}
footer a:hover {
    color: gray;
	text-decoration: none;
}


.footer-ad {
	width: 1024px;
    margin: 0 auto;
  	}

.footer-rogo {
	width: 200px;
    float: left;
  	padding: 0% 0% 0% 0%;
	}

.footer-rogo img{
	width:200px;
    padding-top: 40px;
  	}


.siteinfo {
    float: right;
    width: 824px;
    text-align: right;
  	}


address{
	width: 824px;
    font-size: 0.9em;
	color: #878787;
	padding: 10% 0% 5% 0%;
	line-height: 120%;
    text-align: right;
}

footer nav {
    width: 1024px;
    margin: 0 auto;
	clear: both;
	font-size: 0.7em;
	padding: 0;
	}

footer nav ul{
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
}
/* for modern brouser */
footer nav ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */



footer nav ul {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* footer nav ul {
  height: 1%;
}
footer nav ul {
  display: block;
}
/**/

footer nav li{
	float: left;
	margin-left: 5%;
	text-align: center;
	line-height: 160%;
}




.copy {
    clear: both;
	width: 100%;
	border-top: inset 1px #777777;
	}

.copy p{
	color: white;
	font-size: 0.5em;
	text-align: center;
	padding: 2%;
}