@charset "UTF-8";
.colWrapper .newsInner .cat_brand {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  background: #E99619;
  line-height: 1rem;
}
.colWrapper .newsInner .cat_company {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  background: #008FC5;
  line-height: 1rem;
}
.colWrapper .newsInner .cat_socialwork {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  background: #20883E;
  line-height: 1rem;
}
.colWrapper .newsInner .cat_development {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  background: #B9B309;
  line-height: 1rem;
}

/**** top ****/
#jpnTopContainer .colWrapper {
  /**** 注目の情報 ****/
}
#jpnTopContainer .colWrapper .btnReturn {
  clear: both;
  text-align: right;
}
#jpnTopContainer .colWrapper .btnArea a {
  cursor: pointer;
}
#jpnTopContainer .colWrapper #newsTopArea:after {
  content: '';
  clear: both;
}
#jpnTopContainer .colWrapper #newsTopArea {
  width: 100%;
  overflow: hidden;
}
#jpnTopContainer .colWrapper #newsTopArea li {
  float: left;
  width: 39%;
  margin-right: 0;
  margin-bottom: 24px;
  border: solid 1px #DADADA;
  letter-spacing: -0.35em;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsImg {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsImg img {
  width: 100%;
}
#jpnTopContainer .colWrapper #newsTopArea li article {
  padding: 12px;
}
#jpnTopContainer .colWrapper #newsTopArea li article a {
  color: #56565A;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsInner {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  background: #FFF;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsInner p {
  margin-bottom: 0 !important;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsInner .newsDay {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsInner .newsDay span {
  margin-right: 5px;
  color: #E11E45;
}
#jpnTopContainer .colWrapper #newsTopArea li .newsInner .newsTtl {
  display: block;
}
#jpnTopContainer .colWrapper #newsTopArea li:nth-child(1) {
  width: 59%;
  height: 640px;
  margin-right: 2%;
  margin-bottom: 0;
}
#jpnTopContainer .colWrapper #newsTopArea li:nth-child(1) .newsImg {
  display: block;
  width: 100%;
}
#jpnTopContainer .colWrapper #newsTopArea li:nth-child(1) .newsInner {
  display: block;
  width: 100%;
}
#jpnTopContainer .colWrapper #newsTopArea li:nth-child(5) {
  margin-bottom: 0;
}
@media only screen and (max-width: 1025px) {
  #jpnTopContainer .colWrapper #newsTopArea li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  #jpnTopContainer .colWrapper #newsTopArea li article {
    padding: 10px;
  }
  #jpnTopContainer .colWrapper #newsTopArea li .newsImg {
    display: block;
    width: 100%;
  }
  #jpnTopContainer .colWrapper #newsTopArea li .newsInner {
    display: block;
    width: 100%;
  }
  #jpnTopContainer .colWrapper #newsTopArea li:nth-child(1) {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #jpnTopContainer .colWrapper #newsTopArea li:nth-child(odd) {
    margin-right: 0;
  }
  #jpnTopContainer .colWrapper #newsTopArea li:nth-child(4), #jpnTopContainer .colWrapper #newsTopArea li:nth-child(5) {
    margin-bottom: 0;
  }
}
#jpnTopContainer .colWrapper .topHeading {
  font-size: 30px;
  line-height: 2.3rem;
  font-weight: bold;
  margin-bottom: 12px;
  color: #002F5F;
  text-align: center;
  letter-spacing: normal;
}
#jpnTopContainer .colWrapper .topicsArea {
  margin-bottom: 24px !important;
  border: solid 1px #DADADA;
}
#jpnTopContainer .colWrapper .topicsArea h2 {
  margin-bottom: 12px !important;
}
#jpnTopContainer .colWrapper .topicsArea .blockImg {
  margin-bottom: 0 !important;
}
#jpnTopContainer .colWrapper .topicsArea .topicsInner {
  position: relative;
  padding: 24px;
  min-height: 246px;
}
#jpnTopContainer .colWrapper .topicsArea .topicsInner .btnArea {
  position: absolute;
  left: 24px;
  bottom: 24px;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 1026px) and (max-width: 1199px) {
  #jpnTopContainer .colWrapper .topicsArea .topicsInner {
    min-height: 260px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1025px) {
  #jpnTopContainer .colWrapper .topicsArea .topicsInner {
    min-height: 310px;
    padding: 12px;
  }
}
@media only screen and (max-width: 759px) {
  #jpnTopContainer .colWrapper .topHeading {
    margin-bottom: 10px;
  }
  #jpnTopContainer .colWrapper .topicsArea {
    margin-bottom: 20px !important;
  }
  #jpnTopContainer .colWrapper .topicsArea h2 {
    margin-bottom: 10px !important;
  }
  #jpnTopContainer .colWrapper .topicsArea .topicsInner {
    min-height: 300px;
    padding: 10px;
  }
  #jpnTopContainer .colWrapper .topicsArea .topicsInner .btnArea {
    left: 10px;
    bottom: 10px;
  }
}
#jpnTopContainer .colWrapper .colum_typeB {
  width: 100%;
  letter-spacing: -0.35em;
}
#jpnTopContainer .colWrapper .colum_typeB .colBlock {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 12px;
}
#jpnTopContainer .colWrapper .colum_typeB .colBlock:nth-child(even) {
  margin-right: 0 !important;
}
@media only screen and (max-width: 759px) {
  #jpnTopContainer .colWrapper .colum_typeB .colBlock {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#jpnTopContainer .colWrapper .colum_typeF {
  width: 100%;
  letter-spacing: -0.35em;
}
#jpnTopContainer .colWrapper .colum_typeF .colBlock {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 12px;
}
#jpnTopContainer .colWrapper .colum_typeF .colBlock:nth-child(3n) {
  margin-right: 0 !important;
}
@media only screen and (max-width: 759px) {
  #jpnTopContainer .colWrapper .colum_typeF .colBlock {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #jpnTopContainer .colWrapper .colum_typeF .colBlock:nth-child(even) {
    margin-right: 0 !important;
  }
}
#jpnTopContainer .colWrapper .colum_typeH {
  width: 100%;
  letter-spacing: -0.35em;
}
#jpnTopContainer .colWrapper .colum_typeH .colBlock {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 12px;
}
#jpnTopContainer .colWrapper .colum_typeH .colBlock:nth-child(4n) {
  margin-right: 0 !important;
}
@media only screen and (max-width: 759px) {
  #jpnTopContainer .colWrapper .colum_typeH .colBlock {
    width: 48.5%;
    margin-bottom: 10px;
  }
  #jpnTopContainer .colWrapper .colum_typeH .colBlock:nth-child(2n) {
    margin-right: 0 !important;
  }
}

