@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------


    NEWS TOPICS
	

---------------------------------------------------*/
#newsPage footer{position:relative!important;}


.news_box{width:80%; max-width: 1200px; margin: 50px auto 100px auto; display: flex; justify-content: space-between;}
.newsRead{width:55%;}
.news_date{background-color: #3388E1; color: white; text-align: center; font-size: 14px; display: inline; padding: 0.2em 0.4em;}
.news_box h4{color: #3388E1; font-size: 20px; margin: 20px 0 10px 0;}
.news_box p{font-size: 14px; line-height: 28px;}
.nes_rightText{text-align:right; margin-top: 20px;}

.news_box .newsPhoto{width:40%;}
.news_box .newsPhoto img{width:100%;}

.backBT{width: 320px; margin: 50px auto 100px auto; background-color: #1A457D; color: white; font-size: 16px; text-align: center; position: relative;}
.backBT span{position: relative; color: white; font-size: 16px!important; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; display: block; padding: 1em;}
.backBT::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.backBT:hover{opacity: 0.6;}


@media screen and (max-width: 1200px) {
.news_box{width:90%;}
.news_box h4{font-size: 1.8vw;}
.news_box p{font-size: 1.3vw; line-height: 2.0vw;}
}


@media screen and (max-width: 960px) {
.news_box{width:90%; margin: 10vw auto 20vw auto; flex-flow: column;}
.newsRead{width:100%;}
.news_box h4{font-size: 4.2vw;}
.news_box p{font-size: 3.0vw; line-height: 4.4vw;}
	
.news_box .newsPhoto{width:100%; margin-top: 3vw;}
	
.backBT{width: 90%; margin: 10vw auto 20vw auto; font-size: 3.0vw;}
.backBT span{font-size: 3.0vw;}
.backBT::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}	
}