@charset "UTF-8";
main {
  background: #EA721E;
}

section .sec_ttl {
  font-size: min(1.75695vw,24px);
  font-weight: 700;
  margin-bottom: min(2.34261vw,32px);
  padding-left: min(1.1713vw,16px);
  border-left: min(0.43924vw,6px) solid #EA721E;
}

@media screen and (max-width: 768px) {
  section .sec_ttl {
    font-size: 5.20833vw;
    margin-bottom: 5.20833vw;
    padding-left: 3.125vw;
    border-left: 1.5625vw solid #EA721E;
  }
}

/* -----------------------------------------------------
  news
----------------------------------------------------- */
.news .category {
  display: -webkit-box;
  /*Android4.3*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  margin-bottom: min(2.34261vw,32px);
}

@media screen and (max-width: 768px) {
  .news .category {
    -ms-flex-pack: justify;
    /*IE10*/
    -webkit-box-pack: justify;
    /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-justify-content: space-between;
    /* Safari6.1以降 */
    justify-content: space-between;
    margin-bottom: 4.16667vw;
  }
}

@media screen and (max-width: 768px) {
  .news .category li {
    width: 23%;
  }
}

.news .category li a {
  display: block;
  font-size: min(0.80527vw,11px);
  color: #746d6b;
  text-align: center;
  border-radius: min(0.21962vw,3px);
  padding: min(0.58565vw,8px);
  background: #EEEDED;
}

@media screen and (max-width: 768px) {
  .news .category li a {
    font-size: 2.86458vw;
    border-radius: 0.78125vw;
    padding: 2.08333vw 0;
  }
}

.news .category li a:hover, .news .category li a.current {
  background: #EA721E;
  color: #fff;
}

.news .category li + li {
  margin-left: min(0.58565vw,8px);
}

@media screen and (max-width: 768px) {
  .news .category li + li {
    margin-left: 1.04167vw;
  }
}

.news .items li {
  border-bottom: min(0.07321vw,1px) solid #dedddc;
  margin-bottom: min(1.1713vw,16px);
  padding-bottom: min(1.1713vw,16px);
}

@media screen and (max-width: 768px) {
  .news .items li {
    border-bottom: 0.26042vw solid #dedddc;
    margin-bottom: 4.16667vw;
    padding-bottom: 4.16667vw;
  }
}

.news .items li .detail {
  display: -webkit-box;
  /*Android4.3*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  -ms-flex-align: center;
  /*IE10*/
  -webkit-box-align: center;
  /* Android4.3以下、Safari3.1〜6.0 */
  -webkit-align-items: center;
  /* Safari6.1以降 */
  align-items: center;
  font-size: min(0.87848vw,12px);
}

@media screen and (max-width: 768px) {
  .news .items li .detail {
    font-size: 2.60417vw;
  }
}

.news .items li .detail .day {
  color: #EA721E;
}

@media screen and (max-width: 768px) {
  .news .items li .detail .day {
    font-size: 3.125vw;
  }
}

.news .items li .detail .cate_item {
  display: -webkit-box;
  /*Android4.3*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  margin-left: min(0.87848vw,12px);
}

@media screen and (max-width: 768px) {
  .news .items li .detail .cate_item {
    margin-left: 3.125vw;
  }
}

.news .items li .detail .cate_item div {
  color: #fff;
  border-radius: min(0.21962vw,3px);
  padding: min(0.14641vw,2px) min(1.1713vw,16px);
}

@media screen and (max-width: 768px) {
  .news .items li .detail .cate_item div {
    border-radius: 0.78125vw;
    padding: 0.52083vw 3.125vw;
  }
}

.news .items li .detail .cate_item div.mext {
  background: #F7554F;
}

.news .items li .detail .cate_item div.company {
  background: #5088E0;
}

.news .items li .detail .cate_item div.municipality {
  background: #54BA58;
}

.news .items li .detail .cate_item div.secretariat {
  background: #F0A806;
}

.news .items li .detail .cate_item div.other {
  background: #7F7C7C;
}

.news .items li .detail .cate_item div + div {
  margin-left: min(0.58565vw,8px);
}

.news .items li .ttl a {
  position: relative;
  display: block;
  margin-top: min(0.58565vw,8px);
  padding-right: min(2.92826vw,40px);
}

@media screen and (max-width: 768px) {
  .news .items li .ttl a {
    margin-top: 2.08333vw;
    padding-right: 5.20833vw;
  }
}

.news .items li .ttl a::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: min(1.02489vw,14px);
  height: min(0.87848vw,12px);
  background: url(../img/common/icon_arrow.png) right top/contain no-repeat;
}

@media screen and (max-width: 768px) {
  .news .items li .ttl a::after {
    width: 3.64583vw;
    height: 3.125vw;
  }
}