.wrapper {
  overflow: hidden; }


.font {
  color: #ffffff;
}


.newsOpan {
  position: relative;
  z-index: 30;
  float: left; }
  .newsOpan .section-inner {
    width: 220px; }
  .newsOpan .contenst {
    width: 240px;
    position: relative; }
  .newsOpan .textBox {
    position: relative; }
    .newsOpan .textBox .text {
      padding-left: 40px;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #fcedc4;
      background-color: #000000; }
  .newsOpan .yajirusi:before, .newsOpan .yajirusi:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    left: 22px;
    background-color: #ff0000; }
  .newsOpan .yajirusi:before {
    content: "";
    top: 17px;
    transform: rotate(45deg); }
  .newsOpan .yajirusi:after {
    content: "";
    bottom: 16px;
    transform: rotate(-45deg); }
  .newsOpan .newsArea {
    position: absolute;
    top: 41px;
    left: 0;
    width: 240px; }
  .newsOpan .text {
    font-size: 14px; }
  .newsOpan .red {
    color: #b90000; }
  .newsOpan .white {
    color: #ffffff; }
  .newsOpan .newsList {
    background-color: #2d2d2d;
    padding-left: 40px; }
    .newsOpan .newsList li {
      padding-bottom: 10px; }
    .newsOpan .newsList li:first-of-type {
      padding-top: 16px; }
    .newsOpan .newsList li:last-of-type {
      padding-bottom: 16px; }
    .newsOpan .newsList .text a {
      color: #fcedc4; }
  .newsOpan .newsList {
    overflow: hidden;
    transition: height 0.4s ease-in-out;
    -webkit-transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out; }
  .newsOpan .list {
    display: none; }
  .newsOpan .monthSelect {
    margin-top: 5px;
    background-color: #000000;
    padding: 20px 15px; }
    .newsOpan .monthSelect .lastest_news {
      padding-bottom: 15px; }
    .newsOpan .monthSelect ul li {
      padding-bottom: 20px; }
      .newsOpan .monthSelect ul li .mintext {
        padding-top: 5px; }

.section-news {
  position: relative;
  z-index: 20;
  margin-top: 50px;
  padding-bottom: 200px; }
  .section-news .title {
    text-align: center;
    padding: 30px 0; }
	.section-news > .section-inner > ul {
		display: flex;
		flex-wrap: wrap;
	}
  .section-news li {
    width: 251px;
    min-height: 270px;
    background-color: #ffffff;
    margin-right: 5px;
    margin-bottom: 5px; }
    .section-news li p a, .section-news li p span {
      display: block; }
    .section-news li p .day {
      font-size: 11px;
      line-height: 19px;
      padding: 10px 10px 0 10px; }
    .section-news li p .text {
      font-size: 14px;
      line-height: 21px;
      padding: 10px; }
			.section-news li p a img, .section-news li p span img {
				width: 252px;
				height: 160px;
			}
  .section-news li:nth-of-type(4n + 4) {
    margin-right: 0; }
  .section-news .btn {
    text-align: center;
    padding-top: 20px; }

.section-newsarticle {
  position: relative;
  z-index: 20;
  margin-bottom: 100px;
  float: right; }
  .section-newsarticle .section-inner {
    width: 765px;
    margin: 0 auto; }
    .section-newsarticle .section-inner .list {
      display: none; }
  .section-newsarticle .newsarticle {
    background-color: #ffffff;
    padding: 40px; }
    .section-newsarticle .newsarticle .day {
      color: #b90000;
      font-size: 14px; }
    .section-newsarticle .newsarticle p.title {
      font-size: 20px;
      position: relative;
      top: 0;
      left: 0;
      padding: 15px 0;
      padding-left: 20px; }
      .section-newsarticle .newsarticle p.title span {
        font-size: 20px;
        line-height: 30px;
        position: relative; }
      .section-newsarticle .newsarticle p.title span:before {
        content: "";
        position: absolute;
        top: -5px;
        left: -20px;
        width: 8px;
        height: 30px;
        background-color: #000000; }
    .section-newsarticle .newsarticle .title:before {
      content: "";
      top: 0;
      background: url("../../public/img/news/topLine.png") no-repeat; }
    .section-newsarticle .newsarticle .title:after {
      content: "";
      bottom: 0;
      background: url("../../public/img/news/bottomLine.png") no-repeat;
      padding-top: -10px; }
    .section-newsarticle .newsarticle .title:before, .section-newsarticle .newsarticle .title:after {
      content: "";
      position: absolute;
      left: 0;
      width: 940px;
      height: 5px; }
    .section-newsarticle .newsarticle .text {
      font-size: 14px;
      line-height: 30px;
      margin-top: 20px; }
    .section-newsarticle .newsarticle .img {
      padding: 30px 0;
      text-align: center; }
  .section-newsarticle .big {
    font-size: 16px; }

.btn {
  margin-top: 60px;
  text-align: center; }

@media screen and (max-width: 1280px) {
  .titleBox {
    padding-top: 0; }
  .titleBox .title {
    width: 21vw; }
  .newsOpan .section-inner {
    width: 84%; }
  .newsOpan .contenst {
    width: 18vw; }
  .newsOpan .textBox .text {
    padding-left: 20%;
    padding-top: 4%;
    padding-bottom: 4%; }
  .newsOpan .yajirusi:before, .newsOpan .yajirusi:after {
    content: "";
    position: absolute;
    width: 5%;
    height: 5%;
    left: 10%;
    background-color: #ff0000; }
  .newsOpan .yajirusi:before {
    content: "";
    top: 40%;
    transform: rotate(45deg); }
  .newsOpan .yajirusi:after {
    content: "";
    bottom: 40%;
    transform: rotate(-45deg); }
  .newsOpan .newsArea {
    position: absolute;
    top: 101%;
    left: 0;
    width: 100%; }
  .newsOpan .text {
    font-size: 1.2vw; }
  .newsOpan .newsList {
    background-color: #2d2d2d;
    padding-left: 20%; }
    .newsOpan .newsList li {
      padding-bottom: 5%; }
    .newsOpan .newsList li:first-of-type {
      padding-top: 8%; }
    .newsOpan .newsList li:last-of-type {
      padding-bottom: 8%; }
    .newsOpan .newsList .text a {
      color: #fcedc4; }
  .newsOpan .newsList {
    overflow: hidden;
    transition: height 0.4s ease-in-out;
    -webkit-transition: height 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out; }
  .newsOpan .monthSelect {
    margin-top: 5px;
    background-color: #000000;
    padding: 10% 10%; }
    .newsOpan .monthSelect .monthAea {
      background-color: #000; }
    .newsOpan .monthSelect .lastest_news {
      padding-bottom: 7%;
      width: 100%; }
      .newsOpan .monthSelect .lastest_news img {
        width: 100%; }
    .newsOpan .monthSelect ul li {
      padding-bottom: 2%; }
      .newsOpan .monthSelect ul li .mintext {
        padding-top: 2%; }
    .newsOpan .monthSelect #_btnOpan.textBox {
      border: 1px solid #ffffff; }
  .section-news {
    width: 100%; }
    .section-news .section-inner {
      width: 84%;
      margin: 0 auto; }
    .section-news .title {
      text-align: center;
      padding: 3% 0;
      width: 50%;
      margin: 0 auto; }
      .section-news .title img {
        width: 100%; }
    .section-news li {
      float: left;
      width: 24%;
      min-height: 24vw;
      background-color: #ffffff;
      margin-right: 1%;
      margin-bottom: 1%; }
      .section-news li p {
        width: 100%; }
        .section-news li p a, .section-news li p span {
          display: block; }
          .section-news li p a img, .section-news li p span img {
            width: 100%;
						height: auto; }
        .section-news li p .day {
          font-size: 1vw;
          line-height: 1.2vw;
          padding: 1vw 1vw 0 1vw; }
        .section-news li p .text {
          font-size: 1vw;
          line-height: 1.4vw;
          padding: 1vw; }
    .section-news li:nth-of-type(4n + 4) {
      margin-right: 0; }
    .section-news .btn {
      text-align: center;
      padding-top: 2%;
      width: 40%;
      margin: 0 auto; }
      .section-news .btn img {
        width: 100%; }
  .section-newsarticle {
    position: relative;
    z-index: 20;
    margin-bottom: 10%;
    float: right; }
    .section-newsarticle .section-inner {
      width: 765px;
      margin: 0 auto; }
      .section-newsarticle .section-inner .list {
        display: none; }
    .section-newsarticle .newsarticle {
      background-color: #ffffff;
      padding: 40px; }
      .section-newsarticle .newsarticle .day {
        color: #b90000;
        font-size: 14px; }
      .section-newsarticle .newsarticle p.title {
        font-size: 20px;
        position: relative;
        top: 0;
        left: 0;
        padding: 15px 0;
        padding-left: 20px; }
        .section-newsarticle .newsarticle p.title span {
          font-size: 20px;
          line-height: 30px;
          position: relative; }
        .section-newsarticle .newsarticle p.title span:before {
          content: "";
          position: absolute;
          top: -5px;
          left: -20px;
          width: 8px;
          height: 30px;
          background-color: #000000; }
      .section-newsarticle .newsarticle .title:before {
        content: "";
        top: 0;
        background: url("../../public/img/news/topLine.png") no-repeat; }
      .section-newsarticle .newsarticle .title:after {
        content: "";
        bottom: 0;
        background: url("../../public/img/news/bottomLine.png") no-repeat;
        padding-top: -10px; }
      .section-newsarticle .newsarticle .title:before, .section-newsarticle .newsarticle .title:after {
        content: "";
        position: absolute;
        left: 0;
        width: 940px;
        height: 5px; }
      .section-newsarticle .newsarticle .text {
        font-size: 14px;
        line-height: 30px; }
      .section-newsarticle .newsarticle .img {
        padding: 30px 0;
        text-align: center; } }

@media screen and (max-width: 1024px) {
  .newsOpan {
    float: none; }
    .newsOpan .section-inner {
      width: 100%; }
    .newsOpan .contenst {
      width: 54vw; }
    .newsOpan .textBox .text {
      padding-left: 20%;
      padding-top: 4%;
      padding-bottom: 4%; }
    .newsOpan .newsArea {
      position: absolute;
      top: 101%;
      left: 0;
      width: 130%; }
    .newsOpan .text {
      font-size: 2.8vw; }
    .newsOpan .newsList {
      background-color: #2d2d2d;
      padding-left: 6%;
      width: 60%; }
      .newsOpan .newsList li {
        padding-bottom: 5%; }
      .newsOpan .newsList li:first-of-type {
        padding-top: 8%; }
      .newsOpan .newsList li:last-of-type {
        padding-bottom: 8%; }
      .newsOpan .newsList .text a {
        color: #fcedc4; }
    .newsOpan .newsList {
      overflow: hidden;
      transition: height 0.4s ease-in-out;
      -webkit-transition: height 0.4s ease-in-out;
      -moz-transition: height 0.4s ease-in-out;
      -ms-transition: height 0.4s ease-in-out; }
    .newsOpan .monthAea {
      overflow: hidden;
      transition: height 0.4s ease-in-out;
      -webkit-transition: height 0.4s ease-in-out;
      -moz-transition: height 0.4s ease-in-out;
      -ms-transition: height 0.4s ease-in-out; }
    .newsOpan .newsBtnArea {
      margin-left: 20%; }
      .newsOpan .newsBtnArea .newsBtn {
        background-color: #000000;
        padding: 3% 4%;
        width: 50%;
        position: relative; }
        .newsOpan .newsBtnArea .newsBtn .text {
          color: #fcedc4;
          padding-left: 10%; }
      .newsOpan .newsBtnArea .yajirusi:before, .newsOpan .newsBtnArea .yajirusi:after {
        content: "";
        position: absolute;
        width: 5%;
        height: 3%;
        left: 5%;
        background-color: #ff0000; }
      .newsOpan .newsBtnArea .yajirusi:before {
        content: "";
        top: 42%;
        transform: rotate(45deg); }
      .newsOpan .newsBtnArea .yajirusi:after {
        content: "";
        bottom: 42%;
        transform: rotate(-45deg); }
    .newsOpan .monthSelect {
      margin-top: -11%;
      background-color: #000000;
      padding: 4% 4%;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transform: translateX(-100%); }
      .newsOpan .monthSelect .lastest_news {
        padding-bottom: 7%;
        width: 60%;
        float: left; }
        .newsOpan .monthSelect .lastest_news img {
          width: 100%; }
      .newsOpan .monthSelect .close {
        float: right;
        width: 10%; }
      .newsOpan .monthSelect ul li {
        padding-bottom: 2%; }
        .newsOpan .monthSelect ul li .mintext {
          padding-top: 2%; }
      .newsOpan .monthSelect #_btnOpan.textBox {
        border: 1px solid #ffffff;
        width: 60%;
        margin-bottom: 5%; }
    .newsOpan .monthSelect_transX {
      transform: translateX(0%); }
  .section-news {
    width: 100%; }
    .section-news .section-inner {
      width: 84%;
      margin: 0 auto; }
    .section-news .title {
      text-align: center;
      padding: 7% 0;
      width: 80%;
      margin: 0 auto; }
      .section-news .title img {
        width: 100%; }
    .section-news li {
      float: left;
      width: 48%;
      min-height: auto;
      height: 50vw;
      background-color: #ffffff;
      margin-right: 4%;
      margin-bottom: 4%; }
      .section-news li p {
        width: 100%; }
        .section-news li p a, .section-news li p span {
          display: block; }
          .section-news li p a img, .section-news li p span img {
            width: 100%; }
        .section-news li p .day {
          font-size: 2vw;
          line-height: 3vw;
          padding: 1vw 1vw 0 1vw; }
        .section-news li p .text {
          font-size: 2vw;
          line-height: 3vw;
          padding: 2vw; }
    .section-news li:nth-of-type(2n + 2) {
      margin-right: 0; }
    .section-news li:nth-of-type(4n + 4) {
      margin-right: 0; }
    .section-news .btn {
      text-align: center;
      padding-top: 2%;
      width: 80%;
      margin: 0 auto; }
      .section-news .btn img {
        width: 100%; }
  .section-newsarticle {
    position: relative;
    z-index: 20;
    margin-bottom: 10%;
    float: none;
    margin-top: 10%; }
    .section-newsarticle .section-inner {
      width: 90%;
      margin: 0 auto; }
      .section-newsarticle .section-inner .list {
        display: none; }
      .section-newsarticle .section-inner .btn {
        width: 50%;
        margin: 6% auto 0 auto; }
    .section-newsarticle .newsarticle {
      background-color: #ffffff;
      padding: 4%; }
      .section-newsarticle .newsarticle .day {
        color: #b90000;
        font-size: 2vw; }
      .section-newsarticle .newsarticle p.title {
        font-size: 3vw;
        position: relative;
        top: 0;
        left: 0;
        padding: 1.5vw 0;
        padding-left: 2vw; }
        .section-newsarticle .newsarticle p.title span {
          font-size: 3vw;
          line-height: 4vw;
          position: relative; }
        .section-newsarticle .newsarticle p.title span:before {
          content: "";
          position: absolute;
          top: -1%;
          left: -2%;
          width: 1%;
          height: 100%;
          background-color: #000000; }
      .section-newsarticle .newsarticle .title:before {
        content: "";
        top: 0;
        background: url("../../public/img/news/topLine.png") no-repeat; }
      .section-newsarticle .newsarticle .title:after {
        content: "";
        bottom: 0;
        background: url("../../public/img/news/bottomLine.png") no-repeat; }
      .section-newsarticle .newsarticle .title:before, .section-newsarticle .newsarticle .title:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 0;
        background-size: 100%;
        padding-top: 1%; }
      .section-newsarticle .newsarticle .text {
        font-size: 2.7vw;
        line-height: 3.6vw;
        margin-top: 4vw; }
      .section-newsarticle .newsarticle .img {
        padding: 3vw 0;
        text-align: center; }
    .section-newsarticle .big {
      font-size: 3vw; } }

/*# sourceMappingURL=../maps/news.css.map */