@charset "utf-8";



#office h3{
      position: relative;
    font-size: 2em;
    text-align: center;
    color: #333;
    line-height: .8em;
    width: fit-content;
        margin: 20px auto;
}
#office h3:after{
          background: radial-gradient(circle farthest-side, #dcdcdc, #dcdcdc 60%, transparent 60%, transparent);
    background-size: 6px 6px;
    content: '';
    display: inline-block;
    height: 6px;
    width: 100%;
    position: relative;
    bottom: 8px;
}
#office #f_content h3 {
    color: #fff;
}

#office   #company1 h4 {
   width: fit-content;
    height: 52px;
    font-size: 1.5em;
    line-height: 140%;
    padding: 10px 20px;
    display: block;
    font-weight: normal;
    background-image: linear-gradient(90deg, #1ab605 0 20%, #f7f7f7 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    margin: 0 auto 20px;
}

#office .subcatch {
        font-size: 1.6em;
    font-weight: normal;
    letter-spacing: .1em;
}
.philosophy{
  max-width: 800px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.philosophy p{
  margin-bottom: 20px;
}

.philosophy h3{
  margin: 30px 0 20px 0;
}  

table {
  width: 100%;
  margin: 0px auto;
}

.tbl-r02 th {
	background: #f7f7f7;
  color: #000;
  padding: 10px;
	    border-bottom: 2px solid #fff;
}

.tbl-r02 td {
	padding: 10px;
	    border-bottom: 2px solid #fff;
}
#company1 table {
	max-width: 800px;
}
@media screen and (max-width: 768px){
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th{
    border-bottom: none;
    display: block;
    width: 100%;
    background: #f7f7f7;
  }
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
    background: #fff;
  }
  #company1 .row div{
    margin-bottom: 50px;
  }
}