@charset "UTF-8";
/* News */
.mv:before {
 background: url("../img/news/mv.jpg") no-repeat center center/cover;
}
@media only screen and (max-width: 480px) {
 .mv:before {
  background: url("../img/news/mv_sp.jpg") no-repeat bottom center/cover;
 }
}
.bgG {
 padding: 60px 0;
 background-color: #f3f8e9;
}
.main {
 padding-top: 0;
}
.main .data {
 padding-top: 80px;
}
.main .bgG .navYear {
 display: flex;
 flex-wrap: wrap;
}
.main .bgG .navYear li {
 padding: 7px 0;
 text-align: center;
 border: 1px solid #333;
 cursor: pointer;
 transition: all 0.4s;
 font-size: 18px;
 color: #333;
}
.main .bgG .navYear li.active, .main .bgG .navYear li:hover {
 background-color: #009333;
 color: #fff;
 border-color: transparent;
}
.data .navCate {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.data .navCate li {
 padding: 16px 0;
 text-align: center;
 color: #fff;
 background-color: #a4c1c1;
 cursor: pointer;
 transition: all 0.4s;
}
.data .navCate li.active, .data .navCate li:hover {
 background-color: #0d8080;
}
.data .tabYear {
 display: none;
}
.data .tabYear .box-info.active, .data .tabYear.active {
 display: block;
}
.data .tabYear .box-info {
 display: none;
}
@media only screen and (min-width: 768px) {
 .main .bgG .navYear li {
  width: 18%;
  margin: 0 2.5% 2.5% 0;
 }
 .main .bgG .navYear li:nth-of-type(5n) {
  margin-right: 0;
 }
 .data .navCate li {
  width: 24.025%;
  margin: 0 1.3% 1.3% 0;
  font-size: min(1.9vw, 20px);
 }
 .data .navCate li:nth-of-type(4n) {
  margin-right: 0;
 }
}
@media only screen and (max-width: 767px) {
 .main .bgG .navYear li {
  width: 49%;
  margin: 0 2% 2% 0;
 }
 .main .bgG .navYear li:nth-of-type(2n) {
  margin-right: 0;
 }
 .data .navCate li {
  width: 49%;
  margin: 0 2% 2% 0;
  font-size: min(3.6vw, 18px);
 }
 .data .navCate li:nth-of-type(2n) {
  margin-right: 0;
 }
}
.boxItem {
 background: #f3f3f3;
 padding: 20px 20px 60px;
 position: relative;
 transition: .3s;
}
.boxItem:hover {
 box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;
 transform: translateY(-3px)
}
.boxDate {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 10px;
 align-items: flex-start;
}
.boxDate li:nth-of-type(1) {
 width: 105px;
}
.boxDate li:nth-of-type(2) {
 width: calc(100% - 105px);
 display: flex;
 flex-wrap: wrap;
}
.boxDate li:nth-of-type(2) p {
 background: #0d8080;
 color: #fff;
 font-size: 13px;
 line-height: 1.3;
 padding: 1px 5px;
 text-align: center;
 margin: 3px 5px 2px 0;
}
.boxTxt {
 color: #0d8080;
 text-decoration: underline;
}
.boxBtn {
 position: absolute;
 bottom: 0;
 right: 0;
 background: #0d8080;
 color: #fff;
 font-size: 14px;
 width: 150px;
 height: 25px;
 line-height: 26px;
 text-align: center;
}
@media only screen and (min-width: 768px) {
 .box {
  display: flex;
  flex-wrap: wrap;
 }
 .boxItem {
  width: 48.5%;
  margin-bottom: 3%;
 }
 .boxItem:nth-of-type(2n+1) {
  margin-right: 3%;
 }
}
@media only screen and (max-width: 767px) {
 .boxItem {
  display: block;
  width: 100%;
  margin-bottom: 20px;
 }
}
@media only screen and (max-width: 480px) {
 .boxDate li:nth-of-type(1) {
  width: 100%;
 }
 .boxDate li:nth-of-type(2) {
  width: 100%;
 }
}
/* Detail */
.detail {
 padding-top: 80px;
}
.detail .title {
 color: #0d8080;
 font-size: 24px;
}
.detail-wrap {
 padding: 30px 0 80px;
}
.detail-wrap * {
 font-size: inherit;
 font-style: inherit;
 color: inherit;
}
.btn-back {
 max-width: 265px;
 width: 70%;
 height: 45px;
 line-height: 45px;
 position: relative;
 background: #0d8080;
 color: #fff;
 text-align: center;
 display: block;
 margin: 0 auto;
 border: 1px solid #0d8080;
}
.btn-back:before {
 content: '';
 border: solid #fff;
 border-width: 0 1px 1px 0;
 display: inline-block;
 padding: 4px;
 transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 position: absolute;
 top: 50%;
 left: 7%;
 margin-top: -4px;
}
.btn-back:hover {
 background: #fff;
 color: #0d8080;
}
.btn-back:hover:before {
 border: solid #0d8080;
 border-width: 0 1px 1px 0;
}
@media only screen and (max-width: 767px) {
 .detail {
  padding-top: 50px;
 }
 .detail .title {
  font-size: 18px;
 }
 .detail-wrap {
  padding: 30px 0 50px;
 }
}