.company-container01{
    width: 100%;
    margin-top: 50px;
}
.com-box01{
    display: flex;
    flex-wrap:wrap;
    width:100%;
    margin: 0 auto;
    justify-content:flex-start;
}
.com-b01{
    width:60%;
    height: 300px;
    background: linear-gradient(to bottom, #fff, #b6d7ff, #76b4ff, #4aa2ee);
    
    animation-name:fadeLeftAnime;
    animation-duration:4s;
    animation-fill-mode:forwards;
    opacity:0;
    z-index: 2;
}
/*--アニメーション動き--*/
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#com-title01{
    font-family: "小塚ゴシック Pr6N";
    color: #dbefff;
    font-size: 38px;
    letter-spacing: 0.2rem;
    vertical-align: middle;
    text-align: right;
    padding-right: 70px;
    padding-top: 100px;
}

.com-b02{
    width:40%;
    animation-name:fadeLeftAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity:0;
}

.com-b02 img{
    width:100%;
    position: relative;
    left: -50px;
    top: 100px;
    z-index: -1;
}
#com-title02{
    font-family: "小塚ゴシック Pr6N";
    color: #695f5f;
    font-size: 20px;
    text-align: right;
    padding-right:70px;
    letter-spacing: 0.2rem;
}

.company-container02,.company-container03{
    width:85%;
    margin: 150px auto;
    font-family: "小塚ゴシック Pr6N";
    font-size:18px;
    letter-spacing: 0.1rem;
}
.company-container02{
    animation-name:fadeUpAnime;
    animation-duration:5s;
    animation-fill-mode:forwards;
    opacity: 0;
}
.company-container03{
    
    
}



.comcon02-title,.comcon03-title,.comcon04-title{
    font-size: 25px;
    color: #695f5f;
    letter-spacing: 0.5rem;
    text-align: center;
    margin: 30px 30px 30px 0;
    width:200px;
    border-bottom:2px solid #e7e7e7;
    text-align: center;
    padding-bottom: 5px;
}

.com-table01,.com-table02{
    width:100%;
}
.com-table01 table,.com-table02 table{
    width:100%;
    border-top: 1px solid #efefef;
}
.com-table01 tr,.com-table02 tr{
    width: 100%;
}
.com-table01 th,.com-table02 th{
    width: 30%;
    background: #efefef;
    padding: 20px 0;
    font-weight: 200;
}
.com-table01 td,.com-table02 td{
    width:70%;
    padding: 20px 0 20px 30px;
    border-bottom: 1px solid #efefef;
}
.company-container04{
    margin-bottom:100px;
    width:85%;
    margin:0 auto 100px;
}
.google-map{
    width:100%;
    margin: 0 auto;
}
.mapflame{
    width:100%;
    margin:0 auto;
}
.HDadress{
    margin:30px auto;
    letter-spacing: 0.1rem;
}
#maplink{
    color:pink;
}
#maplink:hover{
    color:blue;
}