/**** top以外 ****/
#jpnContainer .colWrapper #newsArea:after {
  content: '';
  clear: both;
}
#jpnContainer .colWrapper #newsArea {
  width: 100%;
  overflow: hidden;
}
#jpnContainer .colWrapper #newsArea li {
  float: left;
  border: solid 1px #DADADA;
  letter-spacing: -0.35em;
  margin-bottom: 24px;
  overflow: hidden;
}
#jpnContainer .colWrapper #newsArea li .newsImg {
  vertical-align: top;
}
#jpnContainer .colWrapper #newsArea li .newsImg img {
  width: 100%;
}
#jpnContainer .colWrapper #newsArea li article {
  padding: 12px;
}
#jpnContainer .colWrapper #newsArea li article a {
  color: #56565A;
}
#jpnContainer .colWrapper #newsArea li .newsInner {
  vertical-align: top;
  background: #FFF;
}
#jpnContainer .colWrapper #newsArea li .newsInner p {
  margin-bottom: 0 !important;
}
#jpnContainer .colWrapper #newsArea li .newsInner .newsDay {
  vertical-align: middle;
}
#jpnContainer .colWrapper #newsArea li .newsInner .newsDay span {
  margin-right: 5px;
  color: #E11E45;
}
#jpnContainer .colWrapper #newsArea li .newsInner .newsTtl {
  display: block;
}
#jpnContainer .colWrapper #newsArea .news_typeA {
  width: 48.5%;
  height: 317px;
  margin-right: 3%;
}
#jpnContainer .colWrapper #newsArea .news_typeA .newsDay {
  display: inline-block;
  padding-left: 5px;
}
#jpnContainer .colWrapper #newsArea .news_typeA .newsImg {
  position: relative;
  overflow: hidden;
  height: 219px;
}
#jpnContainer .colWrapper #newsArea .news_typeA .newsImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#jpnContainer .colWrapper #newsArea .news_typeA .newsInner {
  display: block;
  width: 100%;
}
#jpnContainer .colWrapper #newsArea .news_typeB, #jpnContainer .colWrapper #newsArea .news_typeC {
  width: 22.75%;
  margin-right: 3%;
}
#jpnContainer .colWrapper #newsArea .news_typeB article, #jpnContainer .colWrapper #newsArea .news_typeC article {
  height: 112px;
}
#jpnContainer .colWrapper #newsArea .news_typeB .newsDay, #jpnContainer .colWrapper #newsArea .news_typeC .newsDay {
  display: block;
  margin-top: 5px;
  padding-left: 12px;
}
#jpnContainer .colWrapper #newsArea .news_typeB .newsImg, #jpnContainer .colWrapper #newsArea .news_typeC .newsImg {
  display: block;
  width: 100%;
}
#jpnContainer .colWrapper #newsArea .news_typeB .newsInner, #jpnContainer .colWrapper #newsArea .news_typeC .newsInner {
  display: block;
  width: 100%;
}
#jpnContainer .colWrapper #newsArea .news_typeC .newsImg {
  display: none;
}
#jpnContainer .colWrapper #newsArea .news_typeC article {
  height: 260px;
}
#jpnContainer .colWrapper #newsArea .news_typeD {
  width: 48.5%;
  margin-right: 3%;
}
#jpnContainer .colWrapper #newsArea .news_typeD article {
  height: 112px;
}
#jpnContainer .colWrapper #newsArea .news_typeD .newsDay {
  display: inline-block;
  padding-left: 5px;
}
#jpnContainer .colWrapper #newsArea .news_typeD .newsImg {
  display: inline-block;
  width: 47%;
}
#jpnContainer .colWrapper #newsArea .news_typeD .newsInner {
  display: inline-block;
  width: 53%;
}
#jpnContainer .colWrapper #newsArea .type_mg_all {
  margin-right: 0%;
}
#jpnContainer .colWrapper #newsArea .type_mg_pc {
  margin-right: 0%;
}
@media only screen and (min-width: 760px) and (max-width: 1025px) {
  #jpnContainer .colWrapper #newsArea .news_typeB article, #jpnContainer .colWrapper #newsArea .news_typeC article {
    height: auto;
  }
}
@media only screen and (max-width: 759px) {
  #jpnContainer .colWrapper #newsArea .news_typeB article, #jpnContainer .colWrapper #newsArea .news_typeC article {
    height: auto;
  }
}
@media only screen and (max-width: 1025px) {
  #jpnContainer .colWrapper #newsArea li {
    margin-bottom: 10px;
  }
  #jpnContainer .colWrapper #newsArea li article {
    padding: 10px;
  }
  #jpnContainer .colWrapper #newsArea li .newsInner {
    display: inline-block;
    vertical-align: top;
  }
  #jpnContainer .colWrapper #newsArea .news_typeA {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  #jpnContainer .colWrapper #newsArea .news_typeA .newsDay {
    display: inline-block;
    padding-left: 5px;
  }
  #jpnContainer .colWrapper #newsArea .news_typeA .newsImg {
    position: static;
    overflow: hidden;
    width: 100%;
    height: auto;
  }
  #jpnContainer .colWrapper #newsArea .news_typeA .newsImg img {
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  #jpnContainer .colWrapper #newsArea .news_typeA .newsInner {
    display: block;
    width: 100%;
  }
  #jpnContainer .colWrapper #newsArea .news_typeB, #jpnContainer .colWrapper #newsArea .news_typeC {
    width: 48.5%;
  }
  #jpnContainer .colWrapper #newsArea .news_typeB .newsDay, #jpnContainer .colWrapper #newsArea .news_typeC .newsDay {
    display: block;
    margin-top: 5px;
    padding-left: 10px;
  }
  #jpnContainer .colWrapper #newsArea .news_typeB .newsImg, #jpnContainer .colWrapper #newsArea .news_typeC .newsImg {
    display: block;
    width: 100%;
  }
  #jpnContainer .colWrapper #newsArea .news_typeB .newsInner, #jpnContainer .colWrapper #newsArea .news_typeC .newsInner {
    display: block;
    width: 100%;
  }
  #jpnContainer .colWrapper #newsArea .news_typeC .newsImg {
    display: none;
  }
  #jpnContainer .colWrapper #newsArea .news_typeD {
    width: 100%;
    margin-right: 0;
  }
  #jpnContainer .colWrapper #newsArea .news_typeD article {
    height: auto;
  }
  #jpnContainer .colWrapper #newsArea .news_typeD .newsDay {
    display: inline-block;
    padding-left: 5px;
  }
  #jpnContainer .colWrapper #newsArea .news_typeD .newsImg {
    display: inline-block;
    width: 48%;
  }
  #jpnContainer .colWrapper #newsArea .news_typeD .newsInner {
    display: inline-block;
    width: 52%;
  }
  #jpnContainer .colWrapper #newsArea .type_mg_all {
    margin-right: 0%;
  }
  #jpnContainer .colWrapper #newsArea .type_mg_pc {
    margin-right: 3%;
  }
  #jpnContainer .colWrapper #newsArea .type_mg_sp {
    margin-right: 0;
  }
}

/*# sourceMappingURL=news.css.map */
