/*===============================

    about_title

  ================================*/


  .about_title{
     margin-top:150px;
}

  .about_title_h{
      background-size: auto auto;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) ,url("../img/about/about_back.png");
      background-size: auto;
      position: relative;
      margin-bottom:20px;
  }


  h2.about_title_h{
     color:#fff;
     padding-left:50px;

}



.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/* じわっと画像が表示される --------- */
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*古いブラウザ用　---------　*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


  /*
    ページタイトル　画像の上に乗せる
  ================================*/


.about_title_back{
  position: relative;
  margin-top:50px;
  margin-bottom:100px;
  }


h2.about_title_h2 {
  position: absolute;
  color: white;
  letter-spacing: 10px;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding-left:50px;
  }



  .full-width-about {
      margin-top:80px;
      margin-left: calc(-50vw + 50%);
      background-image: url(../zoomslider/plain.png) ,url(../img/about/about_back.png);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 70px 0;
  }




  h2.about_back{
    letter-spacing: 10px;
    font-size:25px;
    font-weight: 600;
    color:#fff;
    text-align: center;
    }

    .orchid_back_span{
      color:#fff;
      text-align: center;
    }






  /*===============================

    見出し

  ================================*/


h2.about_h2,
h2.award_h2{
  letter-spacing: 10px;
  font-size:25px;
  font-weight: 600;
  }


h2.about_h2::after {
      content: '会社概要';
      text-align: left;
      display: block;
      font-size: 13px;
      color:#898989;
      font-weight: normal;
      letter-spacing: 10px;
  }


  h2.award_h2::after {
        content: '受賞歴';
        text-align: left;
        display: block;
        font-size: 13px;
        color:#898989;
        font-weight: normal;
        letter-spacing: 10px;
    }




  /*===============================

    table

  ================================*/


  #image_3{
      overflow: hidden;
      margin-top:100px;
  }


    .imgside {
        float: left;
        width: 33.3%;
        margin-right: 0px;
        margin-bottom: 20px;
    }




  /*===============================

    table

  ================================*/


  #about_table{
  width: 100%;
  max-width:1200px;
  }
  #about_table table{
  width: 100%;
  border-collapse: collapse;
  border-bottom: solid #CCC;
  border-width: 1px;
  }
  #about_table table tr th,
  #about_table table tr td{
  padding: 1.5em;
  text-align: left;
  vertical-align: top;
  border-bottom: solid #CCC;
  border-width: 1px;
  }
  #about_table table tr th{
  width: 25%;
  background: #eee;
  }
  @media screen and (max-width:768px){
  #about_table{
  width: 100%;
  }
  #about_table table,
  #about_table table tbody,
  #about_table table tr,
  #about_table table tr th,
  #about_table table tr td{
  display: block;
  }
  #about_table table{
  width: 100%;
  border-width: 0 0 1px 0;
  }
  #about_table table tr th,
  #about_table table tr td{
  width: 90%;
  padding: 3% 5%;
  }
  #about_table table tr td{
  border-width: 0px 1px 0px 1px;
  }
}



  /*===============================

    MAP

  ================================*/

 .map{
  margin-top:20px;
  }


  /*===============================

    受賞歴

  ================================*/


  .award_table_yoko{
    display: flex;
    margin:150px 0 70px 0px;

  }


  .award_table_left{
    width:50%;
    margin-right:50px;
  }

  .award_table_right{
    width:50%;
  }



  /*===============================

    受賞歴

  ================================*/


.banner-about{
  margin-bottom:150px;
  }