@charset "utf-8";

/* 会社案内 共通
--------------------------------------- */
h2{
  margin-bottom:20px;
  padding-top:50px;
  font-size:24px;
  font-weight:bold;
  color:#161b62;
  text-align:center;
}
.down-arrow{
  width:72px;
  margin:0 auto 28px;
}
@media screen and (max-width:640px){
  h2{
  font-size:36px;
  }
}

/* 設立経緯
--------------------------------------- */
#foundation{background-color:#e5edf8;}
#foundation .synergy{
  position:relative;
  width:1008px;
  min-width:1000px;
  height:1440px;
  padding-bottom:84px;
  background:url(../images/about/foundation_bg.png) #e5edf8 0 0 no-repeat;
}
#foundation .synergy p.t1{
  position:absolute;
  top:190px;
  left:0;
  right:0;
  font-size:28px;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
}
#foundation .synergy p.t2{
  position:absolute;
  top:920px;
  left:0;
  right:0;
  font-size:24px;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
}
#foundation .synergy p.t3{
  position:absolute;
  width:710px;
  top:1040px;
  left:0;
  right:0;
  margin:auto;
  line-height:2.0;
}

@media screen and (max-width:640px){
  #foundation{padding-bottom:30px;}
  
  #foundation .inner{width:100%;}
  #foundation .synergy{
    position:relative;
    width:640px;
    min-width:initial;
    min-width:auto;
    height:auto;
    padding-bottom:20px;
/*
    background-image:url(../images/about/sp-foundation_bg.png);*/
    background-size:contain;
  }
  #foundation .synergy p.t1{
    top:80px;
    font-size:32px;
  }
  #foundation .synergy p.t2{
    top:730px;
    top:690px;
    font-size:28px;
  }
  #foundation .synergy p.t3{
    position:static;
    width:560px;
    padding-top:962px;
  }
}

/* 会社概要
--------------------------------------- */
#outline{}
#outline .tbl{
  width:800px;
  margin:0 auto 70px;
  border-top:1px dotted #e0e0e0;
}
#outline .tbl table{
  width:800px;
  margin:12px auto;
  line-height:2.8;
  border-bottom:1px dotted #e0e0e0;
}
#outline .tbl table th,
#outline .tbl table td{
  padding-bottom:12px;
  text-align:left;
}
#outline .tbl table th{
  width:200px;
}
#outline .tbl table.col2 td{
  width:600px;
}
#outline .tbl table.col3 th{
  line-height:1.8;
}
#outline .tbl table.col3 td{
  width:300px;
  line-height:1.8;
  vertical-align:bottom;
}
table span.char2{
  letter-spacing:9.0em;
}
.tbl table span.char3{
  letter-spacing:4.0em;
}
.tbl table span.char4{
  letter-spacing:2.0em;
}
.tbl table span.char5{
  letter-spacing:1.5em;
}
.tbl table span.char6{
  letter-spacing:1.0em;
}
.tbl table span.char7{
  letter-spacing:0.68em;
}
.tbl table span.char9{
  letter-spacing:0.3em;
}

@media screen and (max-width:640px){
  #outline{}
  #outline .tbl{
    width:100%;
    border:none;
  }
  #outline .tbl table{
    width:100%;
    line-height:2.0;
    border:none;
  }
  #outline .tbl table th,
  #outline .tbl table td{
    display:block;
    padding-bottom:0;
  }
  #outline .tbl table.col2 th,
  #outline .tbl table.col2 td,
  #outline .tbl table.col3 th,
  #outline .tbl table.col3 td{
    width:560px;
  }
  #outline .tbl table th{
    padding-top:12px;
    padding-bottom:10px;
    text-align:center;
    background-color:#efefef;
  }
  #outline .tbl table.col3 tr:nth-of-type(n+2) th{
    background-color:#fff;
    font-size:0;
  }
}

/* 拠点・グループ一覧
--------------------------------------- */
/* 拠点ネットワーク */
#network{}
#network .tbl{
  width:800px;
  margin:0 auto 70px;
  border-top:1px dotted #e0e0e0;
}
#network .tbl h3{
  margin:30px 0;
  font-size:18px;
}
#network .tbl table{
  width:800px;
  margin:12px auto;
  line-height:2.0;
  border-bottom:1px dotted #e0e0e0;
}
#network .tbl table th,
#network .tbl table td{
  padding-bottom:12px;
  text-align:left;
}
#network .tbl table th{
  width:220px;
}
#network .tbl table td:nth-of-type(1){
  width:100px;
}
#network .tbl table td:nth-of-type(2){
  width:580px;
}

@media screen and (max-width:640px){
  #network .tbl h3{
    font-size:28px;
  }
  #network .tbl{
    width:100%;
    borxder:none;
  }
  #network .tbl table{
    width:100%;
    line-height:1.5;
    border:none;
  }
  #network .tbl table th,
  #network .tbl table td{
    display:block;
    padding-bottom:0;
  }
  #network .tbl table th,
  #network .tbl table td:nth-of-type(1),
  #network .tbl table td:nth-of-type(2){
    width:560px;
  }
  #network .tbl table th{
    padding-top:12px;
    padding-bottom:10px;
    text-align:center;
    background-color:#efefef;
  }
  #network .tbl table td:nth-of-type(2){
    margin-bottom:40px;
  }
}

/* グループ会社一覧 */
#group{
  margin-bottom:80px;
}
#group .detail{
  width:800px;
  margin:auto;
  padding-top:25px;
  border-top:1px dotted #e0e0e0;
}
#group dl{
  margin-bottom:25px;
  padding-bottom:25px;
  border-bottom:1px dotted #e0e0e0;
}
#group dl dt{
  margin-bottom:25px;
  font-size:20px;
  font-weight:bold;
}
#group dl dd:nth-of-type(1){
  margin-bottom:25px;
  font-size:22px;
  line-height:1.5;
}
#group dl dd:nth-of-type(2){
  font-size:18px;
  line-height:1.5;
}
#group dl dd a:hover{
  text-decoration:underline;
}

@media screen and (max-width:640px){
  #group .detail{
    width:100%;
  }
  #group dl dt{
    font-size:30px;
  }
  #group dl dd:nth-of-type(1){
    font-size:30px;
  }
  #group dl dd:nth-of-type(2){
    font-size:24px;
  }
}