@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : publicnotice.css
 author     : Ability Consultant
 style info : 電子公告
=================================================================== */
/* Hover animation */
@media only screen and (min-width: 1025px) {
  body .view_tab_s {
    display: none;
  }
}
@media print {
  body .view_tab_s {
    display: none;
  }
}
.ie8 body .view_tab_s {
  display: none;
}
@media only screen and (min-width: 896.5px) and (max-width: 1024px) {
  body .view_tab-sp {
    display: none;
  }
  body .view_tab_s {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body .view_tab_s {
    display: none;
  }
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
/* -----------------------------------------------------------
	con_list
----------------------------------------------------------- */
.con_list {
  margin: 3em auto 8em;
}
.con_list .box_list {
  max-width: 950px;
  width: 90%;
  margin: 0 auto;
}
.con_list .box_list ul li {
  margin-bottom: 1em;
}
.con_list .box_list ul li:last-child {
  margin-bottom: 0;
}
.con_list .box_list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
@media only screen and (max-width: 767px) {
  .con_list .box_list ul li a {
    gap: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.con_list .box_list ul li a .day {
  width: 13em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list .box_list ul li a .day {
    width: 15em;
  }
}
@media only screen and (max-width: 767px) {
  .con_list .box_list ul li a .day {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list .box_list ul li a .day {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_list .box_list ul li a .day {
    width: 16.5em;
  }
}