@charset "utf-8";

div.section.mainV {
  background: url(../../img/news/h1_bg_pc.jpg) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 989px){
  div.section.mainV {
    background: url(../../img/news/h1_bg_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}



div.section div.newsWrap {
  width: 1000px;
}
@media screen and (max-width: 989px){
  div.section div.newsWrap {
    width: calc(100% - 40px);
  }
}
div.section div.newsWrap div.archiveBlock ul li {
  width: 483px;
}
@media screen and (max-width: 989px){
  div.section div.newsWrap div.archiveBlock ul li {
    width: 100%;
  }
}
div.section div.newsWrap div.archiveBlock ul li p.title {
  width: 243px;
}
@media screen and (max-width: 989px){
  div.section div.newsWrap div.archiveBlock ul li p.title {
    width: calc(100% - 120px);
  }
}





div.pagerBlock {
  text-align:  center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
div.pagerBlock span {
  display: block;
  border: 3px solid #003366;
  width: 50px;
  height: 50px;
  line-height: 46px;
  margin: 5px;
  box-sizing: border-box;
  color: #003366;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  div.pagerBlock span {
    margin: 2px;
  }
}
div.pagerBlock span.num_pager_first,
div.pagerBlock span.num_pager_last {
  width: 114px;
}
@media screen and (max-width: 767px) {
  div.pagerBlock span.num_pager_first,
  div.pagerBlock span.num_pager_last {
    width: 80px;
  }
}
div.pagerBlock span a {
  color: #003366;
  font-weight: 500;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
div.pagerBlock span a:hover {
  color: #003366;
}
div.pagerBlock span.num_pager_last a {
  background: url(../../img/common/vector_right_blue.svg) no-repeat 85% 50%;
  background-size: 9px;
}
div.pagerBlock span.active a {
  background:#003366;
  color: #fff;
}




div.newsdetailWrap .whiteBlock p.newsdate {
  margin-bottom: 10px;
}
div.newsdetailWrap .whiteBlock h3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1240px){
  div.newsdetailWrap .whiteBlock h3 {
    margin-bottom: 20px;
  }
}


div.newsdetailWrap .thumbslider {
  position: relative;
  width: 100%;
  padding-bottom: 90px;
}
@media screen and (max-width: 989px){
  div.newsdetailWrap .thumbslider {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 25%;
    margin-bottom: 20px;
  }
}

div.newsdetailWrap .thumbslider .slides img {
  width: 100%;
}
div.newsdetailWrap .thumbslider .flex-control-nav {
  position: absolute;
  bottom: 0;
  left: 0;
}
div.newsdetailWrap .thumbslider .flex-control-nav li {
  width: 32%;
  float: left;
  margin-right: 2%;
  cursor: pointer;
}
div.newsdetailWrap .thumbslider .flex-control-nav li img {
  width: 100%;
  opacity: .7;
  cursor: pointer
}
div.newsdetailWrap .thumbslider .flex-control-nav li img:hover {
  opacity: 1;
}
div.newsdetailWrap .thumbslider .flex-control-nav li img.flex-active {
  opacity: 1;
  cursor: default;
}
div.newsdetailWrap .thumbslider .flex-control-nav li:last-child {
  margin-right: 0;
}

div.section div.newsdetailWrap div.whiteBlock.withImg div.left {
  margin-right: 50px;
  margin-bottom: 20px;
}
@media screen and (max-width: 989px){
  div.section div.newsdetailWrap div.whiteBlock.withImg div.left {
    margin-right: 0;
    margin-bottom: 0;
  }
}
div.section div.newsdetailWrap div.whiteBlock.withImg div.right {
  width: auto;
  float: none;
}



/* ::::::::::::::::::::::::::::::::: PC ::::::::::::::::::::::::::::::::: */
@media screen and (min-width: 990px){


}


/* ::::::::::::::::::::::::::::::::: SP ::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 989px){


}



















/**/