@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お知らせ（一覧）
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#infoList {
	width: 100%;
	margin: 130px 0 0;
	padding: 0 0 100px;
}
#infoList ol.list {
	width: calc(100% - 200px);
	margin: 100px 100px 50px;
	padding: 0;
  list-style: none;
}
#infoList ol.list li {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #014099;
}
#infoList ol.list li:first-child {
  padding: 30px 0;
  border-top: 1px solid #014099;
}
#infoList ol.list li:last-child {
  margin: 0;
}
#infoList ol.list li span {
  display: inline-block;
}
#infoList ol.list li span.date {
  width: 120px;
}
#infoList ol.list li span.title {
  width: calc(100% - 120px);
}
#infoList ol.list li span.title a {
  color: #333;
}
#infoList ol.list li span.title img {
  margin: 0 0 0 10px;
}

@media (max-width: 1420px) {
  #infoList ol.list {
    width: calc(100% - 80px);
    margin: 80px 40px 50px;
  }
}

@media (max-width: 1140px) {
  #infoList {
    margin: 110px 0 0;
  }
}

@media (max-width: 800px) {
  #infoList {
    margin: 90px 0 0;
  }
  #infoList ol.list {
    width: calc(100% - 40px);
    margin: 80px 20px 50px;
  }
}

@media (max-width: 600px) {
  #infoList ol.list li span {
    display: block;
  }
  #infoList ol.list li span.date {
    width: 100%;
    margin: 0 0 10px;
  }
  #infoList ol.list li span.title {
    width: 100%;
  }
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お知らせ（詳細）
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#infoDetail {
	width: 100%;
	margin: 130px 0 0;
	padding: 0 0 100px;
}
#infoDetail article {
  width: 1000px;
  margin: 80px auto 0;
  padding: 0;
}
#infoDetail article h3.title {
  margin: 0 0 50px;
  padding: 0 0 25px;
  border-bottom: 8px solid #cedaec;
}
#infoDetail article h3.title span {
  display: block;
}
#infoDetail article h3.title span.date {
  margin: 0 0 10px;
}
#infoDetail article p.btn {
  width: 240px;
  height: 50px;
  margin: 60px auto 0;
  padding: 0;
}
#infoDetail article p.btn a {
  padding: 13px 0 0;
}

@media (max-width: 1140px) {
  #infoDetail {
    margin: 110px 0 0;
  }
}

@media (max-width: 1100px) {
  #infoDetail article {
    width: calc(100% - 80px);
    margin: 80px 40px 0;
  }
}

@media (max-width: 900px) {
  div.system-free img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 800px) {
  #infoDetail {
    margin: 90px 0 0;
  }
  #infoDetail article {
    width: calc(100% - 40px);
    margin: 80px 20px 0;
  }
}