@charset "UTF-8";

/* 九州管区警察局の役割のページ */
/* ページのタイトル部分 */
.role-title {
  text-align: center;
}
.role-title h1{
  color: #224a88;
  padding: 0.5em 0;
  border-top: solid 3px #224a88;
  border-bottom: solid 3px #224a88;
}

/* 小見出し */
.role-section {
  width: 100%;
  margin: 1em auto;
  text-align: center;
}
.role-section .sub-title{
  background-color: #2A5CAA;
  color: #fcfdfe;
}
/* 組織図 */
.role-section .chart {
  width: 80%;
  margin: 2em auto;
}
/* セクションの中の文章について */
.role-section p {
  width: 100%;
  margin: 1em auto;
}
/* 管区警察局の所掌事務 */
.role-section .affairs_under_the_Jurisdiction {
  width: 80%;
  padding: 0.5em 1em;
  margin: 10px auto;
  border: double 5px #333333;
  background: rgba(42,92,170,0.5);
  text-align: left;
}
.role-section .affairs_under_the_Jurisdiction .normal-ol p{
  margin-top: 0em;
  margin-bottom: 0em;
}
.role-section .affairs_under_the_Jurisdiction .normal-ol {
  margin: 2em;
}

.parentheses li {
  list-style: none;
  counter-increment: cnt;
}
.parentheses li::before {
  content: "(" counter(cnt) ") ";
}

.small-parentheses li {
  margin-left: 2em;
  list-style: none;
  counter-increment: number;
}
.small-parentheses li::before {
  content: "(" counter(number,lower-roman) ") ";
}

/*スマホ*/
@media screen and (max-width: 979px) {
  .role-section .chart {
    width: 95%;
    margin: 1em auto;
  }
  .role-section p {
    width: 98%;
  }
  .role-section .affairs_under_the_Jurisdiction {
    width: 98%;
  }
  .role-section .affairs_under_the_Jurisdiction .normal-ol {
    margin: 1.5em;
  }
  .small-parentheses li {
    margin-left: 1em;
  }
}