/* 保有許可 */
.permits .m_main .main {
 background-image: url("../img/permits/permits_top.jpg");
}

/* ===見出し 大=== */
.heading-style {
 position: relative;
 border-left: 5px solid #2C4A97;
 padding-left: 15px;
 margin: 0;
 display: flex;
 align-items: center;
 margin: 9rem 0;
 font-size: 32px;
}

.heading-style::after {
 content: "";
 flex-grow: 1;
 height: 1px;
 background-color: #ddd;
 margin-left: 20px;
}

/* ===見出し 中=== */
.heading-style_sub {
 position: relative;
 border-left: 5px solid #5E7BCB;
 padding-left: 15px;
 margin: 0;
 display: flex;
 align-items: center;
 font-size: 26px;
}

/* ===見出し 小=== */
.heading-style_small {
  display: flex;
  align-items: center; 
  gap: 10px;
  font-size: 22px;
}

.heading-style_small::before {
  content: "";
  display: block;
  width: 16px;
  height: 3px;     
  background-color: #5E7BCB;
 }

/* ===余白調整=== */
.mt-64 {
  margin-top: 64px;
}

.mt-6r {
  margin-top: 6rem;
}
.mt-9r {
  margin-top: 9rem;
}

.mb-72 {
  margin-bottom: 72px;
}

.mb-5r {
  margin-bottom: 5rem;
}

.mb-2r {
  margin-bottom: 2rem;
}

.btnwrap{
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 6em) / 3));
  gap: 3em;
}
.pdf-btn a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.5em;
  background-color: #2C4A97;
  color: #fff;
}
.permits-itemwrap{
  margin-bottom: 5em;
}
@media screen and (max-width: 768px){
  .btnwrap{
    grid-template-columns: 1fr;
    gap: 2em;
  }
}


/* 維持管理状況 */
.monitoring .m_main .main {
 background-image: url("../img/permits/monitoring_top.jpg");
}

.btnwrap.monitoring-wrap01{
  grid-template-columns: repeat(6, calc((100% - 7.5em) / 6));
  gap: 1.5em;
}
@media screen and (max-width: 768px){
  .btnwrap.monitoring-wrap01 {
    grid-template-columns: repeat(2, calc((100% - 1.5em) / 2));
  }
}

.monitoring-wrap01 a{
  padding: 1em 0;
  border: solid 1px #707070;
  display: inline-block;
  width: 100%;
  text-align: center;
}
p.monitoring_txt{
  margin: 3rem 0;
}
.monitoring-wrap02 p{
  padding: 1em 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #5E7BCB;
  color: #fff;
}

.monitoring-points_ttl{
  position: relative;
  padding-left: 1.5em;
  display: flex;
  align-items: center;
  font-size: 22px;
  margin: 3rem 0;
}
.monitoring-points_ttl::before{
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  background-color: #5E7BCB;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.sub-contents_ttl{
  position: relative;
  border-left: none;
  padding-left: 20px;
  margin-top: 5rem;
  display: flex;
  align-items: center;
  font-size: 22px;
}
.sub-contents_ttl::before{
  position: absolute;
  content: "";
  width: 0.5em;
  height: 3px;
  background-color: #5E7BCB;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}