/* 初期化 */
body,
html {
  margin: 0;
  padding: 0;
}
  
body {
  font-family: "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #444;
  line-height: 1.5;
}

/* iPhone 縦 */

/* ヘッダー */
header{
    height: 50px;
    padding: 10px;
  }

.siteid {
    background:url(../img/logo.png);
    background-size:250px auto;
    background-repeat: no-repeat;
    width: 250px;
    height: 50px;
    margin-top: 15px;
  }
  
nav {
    display: none;
  }
  
.header--bg {
  background:#ddd url(../img/835991656.jpg) no-repeat center center;
  background-size:cover;
  width: 100%;
  height: 80px;
  }  

/* 本文 */
.contens--block {
    margin: 0px 10px 40px;
  } 

.contens--block__wide { 
    margin: 0px 10px 40px;
}

.contens--block__wide2 {
    margin: 0px 10px 40px;
}

.content--ttl {
  margin: 60px auto;
  padding-bottom: 5px;
  text-align: center;
  font-size: 32px;
  color: #333;
  position: relative;
  } 

.content--ttl:before{
    position: absolute;
    content: "";
    background: #ddd;
    height: 3px;
    width: 180px;
    left: 50%;
    bottom: 0;
    margin-left: -90px;
  }
.content--ttl:after{
    position: absolute;
    content: "";
    background: deepskyblue;
    height: 3px;
    width: 80px;
    left: 50%;
    bottom: 0;
    margin-left: -40px;
  }

.contet--ttl2{
  border-left: 5px deepskyblue solid;
  background-color: #eee;
  padding-left: 10px;
  margin-top: 60px;
  position: relative;
}

.contet--ttl2 span {
  position: absolute;
  right: 10px;
  top:10px;
  color: deepskyblue;
  font-size: 14px;
  font-weight: normal;
  padding-left: 20px;
}

.vision-copy {
  font-size:24px;
  text-align: center;
}

/* テーブル */

table.company--outline,
table.company--history{
  border-collapse:collapse;
  width: 100%;
}
.company--outline th,
.company--history th{
  border-bottom: 1px #ccc solid;
  padding: 10px;
  text-align: left;
  width: 80px;
  font-weight: normal;
}

.company--outline td,
.company--history td{
  border-bottom: 1px #ccc solid;
  padding: 10px;
}

.flow-ttl {
  margin-bottom: 20px;
}

.content--read {
  margin-bottom: 40px;
}


.box{
    position: relative;
    width: 5px;
    height:10px;
    background-color: deepskyblue;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-right: 5px;
  }

.contents--read {
    margin-top: -10px;
    margin-left: 20px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
}
  
.contents--ttl {
    margin-top: 20px;
}


/* 実績 */

.nendo--ttl {
  border-left:8px deepskyblue solid;
  padding-left: 5px;
  margin: 40px 10px 20px 0px;
  line-height: 1em;
}

.table--achievement {
  border-collapse:collapse;
  width: 100%;
}

.table--achievement th {
  background-color:deepskyblue;
  border: 1px #fff solid;
  padding: 5px;
  color: #fff;
  font-weight: normal;
}
.table--achievement th.nendo {
  width: 100px;
}
.table--achievement th.tiiki {
  width: 90px;
}

.table--achievement th.sikiti {
  width: 60px;
}

.table--achievement td {
  border: 1px #ccc solid;
  padding: 10px;
}

.table--achievement tr.odd {
  background-color:#fff;
}

.table--achievement tr.even {
  background-color:#e7f0ff;
}

.table--achievement img {
  width: 100%;
  padding: 10px 0;
}

.table--achievement td.photo {
  padding: 10px 0;
}



.come {
  font-family: HiraKakuProN-W3,'ヒラギノ角ゴ ProN W3';
}


/* 採用 */

.table--recruit {
  border-collapse:collapse;
  width: 100%;
}

.table--recruit th {
  background-color: #eee;
  border: 1px #999 solid;
  width: 80px;
  padding: 10px;
}

.table--recruit td {
  border: 1px #999 solid;
  padding: 10px;
}




/* 地図 */

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* コンタクト */

.contact--tel,
.contact-mail{
  text-align: center;
  margin-top: 40px;
}

.contact--tel a,
.contact-mail span{
  font-size: 32px;
  font-weight: bold;
  color:indianred;
  text-decoration: none;
}

footer {
  padding: 10px;
  border-top: 1px #CCC solid;
  margin: 60px auto 0;
}

.copyright {
    text-align: center;
    font-size: 12px;
  }
  
 
@media screen and (min-width:480px) { 
    /*for iPhone Landscape(iPhone 横)*/
 
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /* for iPad */
 
}
@media screen and (min-width:1024px) {
    /* for PC */

.pc-hide {
  display: none;
  }
  
  
.siteid {
    background-repeat: no-repeat;
    background-size:350px auto;
    margin-top: 10px;
    width: 350px;
    height: 50px;
  }  
  
  
nav {
    display: block;
    position: absolute;
    top:10px;
    right: 10px;
    font-weight: bold;
  }

nav a {
  text-decoration: none;
  color: #333
}

nav a:hover {
  color: orangered;
}
  
  
nav ul li {
    display: inline;
    padding-right: 30px;
}
  
.contens--block {
    width: 700px;
    margin: 40px auto 40px;
  }

.contens--block__wide {
    width: 900px;
    margin: 40px auto 40px;
  }

.contens--block__wide2 {
    width: 1000px;
    margin: 40px auto 40px;
  }
  
  
  
.content--ttl {
  font-size: 36px;
}
 
  
/* 業務案内 */


.left--triangle {
  border-top: 124px solid transparent;
  border-bottom: 122px solid transparent;
  border-left: 100px solid #6a88cd;
  margin-left: 445px;

}

.right--triangle{
  border-top: 124px solid transparent;
  border-right: 100px solid #6a88cd;
  border-bottom: 122px solid transparent;
  margin-right: 447px;
  margin-top: -118px;
}
  
.content--box__left {
  float: left;
  width: 425px;
  height: 225px;
  padding: 0px 0px 20px 20px;
  background-color:#6a88cd;
  color:#fff;
}

.content--box__right {
  float: left;
  width: 425px;
  height: 225px;
  padding: 0px 20px 20px 10px;
  background-color:#6a88cd;
  color:#fff;
  margin-left: 552px;
  margin-top: -118px;
}
  
.n2nd--left {
  margin-top: -118px;
  }
    
.box{
    background-color: transparent;
    color: #fff;
  }
  
.company--history th{
  width: 150px;
} 
  
.table--achievement th.tiiki {
  width: 150px;
}

.table--achievement th.sikiti {
  width: 80px;
}
  
.table--achievement img {
  width: 500px;
  margin: 0 auto;
  text-align: center;
}
  
footer {
  width: 700px;
}
  
  
}