@charset "UTF-8";

.RH-LAYOUT-CENTERPANEL-topic-box {
  font-family: "Clarimo UD PE Regular", "UD Shin Go Conde90 R JIS2004", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  line-break: strict;
  padding-left: 1em;
  margin: 0;
  letter-spacing: normal;
  background-color: #ffffff;
  letter-spacing: normal;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

/*--------------見出し--------------*/
.RH-LAYOUT-CENTERPANEL-topic-box h1, .RH-LAYOUT-FOOTER-container h1 {
  font-size: 1.5em;
  font-weight: normal;
  color: black;
  padding-top: 0em;
  margin-left: -0.5em;
  border-bottom: 0.35em solid #b33b69;
}

.RH-LAYOUT-CENTERPANEL-topic-box h2, .RH-LAYOUT-FOOTER-container h2 {
  font-size: 1.4em;
  font-weight: normal;
  margin-left: -0.5em;
  color: black;
  border-bottom: medium solid #b33b69;
}

.RH-LAYOUT-CENTERPANEL-topic-box h3, .RH-LAYOUT-FOOTER-container h3 {
  font-size: 1.2em;
  margin: 3em 0em 0.7em 0em;
  color: black;
  background-color: #ffe8ed;
  padding-left: 0.5em;
  font-weight: normal;
}

.RH-LAYOUT-CENTERPANEL-topic-box h4, .RH-LAYOUT-FOOTER-container h4 {
  font-size: 1.1em;
  font-weight: normal;
  margin: 2em 0em 0em 0em;
  padding: 0;
  color: black;
}

/*■*/
.RH-LAYOUT-CENTERPANEL-topic-box h4:before, .RH-LAYOUT-FOOTER-container h4:before {
  content: "\025a0";
  color: #b33b69;
  margin-right: 1px;
}

.RH-LAYOUT-CENTERPANEL-topic-box h5, .RH-LAYOUT-FOOTER-container h5 {
  font-size: 1.05em;
  font-weight: normal;
  margin: 1.5em 0em 0em 0em;
  padding: 0;
  color: black;
}

/*◆*/
.RH-LAYOUT-CENTERPANEL-topic-box h5:before, .RH-LAYOUT-FOOTER-container h5:before {
  content: "\025c6";
  color: #b33b69;
  margin-right: 1px;
}

/*--------------関連トピック（別ファイルの下位タイトル（H2）への参照）--------------*/
.RH-LAYOUT-CENTERPANEL-topic-box div.link-box, .RH-LAYOUT-FOOTER-container div.link-box {
  display: block;

  margin: 5em 0.5em 0.5em 0.5em;
  border-top: 2px dotted #000000;
  border-bottom: 2px dotted #000000;
  width: 70%;
  padding: 1em 1em 0em 1em;
  font-size: 0.9em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.link-box::before, .RH-LAYOUT-FOOTER-container div.link-box::before {
  font-weight: bold;
  color: #000000;
  content: "関連トピック";
  font-weight: bold;
  font-size: 1em;
}

.RH-LAYOUT-CENTERPANEL-topic-box .link-box li, .RH-LAYOUT-FOOTER-container .link-box li {
  font-size: 1em;
  list-style-type: square;
}

/*--------------本文--------------*/

/* 本文 */
.RH-LAYOUT-CENTERPANEL-topic-box p, .RH-LAYOUT-FOOTER-container p {
  margin-top: 0.3em;
}

/* 本文箇条書き */
.RH-LAYOUT-CENTERPANEL-topic-box ul, .RH-LAYOUT-FOOTER-container ul {
  padding-left: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box li, .RH-LAYOUT-FOOTER-container li {
  list-style-type: disc;
  padding-left: 0em;
  padding-top: 0em;
  padding-bottom: 0.5em;
}

/* リンク文字列 */
.RH-LAYOUT-CENTERPANEL-topic-box A:link, .RH-LAYOUT-FOOTER-container A:link {
  color: #000000;
  text-decoration: underline;
}

.RH-LAYOUT-CENTERPANEL-topic-box A:visited, .RH-LAYOUT-FOOTER-container A:visited {
  color: #000000;
  text-decoration: underline;
}

.RH-LAYOUT-CENTERPANEL-topic-box A:active, .RH-LAYOUT-FOOTER-container A:active {
  color: #000000;
}

.RH-LAYOUT-CENTERPANEL-topic-box A:hover, .RH-LAYOUT-FOOTER-container A:hover {
  color: #b33b69;
  text-decoration: underline;
}

/* 商標帰属文 */
.RH-LAYOUT-CENTERPANEL-topic-box p.trademark, .RH-LAYOUT-FOOTER-container p.trademark {
  font-size: 0.9em;
  line-height: 1.4;
}

/*--------------画像--------------*/

.RH-LAYOUT-CENTERPANEL-topic-box img, .RH-LAYOUT-FOOTER-container img {
  border: solid 1px #8c8c8c;
  margin-top: 0.7em;
  margin-bottom: 1em;
  vertical-align: middle;
  max-width: 95%;
  margin-right: auto;
}

.RH-LAYOUT-CENTERPANEL-topic-box img.num, .RH-LAYOUT-FOOTER-container img.num {
  border: none;
}

/* 文中のアイコン画像 */
.RH-LAYOUT-CENTERPANEL-topic-box img.text-img, .RH-LAYOUT-FOOTER-container img.text-img {
  margin: 0;
  vertical-align: text-bottom;
}

.RH-LAYOUT-CENTERPANEL-topic-box img.no-border, .RH-LAYOUT-FOOTER-container img.no-border {
  border: none;
}

/*--------------操作手順--------------*/
/* wrap */
.RH-LAYOUT-CENTERPANEL-topic-box div.step-wrapper, .RH-LAYOUT-FOOTER-container div.step-wrapper {
  /* margin: 2em 1em 1.5em 2.5em; */
  margin: 2em 1em 1.5em 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.step-wrapper > img, .RH-LAYOUT-FOOTER-container div.step-wrapper > img {
  margin-right: auto;
}

/* 手順１ */
.RH-LAYOUT-CENTERPANEL-topic-box div.step-1, .RH-LAYOUT-FOOTER-container div.step-1 {
  counter-reset: num;
  text-indent: -2em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.7;
  color: #333333;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.step-1:before, .RH-LAYOUT-FOOTER-container div.step-1:before {
  counter-increment: num;
  content: counter(num) ". ";
  font-weight: bold;
  font-size: 1.5em;
  color: #333333;
}

/* 手順２以降 */
.RH-LAYOUT-CENTERPANEL-topic-box div.step-n, .RH-LAYOUT-FOOTER-container div.step-n {
  text-indent: -2em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.7;
  margin-top: 1.5em;
  color: #333333;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.step-n:before, .RH-LAYOUT-FOOTER-container div.step-n:before {
  counter-increment: num;
  content: counter(num) ". ";
  font-weight: bold;
  font-size: 1.5em;
  color: #333333;
}

/* 手順結果文 */
.RH-LAYOUT-CENTERPANEL-topic-box div.step-result, .RH-LAYOUT-FOOTER-container div.step-result {
  font-weight: normal;
  font-size: medium;
  padding-bottom: 0.2em;
  margin: 0;
}

/* 手順場合分け */
.RH-LAYOUT-CENTERPANEL-topic-box div.step-case, .RH-LAYOUT-FOOTER-container div.step-case {
  font-weight: bold;
  font-size: medium;
  padding-bottom: 0.2em;
  padding-top: 1em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.step-case::before, .RH-LAYOUT-FOOTER-container div.step-case::before {
  content: "\025a0";
  /*■*/
  color: #b33b69;
  font-size: 1em;
  line-height: 1;
}

/*--------------操作手順（サブ）--------------*/
/* サブ手順１ */
.RH-LAYOUT-CENTERPANEL-topic-box div.sub_step-1, .RH-LAYOUT-FOOTER-container div.sub_step-1 {
  position: relative;
  font-size: 1em;
  font-weight: normal;
  text-indent: 0em;
  padding-left: 1.7em;
  line-height: 1.5;
  counter-reset: sub-num;
  margin-top: 0.5em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.sub_step-1::before, .RH-LAYOUT-FOOTER-container div.sub_step-1::before {
  counter-increment: sub-num;
  content: counter(sub-num);
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  background-color: #333333;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 50%;
  height: 1.55em;
  width: 1.55em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.3em;
}

/* サブ手順２以降 */
.RH-LAYOUT-CENTERPANEL-topic-box div.sub_step-n, .RH-LAYOUT-FOOTER-container div.sub_step-n {
  position: relative;
  font-size: 1em;
  font-weight: normal;
  text-indent: 0;
  padding-left: 1.7em;
  line-height: 1.5;
  position: relative;
  margin-top: 1em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.sub_step-n::before, .RH-LAYOUT-FOOTER-container div.sub_step-n::before {
  counter-increment: sub-num;
  content: counter(sub-num);
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  background-color: #333333;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 50%;
  height: 1.55em;
  width: 1.55em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.3em;
}

/*--------------TABLE--------------*/

/* 共通 */

.RH-LAYOUT-CENTERPANEL-topic-box table, .RH-LAYOUT-FOOTER-container table {
  max-width: 90%;
}

.RH-LAYOUT-CENTERPANEL-topic-box th, .RH-LAYOUT-FOOTER-container th {
  border: 1px solid #8c8c8c;
  padding: 0.3em;
  text-align: center;
  font-weight: normal;
  background-color: #ffe8ed;
  color: #000000;
}

.RH-LAYOUT-CENTERPANEL-topic-box td, .RH-LAYOUT-FOOTER-container td {
  padding: 0.5em;
  border: 1px solid #8c8c8c;
}

.RH-LAYOUT-CENTERPANEL-topic-box td > ul, .RH-LAYOUT-FOOTER-container td > ul {
  margin-top: 0.5em;
  margin-bottom: 0;
}

/* 本文内-表 */
.RH-LAYOUT-CENTERPANEL-topic-box table, .RH-LAYOUT-FOOTER-container table {
  border-collapse: collapse;
  margin: 0.5em 1em 2em 0em;
  max-width: 100%;
  min-width: 65%;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.example, .RH-LAYOUT-FOOTER-container div.example {
  font-size: 0.9em;
  padding-left: 2em;
  padding-top: 0.5em;
  margin: 0;
}

/* 本文内-表-脚注 */
.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note, .RH-LAYOUT-FOOTER-container ul.table-note {
  counter-reset: note-num;
  margin-top: 0.5em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li, .RH-LAYOUT-FOOTER-container ul.table-note > li {
  list-style-type: none;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li::before, .RH-LAYOUT-FOOTER-container ul.table-note > li::before {
  counter-increment: note-num;
  content: "＊" counter(note-num) ": ";
  font-weight: normal;
  line-height: 1;
  text-align: center;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li:first-child, .RH-LAYOUT-FOOTER-container ul.table-note > li:first-child {
  margin-top: -2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li:last-child, .RH-LAYOUT-FOOTER-container ul.table-note > li:last-child {
  margin-bottom: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li:nth-child(-n + 9), .RH-LAYOUT-FOOTER-container ul.table-note > li:nth-child(-n + 9) {
  font-size: 0.9em;
  padding: 0 1em 0 1em;
  text-indent: -2.5em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.table-note > li:nth-child(n + 10), .RH-LAYOUT-FOOTER-container ul.table-note > li:nth-child(n + 10) {
  font-size: 0.9em;
  padding: 0 1em 0 1em;
  text-indent: -3em;
}

/* 手順内-表（UI説明用） */
.RH-LAYOUT-CENTERPANEL-topic-box table.step-table, .RH-LAYOUT-FOOTER-container table.step-table {
  border-collapse: collapse;
}

.RH-LAYOUT-CENTERPANEL-topic-box table.step-table td, .RH-LAYOUT-FOOTER-container table.step-table td {
  min-width: 5em;
}

/* 手順内-表-脚注 */
.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note, .RH-LAYOUT-FOOTER-container ul.step-table-note {
  counter-reset: note-num;
  margin-top: 0.5em;
  margin-left: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box .step-table-note > li, .RH-LAYOUT-FOOTER-container .step-table-note > li {
  list-style-type: none;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note > li::before, .RH-LAYOUT-FOOTER-container ul.step-table-note > li::before {
  counter-increment: note-num;
  content: "＊" counter(note-num) ": ";
  font-weight: normal;
  line-height: 1;
  text-align: center;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note > li:first-child, .RH-LAYOUT-FOOTER-container ul.step-table-note > li:first-child {
  margin-top: -2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note > li:last-child, .RH-LAYOUT-FOOTER-container ul.step-table-note > li:last-child {
  margin-bottom: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note > li:nth-child(-n + 9), .RH-LAYOUT-FOOTER-container ul.step-table-note > li:nth-child(-n + 9) {
  font-size: 0.9em;
  padding: 0 1em 0 1em;
  text-indent: -2.5em;
}

.RH-LAYOUT-CENTERPANEL-topic-box ul.step-table-note > li:nth-child(n + 10), .RH-LAYOUT-FOOTER-container ul.step-table-note > li:nth-child(n + 10) {
  font-size: 0.9em;
  padding: 0 1em 0 1em;
  text-indent: -3em;
}

/* 画面UI-選択値（表中のUI説明でのみ使用）*/
.RH-LAYOUT-CENTERPANEL-topic-box span.ui-value, .RH-LAYOUT-FOOTER-container span.ui-value {
  font-weight: bold;
}

/*--------------フロー図--------------*/

.RH-LAYOUT-CENTERPANEL-topic-box td.border-none, .RH-LAYOUT-FOOTER-container td.border-none {
  border: none;
  text-align: center;
  vertical-align: middle;
  font-size: 1.1em;
}

.RH-LAYOUT-CENTERPANEL-topic-box td.step, .RH-LAYOUT-FOOTER-container td.step {
  background-color: #b33b69;
  color: #ffffff;
  white-space: nowrap;
  width: 0;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.small, .RH-LAYOUT-FOOTER-container div.small {
  font-size: 0.95em;
  padding-top: 1em;
  padding-left: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box td.tool, .RH-LAYOUT-FOOTER-container td.tool {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-weight: bold;
  text-align: center;
}

/*--------------memo--------------*/
.RH-LAYOUT-CENTERPANEL-topic-box div.memo-box, .RH-LAYOUT-FOOTER-container div.memo-box {
  padding: 0.5em 0.5em 0em 0em;
  margin: 1em;
  font-size: 0.85em;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  background-color: #ededed;
  display: block;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.memo-box ul, .RH-LAYOUT-FOOTER-container div.memo-box ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.memo-box ul > li, .RH-LAYOUT-FOOTER-container div.memo-box ul > li {
  list-style-type: none;
  padding-left: 0em;
  text-indent: -1.3em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.memo-box ul > li::before, .RH-LAYOUT-FOOTER-container div.memo-box ul > li::before {
  content: "※ ";
  color: #333;
}

/*--------------注記・補足・参照--------------*/

/* 注記 */
.RH-LAYOUT-CENTERPANEL-topic-box div.note-box, .RH-LAYOUT-FOOTER-container div.note-box {
  padding: 0.2em 0.5em 0.5em 1em;
  margin: 1em;
  font-size: 0.85em;
  border-top: solid 1px #205ca1;
  border-bottom: solid 1px #205ca1;
  background-color: #ededed;
  display: block;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.note-box::before, .RH-LAYOUT-FOOTER-container div.note-box::before {
  font-size: 1em;
  font-weight: bold;
  content: "注記\a";
  white-space: pre;
  color: #205ca1;
  line-height: 2em;
  margin-left: -0.5em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.note-box ul, .RH-LAYOUT-FOOTER-container div.note-box ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.note-box ul > li, .RH-LAYOUT-FOOTER-container div.note-box ul > li {
  list-style-type: disc;
  padding: 0em;
}

/* 注記箇条書き 2階層め */
.RH-LAYOUT-CENTERPANEL-topic-box div.note-box ul > li > ul, .RH-LAYOUT-FOOTER-container div.note-box ul > li > ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.note-box ul > li > ul > li, .RH-LAYOUT-FOOTER-container div.note-box ul > li > ul > li {
  list-style-type: disc;
  padding-left: 0em;
  padding-top: 0.05em;
  margin-bottom: 0em;
}

/* 補足 */
.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box, .RH-LAYOUT-FOOTER-container div.tip-box {
  padding: 0.2em 0.5em 0.5em 1em;
  margin: 1em;
  font-size: 0.85em;
  border-top: dotted 1px #d95716;
  border-bottom: dotted 1px #d95716;
  background-color: #ededed;
  display: block;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box::before, .RH-LAYOUT-FOOTER-container div.tip-box::before {
  font-size: 1em;
  font-weight: bold;
  content: "補足\a";
  white-space: pre;
  color: #d95716;
  margin-left: -0.5em;
  line-height: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box ul, .RH-LAYOUT-FOOTER-container div.tip-box ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box ul > li, .RH-LAYOUT-FOOTER-container div.tip-box ul > li {
  list-style-type: disc;
  padding: 0em;
}

/* 補足箇条書き 2階層め */
.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box ul > li > ul, .RH-LAYOUT-FOOTER-container div.tip-box ul > li > ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.tip-box ul > li > ul > li, .RH-LAYOUT-FOOTER-container div.tip-box ul > li > ul > li {
  list-style-type: disc;
  padding-left: 0em;
  padding-top: 0.05em;
  margin-bottom: 0em;
}

/* 参照 */
.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box, .RH-LAYOUT-FOOTER-container div.ref-box {
  padding: 0.2em 0.5em 0.5em 1em;
  margin: 1em;
  font-size: 0.85em;
  border-top: dotted 1px #158757;
  border-bottom: dotted 1px #158757;
  background-color: #ededed;
  display: block;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box::before, .RH-LAYOUT-FOOTER-container div.ref-box::before {
  font-size: 1em;
  font-weight: bold;
  content: "参照\a";
  white-space: pre;
  color: #158757;
  margin-left: -0.5em;
  line-height: 2em;
}

.RH-LAYOUT-CENTERPANEL-topic-box .ref-box ul li:last-child, .RH-LAYOUT-FOOTER-container .ref-box ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box ul, .RH-LAYOUT-FOOTER-container div.ref-box ul {
  margin: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box ul > li, .RH-LAYOUT-FOOTER-container div.ref-box ul > li {
  list-style-type: disc;
  padding: 0em;
}

/* 参照箇条書き 2階層め */
.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box ul > li > ul, .RH-LAYOUT-FOOTER-container div.ref-box ul > li > ul {
  margin-bottom: 0em;
}

.RH-LAYOUT-CENTERPANEL-topic-box div.ref-box ul > li > ul > li, .RH-LAYOUT-FOOTER-container div.ref-box ul > li > ul > li {
  list-style-type: disc;
  padding-left: 0em;
  padding-top: 0.05em;
  margin-bottom: 0em;
}

/*--------------用語説明--------------*/
.RH-LAYOUT-CENTERPANEL-topic-box dl, .RH-LAYOUT-FOOTER-container dl {
  padding: 0.5em;
  margin: 5em 0em 0em 0em;
  font-size: 0.9em;
  border: solid 0.2em #b33b69;
  border-radius: 7px;
  width: 95%;
}

.RH-LAYOUT-CENTERPANEL-topic-box dl::before, .RH-LAYOUT-FOOTER-container dl::before {
  font-size: 1.1em;
  font-weight: bold;
  color: #b33b69;
  content: url(./images/education.png) "用語説明";
}

.RH-LAYOUT-CENTERPANEL-topic-box dt, .RH-LAYOUT-FOOTER-container dt {
  font-weight: bold;
  margin: 1em 0 0 0;
}

.RH-LAYOUT-CENTERPANEL-topic-box dd, .RH-LAYOUT-FOOTER-container dd {
  margin-left: 1.5em;
}

/*--------------Responsive--------------*/
@media only screen and (max-width: 768px) {
  .RH-LAYOUT-CENTERPANEL-topic-box {
    font-size: 0.85em;
  }
}