/*--------------------
現在PCF状態で構成されている
basestyle.cssと逆になっているので注意
-------------------*/

#main p{
    font-size: 90%;
    line-height: 1.2em;
    
}
/*
    文章用の囲い枠
-------------------*/
.outlinecontainer{
    margin: 1em auto 1.5em 0.25em;
    padding: 0.75em;
    width: 98%;
    color: #333; /*文字色*/
    font-size:1.1em;
    line-height: 1.75em;
    font-weight: bold;
    border: 7px solid #FA9B01; /*線の太さ・色*/
    background-color: #fff; /*背景色*/
    box-shadow: -2px 5px 5px #e8d3c7; /*影*/
    border-radius: 25px; /*角の丸み*/    
}
.outlinecontainer dt{
    font-size:1.25em;
    margin-left: 0.8em;
}
.outlinecontainer dd{
    font-size: 0.9em;
}

/*
    官公需適格組合とは～部分
-------------------*/
.public_demand{
    width: 96%;
    margin: 0 0.5em;
}
.public_demand th  {
    width: 25%;
    text-align: left;
}

.proof{
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 0.5em 0;
}
.proof p{
    font-weight: normal;
    margin-top: 0.25em;
}

/*
    組合のあゆみ[ta   ble]関連
    いまいち分からないのでクラス名だけ変えて中身はそのまま
-------------------*/
table {
  margin: 1em auto;
  width: 100%;
}
.tbl-history th {
  background: #faad32;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-history td {
　border: solid 1px #ccc;
  padding: 10px;
}
.tbl-history td:first-child {
  background: #f9eddb;
}
.time{
    width: 23%;
    text-align: center;
}
.company{
    width: 16%;
}
.box201611{
    height: 7em;
}
#img201611 img{    
    width: 25%;    
}

.historypdf{
    margin-bottom: 2.5em;
}

/*
    組織図関係
-------------------*/
.committee{
    display: grid;
    grid-template-rows: 20em 20em 20em;/*縦幅*/
    grid-template-columns:  1fr 1fr;/*横幅*/ 
    width: 99%;
    margin-left: 1%;
}
#soumu{
    /*background-color: #009bbf;*/ 
    grid-row: 1/2;
    grid-column: 1/2 ;
}
#kyoudou{
    /*background-color: #4900bf;*/
    grid-row: 1/2;
    grid-column: 2/3 ;
}
#sagyou{
    /*background-color: #bf0050;*/
    grid-row: 2/3;
    grid-column: 1/2 ;
}
#kankouju{
    /*background-color: #bf9600;*/
    grid-row: 2/3;
    grid-column: 2/3 ;
}
#compliance{
    /*background-color: #03bf00;*/
    grid-row: 3/4;
    grid-column: 1/2 ;
}
.committeeflame{
    margin-bottom: 1.5em;
    padding: 0.5em;
    width: 90%; /* ボックス幅 */
    background-color: #D2EDC0; /* ボックス背景色 */
    box-shadow: 5px 10px 15px 0  #999999; /* 影 */
    border-radius: 40px; /* 角の丸み */
}
.committeetitle{
    font-size: 1.2em;
    color: #435C3C;
    font-weight: bold;
    text-align: center;
    padding: 0.75em 0 1em;
}
.committeebox{
    font-size:1.0em;
    color: #625049;
    font-weight: bold;
}
.officerlist{
    
}
/*======================
    メディアクエリ(481~769px)
========================*/

@media screen and (max-width: 769px) {
/*
    組織図関係
-------------------*/
    .committeebox{
        font-size:0.85em;
    }
}

/*======================
    メディアクエリ(~481px)
========================*/

@media screen and (max-width: 481px) {

.outlinecontainer{
    width: 100%;
    font-size:0.75em;
    line-height: 1.75em;
    font-weight: bold;
    border: 7px solid #FA9B01; /*線の太さ・色*/
    background-color: #fff; /*背景色*/
    box-shadow: -2px 5px 5px #e8d3c7; /*影*/
    border-radius: 25px; /*角の丸み*/    
}
    
    /*
    官公需適格組合とは～部分
-------------------*/
.public_demand { 
    border: 0.5px solid #000;
    }
.public_demand th{
    padding-left: 1em;    
    }    
.public_demand th,
.public_demand td{
    width: 100%;
    display: block;
    border-top: none;
}
.public_demand tr:first-child th { 
    /*border-top: 0.5px solid #ddd;*/ 
}
.proof{
    font-size: calc(70% + 1.4vw);
    }
/*
    組織図関係
-------------------*/
 .committee{
    display: grid;
    grid-template-rows: 17.5em 17.5em 17.5em;/*縦幅*/
    grid-template-columns:  1fr;/*横幅*/ 
    width: 100%;
}
    .committeebox{
        font-size:1.0em;
    }
#soumu{
    /*background-color: #009bbf;*/ 
    grid-row: 1/2;
    grid-column: 1 ;
}
#kyoudou{
    /*background-color: #4900bf;*/
    grid-row: 2/3;
    grid-column: 1 ;
}
#sagyou{
    /*background-color: #bf0050;*/
    grid-row: 3/4;
    grid-column: 1 ;
}
#kankouju{
    /*background-color: #bf9600;*/
    grid-row: 4/5;
    grid-column: 1 ;
}
#compliance{
    /*background-color: #03bf00;*/
    grid-row: 5/6;
    grid-column: 1 ;
}
.committeeflame{
        margin: 0 auto 1em;
    }    

    
/*
    組合のあゆみ関連
--------------------*/
  .tbl-history {
    width: 80%;
      display: block;
      height: 400px;
      overflow-y: scroll;
  }
  .tbl-history .thead {
    display: none;
  }
  .tbl-history tr {
    width: 100%;
  }
  .tbl-history td {    
    display: block;
    text-align: right;
    font-size:0.9em;
    width: 100%;
  }
  .tbl-history td:first-child {
    background: #F99292;/*sp版見出しの背景色*/
    color: #EFEFEF;/*sp版見出しの文字色*/
    font-weight: bold;
    text-align: center;
    padding: 5px;
  }
  .tbl-history td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
    
}