@charset "utf-8";
/***************************************************************************************************
	page_news.css
***************************************************************************************************/
/*
*/
#page_news {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
/*  */
#page_news .gsty_tit_1 h2 {
  width:86px;
}
/*
*/
#page_news .blk_1 {
  padding:50px 0 0 0;
}
/*
*/
#page_news .blk_2 {
  padding:50px 0 50px 0;
}
/*  */
#page_news .blk_2_1 {
  padding:var(--padding_1);
  max-width: 700px;
  margin: auto;
}
#page_news .blk_2_1 article {
  display:block;
  padding:0 0 8% 0;
}
#page_news .blk_2_1 article a {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: .1fr .1fr 1fr;
}
#page_news .blk_2_1 article a h5 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  padding: 0 0 0 5%;
  font-size: var(--fs_14);
  line-height: 1.5;
  font-weight: 700;
  color:var(--col_1);
}
#page_news .blk_2_1 article a p:nth-of-type(1) {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  font-size: var(--fs_12);
  line-height: 1;
  font-weight: 600;
  color:var(--col_1);
  padding:0 0 13px 0;
}
#page_news .blk_2_1 article a p:nth-of-type(2) {
  grid-column: 2 / 3;
  grid-row: 3 / 3;
  font-size: var(--fs_12);
  line-height: 1.75;
  font-weight: 500;
  color:var(--col_2);
  padding: 5px 0 0 5%;
}
#page_news .blk_2_1 article a p:nth-of-type(3) {
  grid-row: 2 / 4;
	grid-column: 1 / 2;
  padding: 0 5% 0 0;
}
#page_news .blk_2_1 article a p:nth-of-type(3) span {
  display: block;
  width:100%;
  aspect-ratio: 163 / 120;
  border-radius: 0 15px 15px 0;
  overflow: hidden;
}
#page_news .blk_2_1 article a p:nth-of-type(3) span.noimg {
  background-color: #dce0ed;
  background-image: url('../images/logo_02.svg');
	background-position: 50% 45%;
	background-size: 45% auto;
}
#page_news .blk_2_1 article a p:nth-of-type(3) span img {
  position:absolute;
  display: block;
  left:50%;
  top:50%;
  translate:-50% -50%;
  width:100%;
  height:100%;
  object-fit: cover;
}
/*  */
#page_news .blk_2_2 {
  padding:20px 0 0 0;
}
/*  */
#page_news .blk_2_2 .btn_pages {
  display:table;
  height: 43px;
  margin: auto;
}
#page_news .blk_2_2 .btn_pages .btn_prev,
#page_news .blk_2_2 .btn_pages .btn_next {
  display:table-cell;
  width:60px;
  height: 100%;
  border:1px solid #8c8cbb;
  border-radius: 20px 0 0 20px;
}
#page_news .blk_2_2 .btn_pages .btn_prev::after,
#page_news .blk_2_2 .btn_pages .btn_next::after {
  position: absolute;
  display: block;
  content:'';
  left:50%;
  top:50%;
  width:10px;
  height: 10px;
  border-left: 2px solid #dddddd;
  border-top: 2px solid #dddddd;
  transform-origin: 0 0;
  transform: translateX(-50%) scaleY(.5) rotate(-45deg);
  pointer-events: none;
}
#page_news .blk_2_2 .btn_pages .btn_prev:has(a)::after,
#page_news .blk_2_2 .btn_pages .btn_next:has(a)::after {
  border-color: #8c8cbb;
}
#page_news .blk_2_2 .btn_pages .btn_prev a,
#page_news .blk_2_2 .btn_pages .btn_next a {
  display: block;
  width:100%;
  height: 100%;
}
#page_news .blk_2_2 .btn_pages .page {
  display:table-cell;
  border-top:1px solid #8c8cbb;
  border-bottom:1px solid #8c8cbb;
  padding:0 20px;
  text-align: center;
  vertical-align: middle;
  font-size: var(--fs_14);
  line-height: 1;
  font-weight: 500;
  color:#8c8cbb;
}
#page_news .blk_2_2 .btn_pages .page::before {
  content:'Page ';
}
#page_news .blk_2_2 .btn_pages .btn_next {
  border-radius: 0 20px 20px 0;
}
#page_news .blk_2_2 .btn_pages .btn_next::after {
  transform: translateX(50%) scaleY(.5) scaleX(-1) rotate(-45deg) ;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/
@media screen and (width > 1000px) {

/*  */
}