.topbg{
  background-image: url(../img/top_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto ;
}

.scsk-hpe{
  background-image: url(../img/bg2.jpg);
  padding: 0 0 1em 1em ;
  background-repeat: no-repeat;
  background-position: right -35px bottom 0;
  background-size: auto 100%;
  background-color:#FFF;
  box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;
}

.scsk-hpe-text{
  width:60%;

}

.scsk-hpe-img{
  width:100%;
}

@media (max-width:991px) {
.scsk-hpe{
  background-size: auto 90%;
}
}

@media (max-width:700px) {
.scsk-hpe{
  background-size: auto 70%;
}
.scsk-hpe-text{
  width:55%;

}
}

.news-box{
  width:95%;
  margin: 47px auto ;
  padding: 23px 18px 14px;
  background: #FFF;
  box-shadow: 4px 4px 6px #B3B3B3;
}

@media (max-width:991px) {
.news-box{
  width:100%;
  margin-left:0;
  
}
}

.news-title-box {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
    height: 48px;
    padding: 9px 40px;
    background-color: #FFF;
    background-image: url(../img/blue_bar.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: left top;
}

.news-title {
  float: left; 
  font-size: 21px;
  color: #FFFFFF;
}

.news-title-right {
  float:right;
  font-size: 21px;
  color: #1a2692;
}

.news-box ul {
  padding: 5px 1% 12px;
  background: #F2F2F2;
}

.news-list li{
  flex-wrap: wrap;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px 10px 3px 20px ;
  border-left: 7px solid #50C9AD;
}

.news-list-date {
  color: #1A2692;
  font-size: 15px;
}

.news-list-title {	
  width: 100%;
  margin-bottom: 8px;
}