.news-list {
  margin-left: auto;
  margin-right: auto;
}

.news-item {
  display: flex;
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}

.news-list .news-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .news-item {
    flex-wrap: wrap;
  }

  .news-item__date,
  .news-item__text {
    flex-basis: 100%;
  }

  .news-item__date {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .news-list {
    max-width: 800px;
  }

  .news-item {
    flex-wrap: nowrap;
  }

  .news-item__date {
    flex-basis: 160px;
    flex-shrink: 0;
  }

  .news-item__text {
    flex-basis: 100%;
  }
}

h3 {
  background-color: #d80c18;
  padding: 10px 30px;
  margin: 20px auto;
  color: #FFFFFF;
}
h4 {
  border-bottom: solid 2px #d80c18;
  padding-bottom: 5px;
  font-size: 1.2em;
  margin-top: 25px;
  margin-bottom: 20px;
}
table{  width:100%;}
@media (max-width: 767px) {
.table_container {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling:touch;
}
.table_container::-webkit-scrollbar{height:5px;}
.table_container::-webkit-scrollbar-track{background:#F1F1F1;}
.table_container::-webkit-scrollbar-thumb{background:#BCBCBCBC;}
}

p{
  line-height: 1.5em;
}
ul.bunya{
  margin:30px 0;
  border:double 5px #CCCCCC;
  padding:20px;
}
ul.bunya li{
  width:30%;
  display: inline-block;
}
@media (max-width: 767px) {
  ul.bunya li{
    width:45%;
    display: inline-block;
  }
}
.remark{
  font-weight: bold;
}
.center{
  text-align: center;
}


table{
  border-top:solid 1px #000000;
border-left: solid 1px #000000;
margin-top: 10px;}
th,td{
  border-right:solid 1px #000000;
  border-bottom:solid 1px #000000;
  padding: 5px;
}
.bg1{background-color: #90ee90;}
.bg2{background-color: #F0FFFF;}
.bg3{background-color: #fffff0;}
.bg4{background-color: #fff0f5;}
.bg5{background-color: #f5fffa;}
.bg6{background-color: #fffff0;}
.bg7{background-color: #fffff0;}
.skill_box{
  display: flex;
  margin-bottom: 30px;
  margin-top: 30px;
  text-align:center;
}
.skill_box_left{
  flex:1;
  border-top: solid 4px #d80c18;
  border-bottom: solid 4px #d80c18;
  border-left: solid 4px #d80c18;
  border-right: solid 2px #d80c18;
padding:30px;}
.skill_box_right{
  flex:1;
  border-top: solid 4px #d80c18;
  border-bottom: solid 4px #d80c18;
  border-left: solid 2px #d80c18;
  border-right: solid 4px #d80c18;
padding:30px;}
  .center_div{margin-left:16%;margin-right:16%;}
@media screen and (min-width : 768px) {
  .center_div{margin-left:0;margin-right:0;}
.flex{display: flex;}
.left{width:40%;}
.right{flex:1;margin-left:20px;}
    .fl2{flex:1;
    width: 50%;
  align-self: flex-start;}
  .fl3{flex:1;
    width: 33%;
  align-self: flex-start;}
  }
h3,h4,h5{
  margin-top: 40px;
  margin-bottom: 20px;
}
h5{
  text-decoration:underline;
}
  tabel{margin-top: 20px;}