.company{
  width:80%;
  padding: 1.5em;
  margin-left: auto;
  margin-right: auto;
    border-collapse: separate;
    border-spacing: 0em 1em 0em 1em;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
    background-color: #F8F8F8;
    border: 0em solid transparent;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.9em;
    /*背景色から、ここまで角丸指定*/
}
 
.company th{
  width: 18%;
  padding: 1em;
  border-right: dashed 0.1em #5286ba;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}
.company td{
padding: 0.5em 1em 0.5em 1em;
text-align: left;
vertical-align: middle;
font-size: 1em;
color: #595960;


overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.company th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.company td{
  display: list-item;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-top: none !important;
}
}
hr {
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

/* ◆角丸・吹き出しテーブル◆ */

table.circle {
    width: 80%;

    margin: 0em auto;
    border-collapse: separate;
    border-spacing: 0.1em 0.4em;
    font-size: 1em;
    } 
table.circle th,
table.circle td {
    padding: 1.2em;
    background-color: white;
    border: 0em solid transparent;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 6em;
    border-radius: 0.9em;
    /*背景色から、ここまで角丸指定*/
}
 
table.circle th {
    background: #6688aa;
    vertical-align: middle;
    text-align: center;
    width: 6.8em;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.circle th:after {
    left: 90%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #6688aa;
    border-width: 0.7em;
    margin-top: -0.6em;
}
/* firefox */
@-moz-document url-prefix() {
    table.circle th::after {
        float: right;
        padding: 2em;
        left: 2em;
        top: 1em;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #6688aa 10px solid;
        margin-top: -0.75px;
    }
}
table.circle td {
    background: #f8f8f8;
    width: 78%;
    padding-left: 1em;
}
@media screen and (max-width: 480px){
  table.circle{
    width: 100%;
  }