@charset "UTF-8";
/*

目次

0. 汎用クラス
1. グリッド
2. ボックス
3. モジュール
4. ナビゲーション
5. ボタン
6. アイコン
7. 見出し
8. テキスト
9. リンク
10. リスト
11. テーブル
12. フォーム
13. サイドナビ
14. ページ内ローカルナビ
15. テンプレート用css
16. スタイルガイド用css(egovui-sg-index-○○)
17. gs追記　各ページ用CSS
18. 修正履歴
*/



/*----------------------------------------
 0. 汎用クラス
----------------------------------------*/

/* 0.1 表示切替
----------------------------------------*/
/* PCのみ表示する */
@media (max-width: 599px) {
  .egovui-sg-only-pc {
    display: none;
  }
}

/* SPのみ表示する */
.egovui-sg-only-sp {
  display: none;
}

@media (max-width: 599px) {
  .egovui-sg-only-sp {
    display: block;
  }
}

/* 0.2 flexbox
----------------------------------------*/
.egovui-sg-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.egovui-sg-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.egovui-sg-align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.egovui-sg-align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.egovui-sg-align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.egovui-sg-justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.egovui-sg-justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.egovui-sg-justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.egovui-sg-mt-auto {
  margin-top: auto !important;
}

.egovui-sg-mb-auto {
  margin-bottom: auto !important;
}

.egovui-sg-ml-auto {
  margin-left: auto !important;
}

.egovui-sg-mr-auto {
  margin-right: auto !important;
}


/* 0.3 text-align
----------------------------------------*/
.egovui-sg-ta-center {
  text-align: center !important;
}

.egovui-sg-ta-left {
  text-align: left !important;
}

.egovui-sg-ta-right {
  text-align: right !important;
}


/* 0.4 font-size
----------------------------------------*/
.egovui-sg-fz-middle {
  font-size: 1.6rem !important;
}

.egovui-sg-fz-large {
  font-size: 2.4rem !important;
}


/* 0.5 文字の折り返し
----------------------------------------*/
/* 強制折り返し*/
.egovui-sg-wb-ba {
  word-break: break-all;
}


/*----------------------------------------
 1. グリッド
----------------------------------------*/

/* 1.1 グリッド
----------------------------------------*/
.egovui-sg-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 3rem -2.8rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-grid {
    margin: 3rem -0.6rem 0;
  }
}

.egovui-sg-grid-item {
  margin: 3rem 2.8rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-grid-item {
    margin: 1.6rem 0.6rem 0;
  }
}

.egovui-sg-grid-item > *:first-child {
  margin-top: 0;
}

/* 2カラム */
.egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item {
  width: calc(50% - 5.6rem);
}

.egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item:nth-of-type(1),
.egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item:nth-of-type(2) {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item:nth-of-type(2) {
    margin-top: 1.6rem;
  }
}

/* 3カラム */
.egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item {
  width: calc(33.33% - 5.6rem);
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item {
    width: calc(33.33% - 1.2rem);
  }
}

.egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(1),
.egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(2),
.egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(3) {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(2),
  .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(3) {
    margin-top: 1.6rem;
  }
}

/* 4カラム */
.egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item {
  width: calc(25% - 5.6rem);
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item {
    width: calc(25% - 1.2rem);
  }
}

.egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(1),
.egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(2),
.egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(3),
.egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(4) {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(2),
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(3),
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:nth-of-type(4) {
    margin-top: 1.6rem;
  }
}

/* カラム共通SP表示時 */
@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item:first-of-type,
  .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:first-of-type,
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item:first-of-type {
    margin-top: 0;
  }
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item,
  .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item,
  .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item {
    width: 100%;
    margin-top: 1.6rem;
  }
}

/* 2カラム（SP表示時も2カラムのまま） */
@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-sp-col-2 .egovui-sg-grid-item {
    width: calc(50% - 1.2rem);
    margin-top: 1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-sp-col-2 .egovui-sg-grid-item:nth-of-type(1),
  .egovui-sg-grid.egovui-sg-sp-col-2 .egovui-sg-grid-item:nth-of-type(2) {
    margin-top: 0;
  }
}

/* 3カラム（SP表示時も3カラムのまま） */
@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-3.egovui-sg-sp-col-3 .egovui-sg-grid-item {
    width: calc(33.33% - 1.2rem);
    margin-top: 1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-sp-col-3 .egovui-sg-grid-item:nth-of-type(1),
  .egovui-sg-grid.egovui-sg-sp-col-3 .egovui-sg-grid-item:nth-of-type(2),
  .egovui-sg-grid.egovui-sg-sp-col-3 .egovui-sg-grid-item:nth-of-type(3) {
    margin-top: 0;
  }
}

/* 4カラム（SP表示時も4カラムのまま） */
@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-col-4.egovui-sg-sp-col-4 .egovui-sg-grid-item {
    width: calc(25% - 1.2rem);
    margin-top: 1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-grid.egovui-sg-sp-col-4 .egovui-sg-grid-item:nth-of-type(1),
  .egovui-sg-grid.egovui-sg-sp-col-4 .egovui-sg-grid-item:nth-of-type(2),
  .egovui-sg-grid.egovui-sg-sp-col-4 .egovui-sg-grid-item:nth-of-type(3),
  .egovui-sg-grid.egovui-sg-sp-col-4 .egovui-sg-grid-item:nth-of-type(4) {
    margin-top: 0;
  }
}



/*----------------------------------------
 2. ボックス
----------------------------------------*/

/* 2.1 枠線付きボックス
----------------------------------------*/
.egovui-sg-box-line {
  margin-top: 3rem;
  padding: 2.4rem;
  border: 0.1rem solid #C6C9D3;
}

.egovui-sg-box-line > *:first-child {
  margin-top: 0;
}


/* 2.2 背景色付きボックス
----------------------------------------*/
.egovui-sg-box-bg {
  margin-top: 3rem;
  padding: 2.4rem;
}

.egovui-sg-box-bg > *:first-child {
  margin-top: 0;
}

/* 灰色 */
.egovui-sg-box-bg.egovui-sg-gray {
  background-color: #F5F6F8;
}

/* 赤 */
.egovui-sg-box-bg.egovui-sg-red {
  background-color: #FAEBE8;
}

/* 青 */
.egovui-sg-box-bg.egovui-sg-blue {
  background-color: #E5EBF5;
}



/*----------------------------------------
 3. モジュール
----------------------------------------*/

/* 3.1 アコーディオン
----------------------------------------*/
.egovui-sg-mod-accordion {
  margin-top: 3rem;
}
@media (max-width: 599px) {
	.egovui-sg-mod-accordion {
	  margin-top: 1rem;
	}
}
.egovui-sg-mod-accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.3rem 1.5rem;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.3rem;
  background-color: #F5F6F8;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-head {
    padding-left: 2rem;
  }
}

.egovui-sg-mod-accordion-head:hover,
.egovui-sg-mod-accordion-head:focus {
  text-decoration: underline;
}

.egovui-sg-mod-accordion-title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
}

.egovui-sg-mod-accordion-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
}

.egovui-sg-mod-accordion-ico-image {
  display: block;
  transition: 0.3s;
}

.egovui-sg-mod-accordion-body {
  padding: 2rem;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-body {
    padding: 2rem 1rem;
  }
}

.egovui-sg-mod-accordion-body > *:first-child {
  margin-top: 0;
}

/* close時 */
.egovui-sg-mod-accordion-head.egovui-sg-active {
  border-radius: 0.3rem 0.3rem 0 0;
}

.egovui-sg-mod-accordion-head.egovui-sg-active .egovui-sg-mod-accordion-ico-image {
  transform: rotate(180deg);
}

/* ジーサーチ追記 */
.egovui-sg-mod-accordion ul li + li{
  margin-top: 1.1rem;
}

/* 3.1.2 アコーディオン(Q&A)
----------------------------------------*/
.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-head {
  padding: 1.4rem 2rem 1.4rem 1.8rem;
  border-radius: 0;
  text-decoration: none;
}

.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-head:hover,
.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-head:focus {
  text-decoration: underline;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-head {
    padding: 1.3rem 1rem;
    border-radius: 0.3rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-head.egovui-sg-active {
    border-radius: 0.3rem 0.3rem 0 0;
  }
}

.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-ttl-text {
  display: inline-block;
  position: relative;
  padding-left: 2.3rem;
}

.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-txt-q {
  position: absolute;
  left: 0;
}

.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-txt-a {
  display: block;
  margin-bottom: 0.6rem;
}

.egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-body {
  padding: 1.2rem 2rem;
  border-radius: 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion.egovui-sg-qa .egovui-sg-mod-accordion-body {
    padding: 1.2rem 1rem;
    border-radius: 0 0 0.3rem 0.3rem;
  }
}

/* ジーサーチ追記 */
.egovui-sg-mod-accordion ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}


/* 3.1.3 アコーディオン(リンク一覧)
----------------------------------------*/
.egovui-sg-mod-accordion-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.4rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
}

.egovui-sg-mod-accordion-area-side {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 1.4rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-area-side {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0;
  }
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-head {
  padding: 0.5rem 1.5rem;
  border-radius: 0;
  color: #FFF;
  background-color: #646973;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-head {
    height: 5.6rem;
  }
}

.egovui-sg-mod-accordion.egovui-sg-links {
  margin-top: 0.8rem;
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-body {
  padding: 0;
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-link {
  display: block;
  padding: 1.2rem 2rem;
  color: #1042A4;
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-link:hover,
.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-link:focus {
  text-decoration: underline;
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-link.egovui-sg-center {
  text-align: center;
}

.egovui-sg-mod-accordion.egovui-sg-links .egovui-sg-mod-accordion-link-item + .egovui-sg-mod-accordion-link-item{
  border-top: 0.1rem solid #C6C9D3;
}


/* 3.2 ページネーションと補助要素
----------------------------------------*/
.egovui-sg-mod-guide {
  position: relative;
  margin-top: 3rem;
  height: 2.4rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-guide {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: static;
    height: auto;
  }
}

.egovui-sg-mod-guide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 33.33%;
  margin: auto;
}

@media (max-width: 599px) {
  .egovui-sg-mod-guide-item {
    position: static;
    width: 100%;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-guide-item + .egovui-sg-mod-guide-item {
    margin-top: 2rem;
  }
}

.egovui-sg-mod-guide-item.egovui-sg-egovui-sg-number {
  left: 0;
}

.egovui-sg-mod-guide-item.egovui-sg-pager {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin-top: 1.2rem;
}

.egovui-sg-mod-guide-item.egovui-sg-display {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  right: 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-guide-item.egovui-sg-display {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.egovui-sg-mod-view-number-select {
  min-width: 8rem;
  margin-left: 0.8rem;
}

/* ページネーション */
.egovui-sg-mod-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  font-size: 1.2rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager {
    max-width: 100%;
    font-size: 1.8rem;
  }
}

.egovui-sg-mod-pager-fast-rewind,
.egovui-sg-mod-pager-previous,
.egovui-sg-mod-pager-next,
.egovui-sg-mod-pager-fast-forward {
  width: 3.4rem;
  height: 2.4rem;
  padding: 0 0.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-fast-rewind,
  .egovui-sg-mod-pager-previous,
  .egovui-sg-mod-pager-next,
  .egovui-sg-mod-pager-fast-forward {
    width: 4.5rem;
    padding: 0 0.75rem;
  }
}

.egovui-sg-mod-pager-fast-rewind:disabled,
.egovui-sg-mod-pager-previous:disabled,
.egovui-sg-mod-pager-next:disabled,
.egovui-sg-mod-pager-fast-forward:disabled {
  cursor: default;
}

.egovui-sg-mod-pager-fast-rewind:disabled {
  background: url(/styleguide/img/fr_disable.svg) no-repeat center/ 1.7rem 1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-fast-rewind:disabled {
    background-size: 2.1rem 1.6rem;
  }
}

.egovui-sg-mod-pager-previous:disabled {
  background: url(/styleguide/img/prev_disable.svg) no-repeat center/ 0.9rem 1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-previous:disabled {
    background-size: 1rem 1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-fast-forward {
    background-size: 1rem 1.6rem;
  }
}

.egovui-sg-mod-pager-next {
  background: url(/styleguide/img/next.svg) no-repeat center/ 0.9rem 1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-next {
    background-size: 1rem 1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-fast-forward {
    background-size: 1rem 1.6rem;
  }
}

.egovui-sg-mod-pager-fast-forward {
  background: url(/styleguide/img/ff.svg) no-repeat center/ 1.7rem 1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-pager-fast-forward {
    background-size: 2.1rem 1.6rem;
  }
}


/* 3.3 モーダル
----------------------------------------*/
.egovui-sg-mod-modal-contents {
  background-color: #FFF;
}

.egovui-sg-mod-modal-contents.egovui-sg-size-small {
  width: 49rem;
  padding: 3rem;
}

.egovui-sg-mod-modal-contents.egovui-sg-size-middle {
  width: 72rem;
  padding: 3rem 6rem;
}

.egovui-sg-mod-modal-contents.egovui-sg-size-large {
  width: 128.8rem;
  padding: 3rem 6rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-modal-contents.egovui-sg-size-small,
  .egovui-sg-mod-modal-contents.egovui-sg-size-middle,
  .egovui-sg-mod-modal-contents.egovui-sg-size-large {
    width: 100%;
    padding: 2rem 1rem;
  }
}

.egovui-sg-mod-modal-contents > *:first-child {
  margin-top: 0;
}


/* 3.4 タブ切り替え
----------------------------------------*/
.egovui-sg-mod-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 3rem;
  background-color: #F5F6F8;
}

@media (max-width: 599px) {
  .egovui-sg-mod-tab {
    width: calc(100% + 3.2rem);
    margin: 0 -1.6rem;
  }
}

.egovui-sg-mod-tab-item {
  position: relative;
  width: 18.6rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }
}

.egovui-sg-mod-tab-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.1rem;
  width: 0.1rem;
  height: 3.6rem;
  margin: auto;
  background-color: #D7D7D7;
  z-index: 1;
}

@media (max-width: 599px) {
  .egovui-sg-mod-tab-item:last-of-type::before {
    display: none;
  }
}

.egovui-sg-mod-tab-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 5.6rem;
  padding: 0 2rem;
  color: #10429C;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0);
}

.egovui-sg-mod-tab-button.active {
  color: #333333;
  background-color: #FFF;
}

.egovui-sg-mod-tab-item.egovui-tab-important::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/styleguide/img/icon-important.svg) no-repeat center / 1.5rem;
}

.egovui-sg-mod-tab-button.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.2rem;
  background-color: #1042A4;
}

.egovui-sg-mod-tab-toggle-item {
  display: none;
}

.egovui-sg-mod-tab-toggle-item.egovui-sg-active {
  display: block
}

/* サイズ（小1） */
@media (max-width: 599px) {
  .egovui-sg-mod-tab-wrap {
    overflow: hidden;
    width: calc(100% + 3.2rem);
    margin: 0 -1.6rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-tab-wrap .egovui-sg-mod-tab.egovui-sg-item-small {
    overflow-x: auto;
    width: 100%;
    margin: 0;
  }
}

.egovui-sg-mod-tab.egovui-sg-item-small .egovui-sg-mod-tab-item {
  width: 10.2rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-tab.egovui-sg-item-small .egovui-sg-mod-tab-item {
    min-width: 10.2rem;
  }
}


/* 3.5 お知らせ・メンテナンス情報
----------------------------------------*/
.egovui-sg-mod-news {
  margin-top: 2rem;
  border-top: 0.1rem solid #C6C9D3;
}

.egovui-sg-mod-news-item {
  padding: 1.8rem 0;
  border-bottom: 0.1rem solid #C6C9D3;
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-item {
    padding: 1.2rem 0;
  }
}

.egovui-sg-mod-news-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-body {
    display: block;
  }
}

.egovui-sg-mod-news-object {
  margin-right: 2rem;
}

.egovui-sg-mod-news-object:last-child {
  margin-right: 0;
}

.egovui-sg-mod-news-object.egovui-sg-date .egovui-sg-text,
.egovui-sg-mod-news-object.egovui-sg-info .egovui-sg-text {
  margin: 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-object.egovui-sg-info .egovui-sg-text {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}

.egovui-sg-mod-news-object.egovui-sg-date {
  min-width: 12.8rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-object.egovui-sg-date {
    float: left;
    min-width: 13.8rem;
  }
}

.egovui-sg-mod-news-object.egovui-sg-badg {
  min-width: 9rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-object.egovui-sg-info {
    display: inline;
    max-width: 100%;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-news-object.egovui-sg-info .egovui-sg-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}


/* 3.6 重要なお知らせ
----------------------------------------*/
.egovui-sg-mod-important-wrap {
  background-color: #FAEBE8;
}

@media (max-width: 599px) {
  .egovui-sg-mod-important-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.2rem 1.6rem;
  }
}


.egovui-sg-mod-important {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 116.8rem;
  margin: 0 auto;
  padding: 0.6rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-important {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
  }
}

.egovui-sg-mod-important-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.7rem;
  color: #CA241E;
  font-size: 1.6rem;
}

.egovui-sg-mod-important-ttl-icon {
  margin-top: -0.3rem;
}

.egovui-sg-mod-important-ttl-text {
  margin-left: 0.6rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-important-ttl-text {
    margin-left: 0.7rem;
  }
}

.egovui-sg-mod-important-info-text {
  margin: 0;
}

@media (max-width: 599px) {
  .egovui-sg-mod-important-info-text {
    font-size: 1.4rem;
  }
}

.egovui-sg-mod-important-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.6rem;
  margin-left: auto;
  opacity: 0.7;
}

@media (max-width: 599px) {
  .egovui-sg-mod-important-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
  }
}

.egovui-sg-mod-important-close:hover,
.egovui-sg-mod-important-close:focus {
  opacity: 1;
}

/* 3.7 お知らせ詳細
----------------------------------------*/
.egovui-sg-mod-notice-head {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #D7D7D7;
}

@media (max-width: 599px) {
  .egovui-sg-mod-notice-head {
    padding-bottom: 3rem;
  }
}

.egovui-sg-mod-notice-date {
  margin: 0 0 1rem;
}

.egovui-sg-mod-notice-title {
  margin: 0;
  font-size: 2rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-notice-title {
    font-size: 1.8rem;
  }
}

.egovui-sg-mod-notice-body {
  padding-top: 2rem;
}

@media (max-width: 599px) {
  .egovui-sg-mod-notice-body {
    padding-top: 3rem;
  }
}

.egovui-sg-mod-notice-body .egovui-sg-text {
  margin-top: 2.4rem;
}

.egovui-sg-mod-notice-body  > *:first-of-type {
  margin-top: 0;
}



/*----------------------------------------
 4. ナビゲーション
----------------------------------------*/

/* 4.1 ステップナビ
----------------------------------------*/
.egovui-sg-nav-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  max-width: 116.8rem;
  margin: 6rem auto;
}

.egovui-sg-nav-step-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 1rem;
  flex: 1 1 1rem;
  text-align: center;
}

.egovui-sg-nav-step-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 4.8rem;
  padding-left: 3.5rem;
  background-color: #F5F6F8;
  border: 0.1rem solid #C6C9D3;
  color: #636974;
  font-size: 1.8rem;
}

@media (max-width: 599px) {
  .egovui-sg-nav-step-text {
    height: 4.3rem;
    padding-left: 1.6rem;
    font-size: 1.4rem;
  }
}

@media (max-width: 374px) {
  .egovui-sg-nav-step-text {
    font-size: 1.2rem;
  }
}

.egovui-sg-nav-step-item:first-of-type .egovui-sg-nav-step-text {
  border-radius: 0.3rem 0 0 0.3rem;
}

@media (max-width: 599px) {
  .egovui-sg-nav-step-item:first-of-type .egovui-sg-nav-step-text {
    padding-left: 0;
  }
}

.egovui-sg-nav-step-item:last-of-type .egovui-sg-nav-step-text {
  border-radius: 0 0.3rem 0.3rem 0;
}

.egovui-sg-nav-step-item:last-of-type .egovui-sg-nav-step-text::before,
.egovui-sg-nav-step-item:last-of-type .egovui-sg-nav-step-text::after {
  content: normal;
}


.egovui-sg-nav-step-text::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -3.2rem;
  border-top: 2.3rem solid transparent;
  border-bottom: 2.3rem solid transparent;
  border-left: 3.2rem solid #F5F6F8;
  z-index: 2;
}

@media (max-width: 599px) {
  .egovui-sg-nav-step-text::before {
    right: -1.8rem;
    border-top-width: 2.05rem;
    border-bottom-width: 2.05rem;
    border-left-width: 1.9rem;
  }
}

.egovui-sg-nav-step-text::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -0.1rem;
  right: -3.4rem;
  border-top: 2.4rem solid transparent;
  border-bottom: 2.4rem solid transparent;
  border-left: 3.3rem solid #C6C9D3;
  z-index: 1;
}

@media (max-width: 599px) {
  .egovui-sg-nav-step-text::after {
    top: 0;
    right: -2rem;
    border-top-width: 2.05rem;
    border-bottom-width: 2.05rem;
    border-left-width: 1.9rem;
  }
}

/* active */
.egovui-sg-nav-step-item.egovui-sg-active .egovui-sg-nav-step-text {
  background-color: #1042A4;
  border-color:  #1042A4;
  color: #FFFFFF;
}

.egovui-sg-nav-step-item.egovui-sg-active .egovui-sg-nav-step-text::before,
.egovui-sg-nav-step-item.egovui-sg-active .egovui-sg-nav-step-text::after {
  border-left: 3.3rem solid #1042A4;
}

@media (max-width: 599px) {
  .egovui-sg-nav-step-item.egovui-sg-active .egovui-sg-nav-step-text::before,
  .egovui-sg-nav-step-item.egovui-sg-active .egovui-sg-nav-step-text::after {
    border-left: 1.9rem solid #1042A4;
  }
}


/* 4.2 パンくず
----------------------------------------*/
.egovui-sg-nav-breadcrumb {
  background-color: #F5F6F8;
}

@media (max-width: 599px) {
  .egovui-sg-nav-breadcrumb {
    display: none;
  }
}

.egovui-sg-nav-breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 116.8rem;
  margin: 0 auto;
  padding: 0.9rem 0.5rem;
  white-space: nowrap;
}

@media (max-width: 599px) {
  .egovui-sg-nav-breadcrumb-list {
    padding: 0.9rem 1.6rem;
  }
}

.egovui-sg-nav-breadcrumb-item {
  font-size: 1.2rem;
}

.egovui-sg-nav-breadcrumb-item + .egovui-sg-nav-breadcrumb-item {
  position: relative;
  padding-left: 3.2rem;
}

.egovui-sg-nav-breadcrumb-item + .egovui-sg-nav-breadcrumb-item::before {
  content: '＞';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
  font-weight: bold;
}

.egovui-sg-nav-breadcrumb .egovui-sg-nav-breadcrumb-list .egovui-sg-nav-breadcrumb-item:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
}

.egovui-sg-nav-breadcrumb-link {
  color: #1042A4;
  text-decoration: none;
}

.egovui-sg-nav-breadcrumb-link:hover,
.egovui-sg-nav-breadcrumb-link:focus {
  text-decoration: underline;
}





/*----------------------------------------
 5. ボタン
----------------------------------------*/

/* normal, submitボタン共通スタイル
----------------------------------------*/
.egovui-sg-btn-normal,
.egovui-sg-btn-submit,
.egovui-sg-btn-accessory {
  min-width: 20rem;
  padding: 0.5rem 1.8rem;
  border-radius: 0.3rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1.6rem;
}

.egovui-sg-btn-normal:hover,
.egovui-sg-btn-normal:focus,
.egovui-sg-btn-submit:hover,
.egovui-sg-btn-submit:focus,
.egovui-sg-btn-accessory:hover,
.egovui-sg-btn-accessory:focus {
  text-decoration: underline;
}

/* サイズバリエーション */
.egovui-sg-btn-normal.egovui-sg-h36,
.egovui-sg-btn-submit.egovui-sg-h36,
.egovui-sg-btn-accessory.egovui-sg-h36 {
  min-width: 12.6rem;
  min-height: 3.6rem;
}

.egovui-sg-btn-normal.egovui-sg-h56,
.egovui-sg-btn-submit.egovui-sg-h56,
.egovui-sg-btn-accessory.egovui-sg-h56 {
  min-width: 36rem;
  min-height: 5.6rem;
  font-size: 1.8rem;
}

.egovui-sg-btn-normal.egovui-sg-h66,
.egovui-sg-btn-submit.egovui-sg-h66,
.egovui-sg-btn-accessory.egovui-sg-h66 {
  min-width: 43rem;
  min-height: 6.6rem;
  font-size: 2rem;
}

@media (max-width: 599px) {
  .egovui-sg-btn-normal.egovui-sg-h56,
  .egovui-sg-btn-submit.egovui-sg-h56,
  .egovui-sg-btn-accessory.egovui-sg-h56,
  .egovui-sg-btn-normal.egovui-sg-h66,
  .egovui-sg-btn-submit.egovui-sg-h66,
  .egovui-sg-btn-accessory.egovui-sg-h66 {
    min-width: 12.6rem;
    width: 100%;
  }
}

/* サイズバリエーション(aタグ、firefox対策) */
a.egovui-sg-btn-normal.egovui-sg-h56,
a.egovui-sg-btn-submit.egovui-sg-h56,
a.egovui-sg-btn-accessory.egovui-sg-h56 {
  padding: 1.35rem 1.8rem;
}

a.egovui-sg-btn-normal.egovui-sg-h66,
a.egovui-sg-btn-submit.egovui-sg-h66,
a.egovui-sg-btn-accessory.egovui-sg-h66 {
  padding: 1.7rem 1.8rem;
}

/* 5.1 ボタン（normal）
----------------------------------------*/
.egovui-sg-btn-normal {
  border: 0.1rem solid #1042A4;
  background-color: #FFFFFF;
  color: #1042A4;
}

.egovui-sg-btn-normal:hover,
.egovui-sg-btn-normal:focus {
  color: #1042A4;
}

/* aタグのボタン */
a.egovui-sg-btn-normal {
  display: inline-table;
  text-decoration: none;
}

a.egovui-sg-btn-normal .egovui-sg-btn-text {
  display: table-cell;
  vertical-align: middle;
}


/* 5.2 ボタン（submit）
----------------------------------------*/
.egovui-sg-btn-submit {
  background-color: #1042A4;
  color: #FFF;
}

.egovui-sg-btn-submit:hover,
.egovui-sg-btn-submit:focus {
  color: #FFF;
}

/* aタグのボタン */
a.egovui-sg-btn-submit {
  display: inline-table;
  text-decoration: none;
}

a.egovui-sg-btn-submit .egovui-sg-btn-text {
  display: table-cell;
  vertical-align: middle;
}


/* 色のバリエーション */
.egovui-sg-btn-submit.egovui-sg-gray {
  background-color: #D7D7D7;
  color: #333333;
}

.egovui-sg-btn-submit.egovui-sg-dark-gray {
  background-color: #707070;
}

.egovui-sg-btn-submit.egovui-sg-highlight {
  background-color: #636974;
}


/* ボタン（非活性）*/
.egovui-sg-btn-submit.egovui-sg-disable {
  pointer-events: none;
  border: 0;
  background-color: #C2CEE7;
  color: #565656;
}


/* 5.3 アイコン付きボタン
----------------------------------------*/
.egovui-sg-btn-accessory {
  position: relative;
  min-height: 4.8rem;
  border: 0.1rem solid #1042A4;
  background: #FFFFFF;
  color: #1042A4;
}

.egovui-sg-btn-accessory:hover,
.egovui-sg-btn-accessory:focus {
  color: #1042A4;
  text-decoration: underline;
}

.egovui-sg-btn-accessory-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.8rem;
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 1.5rem;
  max-height: 1.5rem;
  margin-right: 0.8rem;
}

.egovui-sg-btn-accessory-text + .egovui-sg-btn-accessory-icon {
  left: auto;
  right: 1.8rem;
  margin: auto 0 auto 0.8rem;
}

.egovui-sg-btn-accessory-text {
  padding-right: 2.4rem;
}

.egovui-sg-btn-accessory-icon + .egovui-sg-btn-accessory-text {
  padding: 0 0 0 2.4rem;
}

/* aタグのボタン */
a.egovui-sg-btn-accessory {
  display: inline-table;
  text-decoration: none;
}

a.egovui-sg-btn-accessory .egovui-sg-btn-accessory-text {
  display: table-cell;
  vertical-align: middle;
}


/* 5.4 ボタンセット
----------------------------------------*/
.egovui-sg-btn-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4rem -0.8rem 0;
}

.egovui-sg-btn-set-item {
  margin: 0 0.8rem;
}

@media (max-width: 599px) {
  .egovui-sg-btn-set:not(.egovui-sg-wide) .egovui-sg-btn-set-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-set:not(.egovui-sg-wide) .egovui-sg-btn-set-item .egovui-sg-btn-submit {
    width: 100%;
  }
}

/* 5.4.2 両端寄せ */
.egovui-sg-btn-set.egovui-sg-wide {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-btn-set.egovui-sg-wide {
    margin: 0 -0.3rem;
  }
}

.egovui-sg-btn-set.egovui-sg-wide .egovui-sg-btn-set-item {
  margin: 0 1.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-btn-set.egovui-sg-wide .egovui-sg-btn-set-item {
    margin: 0 0.3rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-set.egovui-sg-wide .egovui-sg-btn-normal,
  .egovui-sg-btn-set.egovui-sg-wide .egovui-sg-btn-submit {
    min-width: 0;
  }
}

.egovui-sg-btn-set-left,
.egovui-sg-btn-set-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.egovui-sg-btn-set-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
}



/* 5.5 ボタンリスト
----------------------------------------*/
.egovui-sg-btn-list-area {
  padding: 3rem 3rem 2rem;
  background-color: #F5F6F8;
}
@media (max-width: 599px) {
.egovui-sg-btn-list-area {
  padding: 2rem 1.6rem 1rem;
  background-color: #F5F6F8;
  }
}

.egovui-sg-text + .egovui-sg-btn-list-area {
  margin-top: 3rem;
}

.egovui-sg-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.6rem;
}

.egovui-sg-btn-list-item {
  margin: 1rem 0.6rem 0;
}

.egovui-sg-btn-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 3.8rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  line-height: 2.4rem;
  width: 100%;
  background-color: #FFFFFF;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.3rem;
  text-align: center;
  text-decoration: none;
}

/* 5.5.1 2カラム */
.egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item {
  width: calc(50% - 1.2rem);
}

.egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item:nth-of-type(1),
.egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item:nth-of-type(2) {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item:nth-of-type(2) {
    margin-top: 1rem;
  }
}

/* 5.5.2 3カラム */
.egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item {
  width: calc(33.33% - 1.2rem);
}

.egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:nth-of-type(1),
.egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:nth-of-type(2),
.egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:nth-of-type(3)  {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:nth-of-type(2),
  .egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:nth-of-type(3) {
    margin-top: 1rem;
  }
}

/* 5.5.3 4カラム */
.egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item {
  width: calc(25% - 1.2rem);
}

.egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(1),
.egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(2),
.egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(3),
.egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(4) {
  margin-top: 0;
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(2),
  .egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(3),
  .egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:nth-of-type(4) {
    margin-top: 1rem;
  }
}

/* カラム共通SP表示時 */
@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item:first-of-type,
  .egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item:first-of-type,
  .egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item:first-of-type {
    margin-top: 0;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-2 .egovui-sg-btn-list-item,
  .egovui-sg-btn-list.egovui-sg-col-3 .egovui-sg-btn-list-item,
  .egovui-sg-btn-list.egovui-sg-col-4 .egovui-sg-btn-list-item {
    width: 100%;
    margin-top: 1rem;
  }
}

/* 2カラム（SP表示時も2カラムのまま） */
@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-sp-col-2  .egovui-sg-btn-list-item {
    width: calc(50% - 1.2rem);
    margin-top: 1rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-sp-col-2 .egovui-sg-btn-list-item:nth-of-type(1),
  .egovui-sg-btn-list.egovui-sg-sp-col-2 .egovui-sg-btn-list-item:nth-of-type(2) {
    margin-top: 0;
  }
}

/* 3カラム（SP表示時に3カラム） */
@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-3.egovui-sg-sp-col-3 .egovui-sg-btn-list-item {
    width: calc(33.33% - 1.2rem);
    margin-top: 1rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-sp-col-3 .egovui-sg-btn-list-item:nth-of-type(1),
  .egovui-sg-btn-list.egovui-sg-sp-col-3 .egovui-sg-btn-list-item:nth-of-type(2),
  .egovui-sg-btn-list.egovui-sg-sp-col-3 .egovui-sg-btn-list-item:nth-of-type(3) {
    margin-top: 0;
  }
}

/* 4カラム（SP表示時も4カラムのまま） */
@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-col-4.egovui-sg-sp-col-4 .egovui-sg-btn-list-item {
    width: calc(25% - 1.2rem);
    margin-top: 1rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-btn-list.egovui-sg-sp-col-4 .egovui-sg-btn-list-item:nth-of-type(1),
  .egovui-sg-btn-list.egovui-sg-sp-col-4 .egovui-sg-btn-list-item:nth-of-type(2),
  .egovui-sg-btn-list.egovui-sg-sp-col-4 .egovui-sg-btn-list-item:nth-of-type(3),
  .egovui-sg-btn-list.egovui-sg-sp-col-4 .egovui-sg-btn-list-item:nth-of-type(4) {
    margin-top: 0;
  }
}



/*----------------------------------------
 6. アイコン
----------------------------------------*/

/* 6.1 バッジ
----------------------------------------*/
.egovui-sg-ico-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 9rem;
  padding: 0.1rem 1rem;
  background-color: #636974;
  color: #FFFFFF;
  font-size: 1.4rem;
  margin:0 1.1rem 0 1.1rem ;
}
.egovui-sg-ico-badge.egovui-sg-ico-badge-medium {
    min-width: 4.9rem;
    height: 1.8rem;
}

@media (max-width: 599px) {
  .egovui-sg-ico-badge {
    height: 2rem;
    min-width: 8rem;
    font-size: 1.2rem;
  }
}

/* 色バリエーション */
.egovui-sg-ico-badge.egovui-sg-alert {
  background-color: #DE0000;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-disabled {
  background-color: #D7D7D7;
  color: #636974;
}

.egovui-sg-ico-badge.egovui-sg-reverse {
  background-color: #E5EBF5;
  color: #333333;
}

.egovui-sg-ico-badge.egovui-sg-red {
  background-color: #C30B15;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-darkblue {
  background-color: #2D5698;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-green {
  background-color: #2E7D32;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-purple {
  background-color: #7B2D98;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-blue {
  background-color: #4F71B3;
  color: #FFFFFF;
}

.egovui-sg-ico-badge.egovui-sg-input-error {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.3;
  background-color: #FFFFFF;
  text-align: center;
  border: 0.1rem solid #CA241E;
  font-size: 1.2rem;
  color: #CA241E;
  font-weight: bold;
}

.egovui-sg-ico-badge.egovui-sg-required {
  min-width: 4rem;
  padding: 0.1rem 0.8rem 0;
  background-color: #DE0000;
  color: #FFFFFF;
  font-size: 1.2rem;
}

.egovui-sg-ico-badge.egovui-sg-optional {
  min-width: 4rem;
  padding: 0.1rem 0.7rem 0;
  border: 0.1rem solid #636974;
  background-color: #FFFFFF;
  color: #636974;
  font-size: 1.2rem;
  line-height: 1.4;
}

.egovui-sg-ico-badge.egovui-sg-large {
  min-width: 10rem;
}

@media (max-width: 599px) {
  .egovui-sg-ico-badge.egovui-sg-large {
    min-width: 9rem;
  }
}


/* 6.2 SNS
----------------------------------------*/
.egovui-sg-ico-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  font-size: 1rem;
  color: #FFFFFF;
}

.egovui-sg-ico-sns:hover,
.egovui-sg-ico-sns:focus {
  color: #FFFFFF;
}

.egovui-sg-ico-sns::before {
  content: '';
  display: inline-block;
  margin-right: 0.6rem;
  vertical-align: middle;
}

/* facebook */
.egovui-sg-ico-sns.egovui-sg-facebook {
  background-color: #3A599A;
}

.egovui-sg-ico-sns.egovui-sg-facebook::before {
width: 0.7rem;
height: 1.4rem;
  background: url(/styleguide/img/icon-facebook.svg) no-repeat left center;
}

/* twitter */
.egovui-sg-ico-sns.egovui-sg-twitter {
  background-color: #4EAEF7;
}

.egovui-sg-ico-sns.egovui-sg-twitter::before {
  width: 1.2rem;
  height: 1rem;
  background: url(/styleguide/img/icon-twitter.svg) no-repeat left center;
}

/* LINE */
.egovui-sg-ico-sns.egovui-sg-line {
  background-color: #00C202;
}

.egovui-sg-ico-sns.egovui-sg-line::before {
  width: 1.5rem;
  height: 1.4rem;
  background: url(/styleguide/img/icon-line.svg) no-repeat left center;
}


/*----------------------------------------
 7. 見出し
----------------------------------------*/

/* 7.1 ページ見出し
----------------------------------------*/
.egovui-sg-ttl-page {
  margin: 0 0 3rem;
  font-size: 3.2rem;
  font-weight: normal;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-page {
    margin: 0 0 1rem;
    font-size: 2.4rem;
  }
}


/* 7.2 セクション見出し
----------------------------------------*/
.egovui-sg-ttl-section {
  margin: 3rem 0;
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-section {
    margin: 3rem 0 1.8rem;
    font-size: 1.6rem;
  }
}


/* 7.3 太字見出し
----------------------------------------*/
.egovui-sg-ttl-bold {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.8rem;
}


/* 7.4 青縦線付き見出し
----------------------------------------*/
.egovui-sg-ttl-eyecatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 3rem 0;
  padding-left: 2rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-eyecatch {
    padding-left: 1.2rem;
    font-size: 1.8rem;
  }
}

.egovui-sg-ttl-eyecatch::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.4rem;
  margin: auto;
  background-color: #1042A4;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-eyecatch-link.egovui-sg-rss::before {
    width: 1.2rem;
    height: 1.2rem;
  }
}


/* 青縦線付き見出し + (補助要素) */
.egovui-sg-ttl-eyecatch-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-eyecatch-head {
    margin: 1rem 0;
  }
}

.egovui-sg-ttl-eyecatch-head .egovui-sg-ttl-eyecatch {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 3rem 0 0;
}

.egovui-sg-ttl-eyecatch-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.egovui-sg-ttl-eyecatch-link {
  padding-left: 1.5rem;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  color: #1042A4;
}

.egovui-sg-ttl-eyecatch-link:hover,
.egovui-sg-ttl-eyecatch-link:focus {
  text-decoration: underline;
  color: #1042A4;
}

.egovui-sg-ttl-eyecatch-link + .egovui-sg-ttl-eyecatch-link {
  margin: 0 0 0 2rem;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-eyecatch-link + .egovui-sg-ttl-eyecatch-link {
    margin-left: 1rem;
  }
}

.egovui-sg-ttl-eyecatch-link::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: unset;
}

.egovui-sg-ttl-eyecatch-link.egovui-sg-rss::before {
  background-image: url(/styleguide/img/icon-rss.svg);
}

.egovui-sg-ttl-eyecatch-link.egovui-sg-list {
  position: relative;
  padding-left: 2.2rem;
}

.egovui-sg-ttl-eyecatch-link.egovui-sg-list::before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1.7rem;
  margin: auto;
  background-image: url(/styleguide/img/icon-list.svg);
}


/* 7.6 アイコン付き見出し
----------------------------------------*/
.egovui-sg-ttl-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.4rem 0;
}

.egovui-sg-ttl-ico-image {
  max-width: 2rem;
  max-height: 2rem;
  margin-right: 0.5rem;
}

.egovui-sg-ttl-ico-text {
  font-size: 2rem;
  font-weight: bold;
}


/* 7.7 エラー用タイトル
----------------------------------------*/
.egovui-sg-ttl-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.egovui-sg-ttl-error-text {
  margin-left: 0.6rem;
  color: #CA241E;
  font-weight: bold;
  font-size: 1.4rem;
}


/* 7.8   リンク見出し
----------------------------------------*/
.egovui-sg-ttl-link-text {
  text-decoration: none;
  margin: 1.2rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-ttl-link-text {
    margin: 1rem 0;
  }
}

.egovui-sg-ttl-link-text {
  margin: 1.2rem 0;
  color: #1042A4;
  font-size: 1.6rem;
  font-weight: bold;
}

.egovui-sg-ttl-link-text:hover,
.egovui-sg-ttl-link-text:focus {
  text-decoration: underline;
}



/*----------------------------------------
 8. テキスト
----------------------------------------*/

/* 8.1 スタンダードなテキスト
----------------------------------------*/
.egovui-sg-text {
  margin: 1.6rem 0 0;
  font-size: 1.6rem;
  font-weight: normal;
}


/* 8.2 ページディスクリプション
----------------------------------------*/
.egovui-sg-txt-description {
  margin-top: 3rem;
}

@media (max-width: 599px) {
  .egovui-sg-txt-description {
    margin-top: 1rem;
  }
}

.egovui-sg-txt-description + * {
  margin-top: 6rem;
}

@media (max-width: 599px) {
  .egovui-sg-txt-description + * {
    margin-top: 5rem;
  }
}


/* 8.3 強調するテキスト
----------------------------------------*/
/* 8.3.1 太字 */
.egovui-sg-txt-strong {
  font-weight: bold;
}

/* 8.3.2 赤字 */
.egovui-sg-txt-em {
  color: #CA241E;
  font-style: normal;
}

/*----------------------------------------
 9. リンク
----------------------------------------*/

/* 9.1 スタンダードなリンク
----------------------------------------*/
.egovui-sg-link {
  color: #1042A4;
  text-decoration: none;/* ジーサーチ追記 */
}

.egovui-sg-link:hover,
.egovui-sg-link:focus {
  color: #1042A4;
  text-decoration: underline;
}


/* 9.2 文中リンク
----------------------------------------*/
.egovui-sg-link-text {
  color: #1042A4;
  text-decoration: underline;
}

.egovui-sg-link-text:hover,
.egovui-sg-link-text:focus {
  color: #1042A4;
  text-decoration: none;
}


/* 9.3 黒文字リンク
----------------------------------------*/
.egovui-sg-link-info {
  color: inherit;
  text-decoration: none;
}


/* 9.4 別窓アイコン付きリンク
   9.5 別サイト遷移用リンク
----------------------------------------*/
.egovui-sg-link-accessory {
  position: relative;
  color: #10429C;
  text-decoration: none;
}

.egovui-sg-link-accessory:hover,
.egovui-sg-link-accessory:focus {
  color: #10429C;
  text-decoration: underline;
}

.egovui-sg-link-accessory-icon {
/*  position: absolute; */
  margin-left: 1rem;
  margin-top: 0.4rem;
}


/* 9.6 前へ/次へリンク
----------------------------------------*/
.egovui-sg-link-skip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6rem;
}

.egovui-sg-link-skip-prev,
.egovui-sg-link-skip-next {
  position: relative;
  color: #1042A4;
  text-decoration: none;
}

.egovui-sg-link-skip-prev {
  padding-left: 2.1rem;
}

.egovui-sg-link-skip-next {
  padding-right: 2.1rem;
}

.egovui-sg-link-skip-prev::before,
.egovui-sg-link-skip-next::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.7rem;
  height: 1.1rem;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/styleguide/img/next.svg);
}

.egovui-sg-link-skip-prev::before {
  left: 0;
  transform: rotate(180deg);
}

.egovui-sg-link-skip-next::before {
  right: 0;
}

/* disable */
.egovui-sg-link-skip-prev.egovui-sg-disable,
.egovui-sg-link-skip-next.egovui-sg-disable {
  color: #D7D7D7;
  pointer-events: none;
}

.egovui-sg-link-skip-prev.egovui-sg-disable::before,
.egovui-sg-link-skip-next.egovui-sg-disable::before {
  background-image: url(/styleguide/img/pre.svg);
}

.egovui-sg-link-skip-prev.egovui-sg-disable::before {
  transform: rotate(0deg);
}

.egovui-sg-link-skip-next.egovui-sg-disable::before {
  transform: rotate(180deg);
}


/* 9.7 このページを閉じるリンク
----------------------------------------*/
.egovui-sg-link-close {
  margin-top: 4rem;
  text-align: center;
  text-decoration: none;
}



/*----------------------------------------
 10. リスト
----------------------------------------*/

/* 10.1 シンプルなリスト
----------------------------------------*/
.egovui-sg-list {
  margin-top: 1rem;
}

.egovui-sg-list-item {
  margin-top: 0.3rem;
}


/* 10.2 記号付きリスト
----------------------------------------*/
.egovui-sg-list-mark-item {
  position: relative;
  padding-left: 1em;
}

.egovui-sg-list-mark-item::before {
  content: '';
  position: absolute;
  left: 0;
}

/* 記号の種類 */
.egovui-sg-list-mark.egovui-sg-point .egovui-sg-list-mark-item::before {
  content: '・';
}

.egovui-sg-list-mark.egovui-sg-circle .egovui-sg-list-mark-item::before {
  content: '○';
}

.egovui-sg-list-mark.egovui-sg-square .egovui-sg-list-mark-item::before {
  content: '■';
}


/* 10.3 順序リスト
----------------------------------------*/
.egovui-sg-list-order {
  list-style-type: decimal;
  list-style-position: inside;
}

.egovui-sg-list-order-item > .egovui-sg-list-order {
  margin-left: 1rem;
}

.egovui-sg-list-item > .egovui-sg-list ,
.egovui-sg-list-item > .egovui-sg-list-mark ,
.egovui-sg-list-item > .egovui-sg-list-order ,
.egovui-sg-list-item > .egovui-sg-list-icon ,
.egovui-sg-list-mark-item > .egovui-sg-list ,
.egovui-sg-list-mark-item > .egovui-sg-list-mark ,
.egovui-sg-list-mark-item > .egovui-sg-list-order ,
.egovui-sg-list-mark-item > .egovui-sg-list-icon ,
.egovui-sg-list-order-item > .egovui-sg-list ,
.egovui-sg-list-order-item > .egovui-sg-list-mark ,
.egovui-sg-list-order-item > .egovui-sg-list-order ,
.egovui-sg-list-order-item > .egovui-sg-list-icon ,
.egovui-sg-list-icon-item > .egovui-sg-list ,
.egovui-sg-list-icon-item > .egovui-sg-list-mark ,
.egovui-sg-list-icon-item > .egovui-sg-list-order ,
.egovui-sg-list-icon-item > .egovui-sg-list-icon {
  margin-left: 2.5rem;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

.egovui-sg-list-order > .egovui-sg-list-order-item {
  padding-left: 2.5rem;
  text-indent: -2.5rem;
}



/* 番号の種類 */
.egovui-sg-list-order.egovui-sg-lower-roman > .egovui-sg-list-order-item {
  list-style-type: lower-roman;
}

.egovui-sg-list-order.egovui-sg-upper-roman > .egovui-sg-list-order-item {
  list-style-type: upper-roman;
}

.egovui-sg-list-order.egovui-sg-lower-latin > .egovui-sg-list-order-item {
  list-style-type: lower-latin;
}

.egovui-sg-list-order.egovui-sg-upper-latin > .egovui-sg-list-order-item {
  list-style-type: upper-latin;
}


/* 10.4 定義リスト
----------------------------------------*/
.egovui-sg-list-define {
  color: #636974;
  font-size: 1.4rem;
}

.egovui-sg-list-define-title {
  float: left;
  font-weight: normal ;
}

.egovui-sg-list-define-data {
  overflow: hidden;
}

.egovui-sg-list-define-data-new {
  margin-left: 0.5rem;
  color: #D23F3A;
  font-size: 1.2rem;
  font-weight: normal;
}

/* 幅 10rem */
.egovui-sg-list-define.egovui-sg-w100 .egovui-sg-list-define-title {
  width: 10rem;
}

/* 幅 20rem */
.egovui-sg-list-define.egovui-sg-w200 .egovui-sg-list-define-title {
  width: 20rem;
}


/* 10.5 テキストアイコン付きリスト
----------------------------------------*/
.egovui-sg-list-icon {
  margin-top: 1rem;
}

.egovui-sg-list-icon-text {
  display: block;
  float: left;
  margin-right: 0.5em;
}

.egovui-sg-list-icon-text-data {
  display: block;
  overflow: hidden;
}


/* 10.6 上下線付きリスト
----------------------------------------*/
.egovui-sg-list-line {
  border-bottom: 0.1rem solid #C6C9D3;
}

.egovui-sg-list-line-item {
  padding: 2rem 1.8rem;
  border-top: 0.1rem solid #C6C9D3;
}

@media (max-width: 599px) {
  .egovui-sg-list-line-item {
    padding: 2rem 0;
  }
}


/* 10.7 ボックスリスト
----------------------------------------*/
.egovui-sg-list-index {
  margin-top: 3rem;
}

.egovui-sg-list-index-item + .egovui-sg-list-index-item {
  margin-top: 1rem;
}

.egovui-sg-list-index-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 2.4rem 0.8rem;
  background-color: #E5EBF5;
}

@media (max-width: 599px) {
  .egovui-sg-list-index-box {
    padding: 0.8rem 0 0.8rem;
  }
}

.egovui-sg-list-index-box-head {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19.5rem;
  padding: 1.6rem 0 1.6rem 0.85rem;
}

@media (max-width: 599px) {
  .egovui-sg-list-index-box-head {
    width: 10.7rem;
    padding: 1.6rem 1rem;
  }
}

.egovui-sg-list-index-box-text {
  margin: 0;
}

.egovui-sg-list-index-box-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 1.6rem 1.6rem 1.6rem 2.4rem;
  border-left: 0.1rem solid #C6C9D3;
}

@media (max-width: 599px) {
  .egovui-sg-list-index-box-body {
    padding: 1.6rem 1.4rem 1.6rem 1rem;
  }
}

.egovui-sg-list-index-box-body .egovui-sg-list-document {
  margin-top: 0;
}

/* 10.8 3カラムリスト
----------------------------------------*/
@media (min-width: 600px) {
  .egovui-sg-3column-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }
  .egovui-sg-3column-list-unordered {
    width: calc((100% - 4rem * 2) / 3);
    margin-right: 4rem;
  }
  .egovui-sg-3column-list-unordered:nth-child(3n){
    margin-right: 0;
  }
}


/*----------------------------------------
 11. テーブル
----------------------------------------*/

/* 11.1 テーブル
----------------------------------------*/
.egovui-sg-table {
  width: 100%;
  margin-top: 2rem;
  border-collapse: collapse;
  border-left: solid 0.1rem #C6C9D3;
  border-right: solid 0.1rem #C6C9D3;
}

.egovui-sg-table-caption {
  margin: 1rem 0 0.6rem;
  text-align: left;
}

.egovui-sg-table-tr,
.egovui-sg-table-th,
.egovui-sg-table-td {
  border-top: solid 0.1rem #C6C9D3;
  border-bottom: solid 0.1rem #C6C9D3;
}

.egovui-sg-table-th,
.egovui-sg-table-td {
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
}

.egovui-sg-table-thead {
  background-color: #C6C9D3;
}

.egovui-sg-table-th {
  background-color: #F5F6F8;
}

.egovui-sg-table-multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.egovui-sg-table-multi .egovui-sg-ico-badge {
  margin-right: 2rem;
}

@media (max-width: 599px) {
  .egovui-sg-table-multi .egovui-sg-ico-badge {
    margin-right: 1rem;
  }
}

.egovui-sg-table-multi .egovui-sg-text {
  margin-top: 0;
}

/* thの幅 */
.egovui-sg-table-th.egovui-sg-small {
  width: 19.3rem;
}

@media (max-width: 599px) {
  .egovui-sg-table-th.egovui-sg-small {
    width: 14.3rem;
  }
}

.egovui-sg-table-th.egovui-sg-medium {
  width: 30rem;
}

@media (max-width: 599px) {
  .egovui-sg-table-th.egovui-sg-medium {
    width: 14.6rem;
  }
}


.egovui-sg-table-th.egovui-sg-large {
  width: 44rem;
}

@media (max-width: 599px) {
  .egovui-sg-table-th.egovui-sg-large {
    width: 15rem;
  }
}

/* セルの幅 */
.egovui-sg-table .egovui-sg-table-w33 {
  width: 33%;
}
.egovui-sg-table .egovui-sg-table-w25 {
  width: 25%;
}
.egovui-sg-table .egovui-sg-table-w20 {
  width: 20%;
}


/* th,td -- 背景色 */
.egovui-sg-table-th.egovui-sg-blue,
.egovui-sg-table-td.egovui-sg-blue {
  background-color: #E5EBF5;
}

.egovui-sg-table-th.egovui-sg-error,
.egovui-sg-table-td.egovui-sg-error {
  background-color: #FFEBEB;
}

/* table -- 左右に罫線なし */
.egovui-sg-table.egovui-sg-horizontal {
  border-left: 0;
  border-right: 0;
}

@media (max-width: 599px) {
	.egovui-sg-table.egovui-sg-scroll-x {
	  display: block;
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch;
	}
}


/*----------------------------------------
 12. フォーム
----------------------------------------*/

/* 12.0 フォームエリア
----------------------------------------*/
.egovui-sg-form {
  width: 64rem;
  margin: 3rem auto 0;
}

.egovui-sg-form.egovui-sg-account {
  width: 50rem;
}

.egovui-sg-form.egovui-sg-wide {
  width: 116.8rem;
}

.egovui-sg-form.egovui-sg-public-comment-web {
  width: 80rem;
}

@media (max-width: 599px) {
  .egovui-sg-form {
    width: calc(100% + 3.2rem);
    margin: 3rem -1.6rem 0;
  }
}

.egovui-sg-form-in {
  padding: 6rem 8rem 3.5rem 8rem;
  background-color: #F5F6F8;
}

@media (max-width: 599px) {
  .egovui-sg-form-in {
    padding: 2rem 1.6rem;
  }
}

.egovui-sg-form-in > *:first-child {
  margin-top: 0;
}


/* 12.1 テキスト入力
----------------------------------------*/
.egovui-sg-form-input[type="tel"],
.egovui-sg-form-input[type="url"],
.egovui-sg-form-input[type="text"],
.egovui-sg-form-input[type="date"],
.egovui-sg-form-input[type="email"],
.egovui-sg-form-input[type="password"],
.egovui-sg-form-input[type="datetime"] {
  width: 100%;
  height: 4.2rem;
  margin-top: 0.4rem;
  font-size: 1.6rem;
}

/* サイズ -- small */
.egovui-sg-form-input.egovui-sg-size-small {
  max-width: 30.5rem;
}

@media (max-width: 599px) {
  .egovui-sg-form-input.egovui-sg-size-small {
    width: 100%;
    max-width: 100%;
  }
}

/* サイズ -- tiny */
.egovui-sg-form-input.egovui-sg-size-tiny {
  max-width: 9.4rem;
}

.egovui-sg-form-input.egovui-sg-size-small + .egovui-sg-size-small {
  margin-left: 3rem;
}

/* キーワード検索 */
.egovui-sg-form-input-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}

.egovui-sg-form-input-keyword .egovui-sg-form-input {
  margin-top: 0;
}

.egovui-sg-form-input-keyword-submit {
  margin-left: 1.5rem;
}

.egovui-sg-form-input-keyword-submit .egovui-sg-btn-submit {
  min-width: 12.8rem;
  min-height: 3.6rem;
}

@media (max-width: 599px) {
  .egovui-sg-form-input-keyword-submit .egovui-sg-btn-submit {
    min-width: 6.8rem;
  }
}



/* 12.2 ラジオボタン
----------------------------------------*/
.egovui-sg-form-fieldset {
  padding: 0;
}

.egovui-sg-form-radio-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 599px) {
  .egovui-sg-form-radio-field.egovui-sg-sp-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}


.egovui-sg-form-radio {
  display: inline-block;
  position: relative;
  margin-right: 1.5rem;
}

.egovui-sg-form-radio-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.egovui-sg-form-radio-text {
  padding-left: 2.7rem;
  display: inline-block;
}

.egovui-sg-form-radio-text::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  margin: auto;
  border: 0.1rem solid #C6C9D3;
  border-radius: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

.egovui-sg-form-radio-input:checked + .egovui-sg-form-radio-text::after {
  content: '';
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
  border-radius: 100%;
  background-color: #1042A4;
}



/* 12.3 チェックボックス
----------------------------------------*/
.egovui-sg-form-checkbox-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}

.egovui-sg-form-checkbox {
  display: block;
  position: relative;
  margin-right: 1.5rem;
}

.egovui-sg-form-checkbox-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.egovui-sg-form-checkbox-text {
  padding-left: 2.7rem;
  display: inline-block;
}

.egovui-sg-form-checkbox-text::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: auto 0;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.2rem;
  background-color: #FFFFFF;
}

.egovui-sg-form-checkbox-input:checked + .egovui-sg-form-checkbox-text::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: auto;
  background: url(/styleguide/img/checkbox.svg) no-repeat center / 1rem;
}


/* 12.4 セレクトボックス
----------------------------------------*/
.egovui-sg-form-select {
  display: block;
  min-width: 2em;
  height: 1.5em;
  margin-top: 0.4rem;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background-image: url(/styleguide/img/dropdown-gray.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right -0.1rem center;
  background-color: #FFFFFF;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


/* 12.5 カレンダー
----------------------------------------*/
.egovui-sg-form-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 33.3rem;
  margin: 0.1rem 0;
}

@media (max-width: 599px) {
  .egovui-sg-form-calendar {
    max-width: none;
  }
}

.egovui-sg-form-calendar-date-groupe {
  position: relative;
  min-width: 14rem;
}

@media (max-width: 599px) {
  .egovui-sg-form-calendar-date-groupe {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
}

.egovui-sg-form-calendar-date-groupe.egovui-sg-begin {

}

.egovui-sg-form-calendar-date-groupe.egovui-sg-end {

}

.egovui-sg-form-calendar-date {
  position: relative;
  margin-bottom: 0;
}

.egovui-sg-form-calendar-label {
  display: none;
}

.egovui-sg-form-calendar-input-wrap {
  display: table;
  position: relative;
  border-collapse: separate;
}

.egovui-sg-form-calendar .egovui-sg-form-calendar-input {
  width: 100%;
  border-right: 0;
}

.egovui-sg-form-calendar-tie {
  min-width: 2.86em;
  margin: 0;
  font-size: 1.4rem;
  text-align: center;
}

.egovui-sg-form-calendar .datepicker-calendar {
  top: 100% !important;
  left: 0 !important;
}

.egovui-sg-form-calendar .egovui-sg-form-calendar-date-groupe .datepicker-button {
  height: 2.5rem;
  background-color: #FFF;
}


/* 12.6 テキストエリア
----------------------------------------*/
.egovui-sg-form-textarea {
  display: block;
  width: 100%;
  min-height: 24.3rem;
  margin-top: 0.4rem;
}

/* 文字数制限あり */
.egovui-sg-form-textarea-maxlength {
  margin-top: 0.4rem;
}

.egovui-sg-form-textarea-count {
  margin: 0;
  text-align: right;
}

.egovui-sg-form-textarea-maxlength .egovui-sg-form-textarea {
  margin-top: 0;
}



/* 12.7 formセット
----------------------------------------*/
.egovui-sg-form-item + .egovui-sg-form-item {
  margin-top: 2.5rem;
}

.egovui-sg-form-group {
  margin-top: 2.5rem;
}

.egovui-sg-form-label .egovui-sg-ico-badge {
  margin-right: 0.7rem;
}

.egovui-sg-form-info {
  margin: 0.6rem 0 0  ;
  font-size: 1.4rem;
}

.egovui-sg-form-info.egovui-sg-link {
  font-size: inherit;
}

.egovui-sg-form-mulch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.4rem;
}

@media (max-width: 599px) {
  .egovui-sg-form-mulch {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 599px) {
  .egovui-sg-form-mulch.egovui-sg-name .egovui-sg-form-input {
    width: calc(50% - 1.5rem);
  }
}

@media (max-width: 599px) {
  .egovui-sg-form-mulch.egovui-sg-post .egovui-sg-form-input {
    width: calc(50% - 1.5rem);
  }
}

@media (max-width: 599px) {
  .egovui-sg-form-mulch .egovui-normal-button {
    width: 100%;
    margin: 2rem 0 0 0;
  }
}

.egovui-sg-form-mulch .egovui-sg-form-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
}

.egovui-sg-form-mulch-hyphen {
  width: 2.6rem;
  text-align: center;
}


/* 12.8 エラー文言
----------------------------------------*/
.egovui-sg-form-erorr {
  margin-top: 3rem;
  padding: 2rem;
  border: 0.1rem solid #EED4D4;
  background-color: #FFEBEB;
}

.egovui-sg-form-erorr > *:first-child {
  margin-top: 0;
}

.egovui-sg-form-erorr-title {
  position: relative;
  margin-bottom: 0;
  padding-left: 2.2rem;
  font-weight: bold;
  font-size: 1.4rem;
  color: #CA241E;
}

.egovui-sg-form-erorr-title::before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  background-image: url(/styleguide/img/icon-important.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
}

.egovui-sg-form-erorr-list {
  margin-top: 0.8rem;
  padding-left: 2.2rem;
}

.egovui-sg-form-erorr-item {
  color: #CA241E;
  font-size: 1.4rem;
}

.egovui-sg-form-erorr-item::before {
  content: '・';
}


/* 12.9 パスワード入力
----------------------------------------*/
.egovui-sg-form-password-input-area {
  position: relative;
  margin-top: 0.4rem;
}

.egovui-sg-form-password-input[type="password"],
.egovui-sg-form-password-input[type="text"] {
  width: 100%;
  height: 4.2rem;
  font-size: 1.6rem;
}

.egovui-sg-form-password-button,
.egovui-sg-form-password-button:focus,
.egovui-sg-form-password-button:active {
  position: absolute;
  z-index: 1;
  width: 3.2rem;
  height: 3.2rem;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  margin: auto;
  background-color: #FFFFFF;
  background-image: url(/styleguide/img/icon-show-password.svg);
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
}

.egovui-sg-form-password-button:hover,
.egovui-sg-form-password-button:focus {
  background-color: #D7D7D7;
}


/* 12.10 完了画像
----------------------------------------*/
.egovui-sg-form-checked {
  width: 100%;
  height: 9.6rem;
  margin-top: 3rem;
  text-align: center;
}

.egovui-sg-form-checked-image {
  height: 100%;
}


/* 12.11 formエリア内ボタン
----------------------------------------*/
.egovui-sg-form-submit {
  margin-top: 3rem;
  text-align: center;
}

@media (max-width: 599px) {
  .egovui-sg-form-submit {
    margin-top: 2rem;
  }
}


/* 12.12 アコーディオン内formセット
----------------------------------------*/
main form {
  background-color: rgba(0, 0, 0, 0);
}
.egovui-sg-mod-accordion-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.egovui-sg-mod-accordion-submit {
  margin-top: auto;
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-submit {
    width: 100%;
    margin-top: 2rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-mod-accordion-submit .egovui-sg-btn-submit {
    width: 100%;
  }
}

.egovui-sg-accordion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-list {
    width: 100%;
  }
}

.egovui-sg-accordion-item {
  margin-right: 3rem;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-item {
    width: 100%;
    margin-right: 0;
  }
}

.egovui-sg-accordion-item .egovui-sg-form-select {
  width: 100%;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-item + .egovui-sg-accordion-item .egovui-sg-accordion-item-content {
    margin-top: 2rem;
  }
}

@media (max-width: 599px) {
  .egovui-sg-accordion-list-label {
    font-size: 1.4rem;
  }
}

.egovui-sg-accordion-list-input {
  min-width: auto;
}

/* 12.12.1 申請案件検索 */
.egovui-sg-accordion-item-content.egovui-sg-number {
  width: 31.2rem;
}

.egovui-sg-accordion-item-content.egovui-sg-term {
  width: 33.3rem;
}

.egovui-sg-accordion-item-content.egovui-sg-status {
  width: 20.1rem;
}

.egovui-sg-accordion-item-content.egovui-sg-name {
  width: 25rem;
  margin-top: 2.9rem;
}

.egovui-sg-accordion-item-content.egovui-sg-situation {
  width: 32.8rem;
  margin-top: 2.9rem;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-item-content.egovui-sg-number,
  .egovui-sg-accordion-item-content.egovui-sg-term,
  .egovui-sg-accordion-item-content.egovui-sg-status,
  .egovui-sg-accordion-item-content.egovui-sg-name,
  .egovui-sg-accordion-item-content.egovui-sg-situation {
    width: 100%;
  }
}

/* 12.12.2 通知検索 */
.egovui-sg-accordion-item-content.egovui-sg-read {
  width: 10rem;
}

.egovui-sg-accordion-item-content.egovui-sg-kind {
  width: 12.2rem;
}

.egovui-sg-accordion-item-content.egovui-sg-notice-name {
  width: 25.4rem;
}

.egovui-sg-accordion-item-content.egovui-sg-function {
  width: 33rem;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-item-content.egovui-sg-read,
  .egovui-sg-accordion-item-content.egovui-sg-kind,
  .egovui-sg-accordion-item-content.egovui-sg-notice-name,
  .egovui-sg-accordion-item-content.egovui-sg-function {
    width: 100%;
  }
}

/* 12.12.3 基本情報検索 */
.egovui-sg-accordion-item-content.egovui-sg-corporation {
  width: 26rem;
}

.egovui-sg-accordion-item-content.egovui-sg-info-name {
  width: 21rem;
}

.egovui-sg-accordion-item-content.egovui-sg-address {
  width: 42.4rem;
}

@media (max-width: 599px) {
  .egovui-sg-accordion-item-content.egovui-sg-corporation,
  .egovui-sg-accordion-item-content.egovui-sg-info-name,
  .egovui-sg-accordion-item-content.egovui-sg-address {
    width: 100%;
  }
}


/*----------------------------------------
 13. サイドナビ
----------------------------------------*/

/* 13.1 サイドナビ
----------------------------------------*/
.egovui-sg-sidemenu-wrapper {
  margin-right: 6rem;
}

@media (max-width: 599px) {
  .egovui-sg-sidemenu-wrapper {
    margin-right: 0;
  }
}

.egovui-sg-sidemenu {
  display: inline-block;
  width: 27.8rem;
  border-bottom: 0.1rem solid #E7E7E7;
}

@media (max-width: 599px) {
  .egovui-sg-sidemenu {
    width: 100%;
  }
}

.egovui-sg-sidemenu-item {
  border-top: 0.1rem solid #E7E7E7;
}

.egovui-sg-sidemenu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*min-height: 6rem;*/
  padding: 1.7rem 3rem 1.6rem 1.7rem;
  font-size: 1.8rem;
  color: #333333;
  text-decoration: none;
}

.egovui-sg-sidemenu-link:hover,
.egovui-sg-sidemenu-link:focus {
  text-decoration: underline;
}

.egovui-sg-sidemenu-link::after {
  content: '';
  position: absolute;
  width: 1.1rem;
  height: 1.6rem;
  top: 2.3rem;
  right: 2rem;
  background-image: url(/styleguide/img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.egovui-sg-sidemenu-item.egovui-sg-active > a.egovui-sg-sidemenu-link,
.egovui-sg-sidemenu-item.egovui-active > a.egovui-sg-sidemenu-link {/* ジーサーチが「+」追記 */
  font-weight: bold;
  color: #333;
}

.egovui-sg-sidemenu-item.egovui-sg-active > a.egovui-sg-sidemenu-link::before,
.egovui-sg-sidemenu-item.egovui-active > a.egovui-sg-sidemenu-link::before {/* ジーサーチが「+」追記 */
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.5rem;
  min-height: 2.9rem;
  margin: auto;
  background-color: #1042A4;
}

/* 2階層目以降 */
.egovui-sg-sidemenu .egovui-sg-sidemenu {
  margin-bottom: 2.4rem;
  border-bottom: 0;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item {
  margin-top: 1.5rem;
  border-top: 0;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;/* ジーサーチがflexから変更 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: auto;
  padding: 0 0 0 2rem;
  line-height: 2.1rem;
  color: #1042A4;
  font-size: 1.6rem;
  text-decoration: none;
}

.egovui-sg-sidemenu-item.egovui-active > a.egovui-sg-sidemenu-link {/* ジーサーチが「+」を追記 */
  font-weight: bold;
  color: #333;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-link:hover,
.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-link:focus {
  text-decoration: underline;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-link::after {
  display: none;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item.egovui-sg-active > .egovui-sg-sidemenu-link {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item.egovui-sg-active > .egovui-sg-sidemenu-link::before {
  content: '';
  position: absolute;
  top: -0.4rem;
  left: 0;
  width: 0.5rem;
  min-height: 2.9rem;
  background-color: #1042A4;
  height:110%;
}

/* 3階層目以降 */
.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu {
  margin-bottom: 2.4rem;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item:first-of-type {
  margin-top: 3rem;
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-link {
  padding: 0 3.2rem 0 3rem;
}


/*----------------------------------------
 14. ページ内ローカルナビ
----------------------------------------*/

/* 14.1 ページ内ローカルナビ
----------------------------------------*/
.egovui-sg-local-nav {
  margin-bottom: 6rem;
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #C6C9D3;
  border-top: 0.1rem solid #C6C9D3;
}

.egovui-sg-local-nav-item + .egovui-sg-local-nav-item {
  margin-top: 2rem;
}

.egovui-sg-local-nav-link {
  font-weight: bold;
}

.egovui-sg-local-nav-link::after {
  content: '';
  display: inline-block;
  width: 0.7rem;
  height: 1.1rem;
  margin-left: 1.4rem;
  background: url("/styleguide/img/next.svg") no-repeat center;
}

.egovui-sg-local-nav .egovui-sg-local-nav-link {
  text-decoration:none;
}

/*----------------------------------------
 15. テンプレート用css
----------------------------------------*/

/* セクション
----------------------------------------*/
.egovui-sg-section:last-of-type {
  margin-bottom: 0;
}


/* お知らせページ
----------------------------------------*/
.egovui-area-notice-detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 120rem;
  margin: 0 auto;
  padding: 5rem 1.6rem 10rem;
  min-height: 0%;/* IEスマホ版対応で追記 */
}

@media (max-width: 599px) {
  .egovui-responsive .egovui-area-notice-detail main,
  .egovui-responsive .egovui-help main,
  .egovui-responsive .egovui-details3 main ,
  .egovui-responsive .egovui-administrative-corporate-document main ,
  .egovui-responsive .egovui-details4 main ,
  .egovui-responsive .egovui-sitemap main {
    margin-top:3rem;
    padding:0;
  }
  .egovui-area-notice-detail{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 1.6rem 6rem;
  }
}

.egovui-area-notice-detail main {
  margin:0;
  padding: 0;
  min-height: 0%;
}

@media (max-width: 599px) {
  .egovui-area-notice-detail main,
  .egovui-area-notice-detail aside {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 0%;
  }
}


@media (max-width: 599px) {
  .egovui-area-notice-detail .egovui-sg-sidemenu-wrapper {
    margin-top: 3rem;
  }
}



/*----------------------------------------
 16. スタイルガイド用css(egovui-sg-index-○○)
----------------------------------------*/

/* コンテンツサイズ
----------------------------------------*/
.egovui-sg-wrapper {
  width: 120rem;
  margin: 6rem auto;
  padding: 0 1.6rem;
}

@media (max-width: 599px) {
  .egovui-sg-wrapper {
    width: 100%;
  }
}


/* ページ内リンクエリア
----------------------------------------*/
.egovui-sg-index-area {
  background-color: #D7D7D7;
}

.egovui-sg-index-area-in {
  width: 120rem;
  margin: 0 auto;
  padding: 6rem 1.6rem;
}

@media (max-width: 599px) {
  .egovui-sg-index-area-in {
    width: 100%;
    padding: 1.6rem;
  }
}


/* ページ内リンク
----------------------------------------*/
.egovui-sg-index-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
}

.egovui-sg-index-item {
  width: 25%;
  margin-top: 1rem;
  padding: 0 1rem;
}

@media (max-width: 599px) {
  .egovui-sg-index-item {
    width: 50%;
  }
}

.egovui-sg-index-link {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
  border: 0.1rem solid #D7D7D7;
  background-color: #FFF;
  border-radius: 0.3rem;
  transition: 0.3s;
}

.egovui-sg-index-link:hover,
.egovui-sg-index-link:focus {
  color: #FFF;
  background-color: #636974;
}

.egovui-sg-index-link:hover::after,
.egovui-sg-index-link:focus::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ffffff;
}


/* 見出し
----------------------------------------*/
/* カテゴリ見出し */
.egovui-sg-index-category-title {
  position: relative;
  margin: 8rem 0 3rem;
  padding-top: 3rem;
  font-size: 3.2rem;
  text-align: center;
  font-weight: normal;
}

.egovui-sg-index-category-title::after {
  content: '';
  display: block;
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
  width: 5rem;
  height: 0.5rem;
  margin: auto;
  background-color: #DE0000;
}

/* モジュール見出し */
.egovui-sg-index-module-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 8rem 0 3rem;
  padding-left: 2rem;
  font-size: 2rem;
  font-weight: bold;
}

.egovui-sg-index-module-title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.4rem;
  margin: auto;
  background-color: #333;
}

/* バリエーション見出し */
.egovui-sg-ttl-variation {
  position: relative;
  margin: 5rem 0 1.8rem;
  padding-left: 2rem;
  font-weight: normal;
}

.egovui-sg-ttl-variation::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #333 transparent transparent transparent;
}


/* ボックス
----------------------------------------*/
.egovui-sg-index-box {
  display: block;
  width: 100%;
  margin: 0;
  padding: 4.8rem;
  text-align: center;
  background-color: #D7D7D7;
}

@media (max-width: 599px) {
  .egovui-sg-index-box {
    padding: 2rem 0;
  }
}




/*----------------------------------------
 17. gs追記　各ページ用CSS
----------------------------------------*/

/* 画像配置用スタイル */

.egovui-sg-image-left {
  width:100%;
  text-align:left
}
.egovui-sg-image-center {
  width:100%;
  text-align:center
}

/* 画像直下のpタグに配置用スタイル */
.egovui-sg-image-left + p,
.egovui-sg-image-center + p {
  margin-top: 2rem;
}
.egovui-sg-image-left ,
.egovui-sg-image-center {
  margin-top: 0rem;
}



/* スマホ表示時は画像はセンター寄せ */
@media (max-width: 599px) {
	.egovui-sg-image-left ,
	.egovui-sg-image-center {
	  width:100%;
	  text-align:center;
	  margin-top:0;
	  min-height: 0%;
	}
	.egovui-sg-image-left img,
	.egovui-sg-image-center img{
	  width:100%
	}
	.egovui-sg-image-left + p,
	.egovui-sg-image-center + p {
	  margin-top: 1.6rem;
	}
	/* スマホ時に画像を100%表示 */
	img.egovui-sg-spimgw100 {
	  width:100%;
	}

}

/* 画像に罫線 */
img.ruled-line {
  border:1px solid #666;
}




/* ボタンリストのオンマウス時の下線 */
.egovui-sg-btn-list a:hover {
  text-decoration: underline;
}





@media (max-width: 599px) {
/* ヘルプ系ページ全体 */
  .egovui-responsive .egovui-wrapper {
    padding-right: 1.6rem;
    padding-bottom: 6rem;
  }
  .egovui-responsive .egovui-sg-btn-list-area .egovui-sg-btn-border {
    min-height: 5.2rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  
  }

}



/* ヘルプページトップ 
/contents/help/
*/
@media (min-width: 600px) {
  .egovui-responsive .egovui-help .egovui-wrapper > div {
    margin-bottom: 6rem;
  }

  .egovui-responsive .egovui-help .egovui-sg-ttl-eyecatch::before {
    height: 2.6rem;
  }
  .egovui-responsive .egovui-help .egovui-group-title > h1 {
    padding-left:0;
  }
}

@media (max-width: 599px) {
  .egovui-responsive .egovui-help .egovui-wrapper .egovui-group-title {
    padding-left: 0;
    margin: 0 0 3rem;
    font-weight: normal;
  }
  .egovui-responsive .egovui-help .egovui-wrapper .egovui-group-title > h1{
    font-size: 2.4rem;
  }

  .egovui-responsive .egovui-help .egovui-faq .egovui-group-title,
  .egovui-responsive .egovui-help .egovui-user-guide .egovui-group-title {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .egovui-responsive .egovui-faq.egovui-faq-help .egovui-sg-btn-list > li:nth-child(2n+1) {
    margin-right: 0.8rem;
  }
  .egovui-responsive .egovui-faq.egovui-faq-help .egovui-sg-btn-list > li {
    margin-bottom: 1rem;
    margin-right: 0;
    margin-left:0;
    margin-top:0;
    -ms-flex-preferred-size: calc(50% - 0.4rem);
    flex-basis: calc(50% - 0.4rem);
  }
}

/* ヘルプ系ページ
/contents/help/～ */
.egovui-responsive .egovui-help .egovui-faq-preparation h1{
	margin-top:1rem;
}

@media (max-width: 599px) {
	.egovui-responsive .egovui-help .egovui-faq-preparation h1{
		margin-top:0;
	}
	.egovui-responsive .egovui-help .egovui-sg-mod-accordion {
    	margin-top: 1rem;
	}
}

/* FAQ系ページ 
/contents/help/faq/
*/

.egovui-faq .egovui-sg-ttl-page {
padding-top:1rem;
}

@media (max-width: 599px) {
	.egovui-faq .egovui-sg-ttl-page {
	padding-top:0;
	}
}

/* テンプレート　ご利用ガイド 
.egovui-guide
*/
.egovui-guide .egovui-sg-image-left ,
.egovui-guide .egovui-sg-image-center {
  margin-top: 6rem;
}

.egovui-guide h2 + .egovui-sg-image-left ,
.egovui-guide h2 + .egovui-sg-image-center {
  margin-top: 0;
}

.egovui-guide .egovui-sg-ttl-page {
  padding-top:1rem;
}

.egovui-responsive .egovui-guide .egovui-sg-txt-description + *,
.egovui-responsive .egovui-guide h1 + * {
  margin-top:3rem;
}


@media (max-width: 599px) {
  .egovui-guide .egovui-sg-ttl-page {
    padding:0;
  }
  .egovui-guide .egovui-area-notice-detail {
  padding-top:0;
  }
  .egovui-sg-txt-description + * {
    margin-top: 3rem;
  }
  .egovui-guide main .egovui-sg-list-mark {
    margin-top:1.6rem;
  }
.egovui-guide .egovui-sg-image-left ,
.egovui-guide .egovui-sg-image-center {
  margin-top: 3.5rem;
}

}
.egovui-guide main .egovui-sg-list-mark {
  margin-top:2rem;
}

/* テンプレート　ご利用ガイド詳細 
.egovui-guide-detail-detail
*/
.egovui-guide-detail .egovui-sg-image-left ,
.egovui-guide-detail .egovui-sg-image-center {
  margin-top: 6rem;
}

.egovui-guide-detail h2 + .egovui-sg-image-left ,
.egovui-guide-detail h2 + .egovui-sg-image-center {
  margin-top: 0;
}

.egovui-guide-detail .egovui-sg-ttl-page {
  padding-top:1rem;
}

.egovui-responsive .egovui-guide-detail .egovui-sg-txt-description + *,
.egovui-responsive .egovui-guide-detail h1 + * {
  margin-top:3rem;
}


@media (max-width: 599px) {
  .egovui-guide-detail .egovui-sg-ttl-page {
    padding:0;
  }
  .egovui-guide-detail .egovui-area-notice-detail {
  padding-top:0;
  }
  .egovui-sg-txt-description + * {
    margin-top: 3rem;
  }
  .egovui-guide-detail main .egovui-sg-list-mark {
    margin-top:1.6rem;
  }
.egovui-guide-detail .egovui-sg-image-left ,
.egovui-guide-detail .egovui-sg-image-center {
  margin-top: 3.5rem;
}

}
.egovui-guide-detail main .egovui-sg-list-mark {
  margin-top:2rem;
}


/* パブコメ、カテゴリーページのtable装飾 */
.egovui-guide table.about-administrative-field {
	width: 100%;
	table-layout: fixed;
}

.egovui-guide table.about-administrative-field tr th,
.egovui-guide table.about-administrative-field tr td {
	border: solid 0.1rem #C6C9D3;
}
.egovui-guide table.about-administrative-field .egovui-sg-table-caption {
	text-align: center;
}

.egovui-guide table.about-administrative-field .text-center {
	text-align: center;
}

/* パブコメ、rssページの見出しmargin調整 */

.egovui-guide.rss h2{
margin:4rem 0 0 0;
}
.egovui-guide.rss h3{
margin: 3rem 0 0 0;

}

.egovui-guide.rss .egovui-sg-list-mark {
margin-top:1rem;
}




/* 行政情報（リンク集）のindexページ */

.egovui-resource-info h1.egovui-sg-ttl-page {
margin: 1rem 0 2rem 0;
}
@media (max-width: 599px) {
	.egovui-resource-info h1.egovui-sg-ttl-page {
	margin: 0 0 1rem 0;
	}
}

.egovui-resource-info .egovui-sg-txt-description {
margin: 0 0 3rem;
}

.egovui-resource-info .egovui-sg-box-bg .egovui-sg-link {
  font-weight:bold;
  text-decoration: none;
}


.egovui-resource-info .egovui-sg-box-bg .egovui-sg-link:hover,
.egovui-resource-info .egovui-sg-box-bg .egovui-sg-link:focus {
  color: #10429C;
  text-decoration: underline;
}

.egovui-resource-info .egovui-sg-box-bg p.egovui-sg-text {
  margin-top:1.2rem;
}

.egovui-resource-info .egovui-sg-box-bg {
margin-top:0;
margin-bottom:1rem;
}

.egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu-item a:hover,
.egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu-item a:focus {
    background-color: #F5F6F8;
    text-decoration: underline;
}

.egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item a:hover,
.egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item a:focus {
background-color: transparent;
}





@media (max-width: 599px) {
  .egovui-resource-info .egovui-area-notice-detail {
    padding-top:0;
    padding-bottom:3rem
  }
  .egovui-resource-info .egovui-area-notice-detail .egovui-sg-box-bg{
    padding:1rem;
  }
  .egovui-resource-info .egovui-area-notice-detail .egovui-sg-box-bg .egovui-sg-text {
    margin-top:1rem;
  }
  .egovui-resource-info .egovui-area-notice-detail .egovui-sg-box-bg h2.egovui-sg-text {
    margin-top:0;
  }

  aside .egovui-search-info-sp-in label {/* スマホ版サイト内検索のマージン調整 */
    margin-bottom: 0.6rem;
}

}




/* お知らせindexページ */

.egovui-list-notice h1.egovui-sg-ttl-page {
margin: 1rem 0 0 0;
}

.egovui-list-notice .egovui-sg-table{
  margin-top:3rem
}

.egovui-list-notice .egovui-area-notice-detail .egovui-sg-table-td-date {
padding-left: 0;
white-space: nowrap;
min-width: 13.8rem;
}

.egovui-list-notice .egovui-sg-table-td {
padding: 1.8rem 1rem;
vertical-align: top;
}

/* バッチ下のマージン削除 */
.egovui-responsive .egovui-about-search-condition.egovui-about-search-condition-guide-detail span.egovui-sg-ico-badge {
margin-bottom:0;
}

/* 文書管理　法人文書ファイル管理簿　ページ */

.corporate-document a.egovui-sg-link {
	text-decoration: none;
}
.corporate-document a.egovui-sg-link:hover {
	text-decoration: underline;
}


/* 電子申請　お知らせ一覧ページ
/contents/news/

 */
.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td a {
	text-decoration: none;
}
.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td a:hover,
.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td a:focus{
	text-decoration: underline;
}

@media (max-width: 599px) {
	.egovui-responsive .egovui-list-notice .egovui-sg-ttl-page {
		margin: 0 0 0 0;
	}
	.egovui-responsive .egovui-list-notice table {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		overflow: hidden;
		margin-top:1.8rem;
	}
	.egovui-responsive .egovui-list-notice tbody {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		overflow: hidden;
	}
	.egovui-responsive .egovui-list-notice table.egovui-sg-table tr {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		padding: 1.2rem 0 0.2rem;
		background-color: transparent;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border-bottom:0;
	}
	.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td {
	    display: block;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	        flex-basis: auto;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    max-width: 100%;
	    padding: 0;
	    margin-right: 2rem;
	    margin-bottom: 1rem;
	    font-size: 1.4rem;
		border:0;
	}
	.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td a::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td:first-child {
	    line-height: 2.1rem;
	    font-size: 1.6rem;
	}

	.egovui-responsive .egovui-list-notice table.egovui-sg-table tr td:last-child {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

}



/* Deveroper　電子申請API仕様ページ
/contents/specification/shinsei-api-outline/
/contents/specification/shinsei-api/
*/
.egovui-shinsei-api h1 + h2,
.egovui-shinsei-api h2 + p,
.egovui-shinsei-api h2 + h3,
.egovui-shinsei-api h3 + p {
	margin-top:0;
}

	.egovui-shinsei-api main .egovui-sg-ttl-eyecatch{
		margin-bottom:2rem;
}

.egovui-shinsei-api .egovui-sg-ttl-page {
  padding-top:1rem;
}


@media (max-width: 599px) {
	.egovui-shinsei-api main .egovui-sg-ttl-eyecatch{
		margin-bottom:1rem;
	}
	.egovui-shinsei-api .egovui-sg-ttl-page {
	  padding-top:0;
	}
}
.egovui-shinsei-api p + h3,
.egovui-shinsei-api p + h2 {
	margin-top:3rem;
}

.egovui-shinsei-api h2 + .egovui-sg-table {
	margin-top:0;
}

/* Deveroper　電子申請API仕様の配下ページ
/contents/specification/shinsei-api/～
*/


.egovui-shinsei-api-details h1 + h2,
.egovui-shinsei-api-details h2 + p,
.egovui-shinsei-api-details h2 + h3,
.egovui-shinsei-api-details h3 + p {
	margin-top:0;
}

.egovui-shinsei-api-details main .egovui-sg-ttl-eyecatch{
		margin-bottom:2rem;
}
.egovui-shinsei-api-details .egovui-sg-ttl-page {
  padding-top:1rem;
}

@media (max-width: 599px) {
	.egovui-shinsei-api-details main .egovui-sg-ttl-eyecatch{
		margin-bottom:1rem;
	}
	.egovui-shinsei-api-details .egovui-sg-ttl-page {
	  padding-top:0;
	}
}
.egovui-shinsei-api-details p + h3,
.egovui-shinsei-api-details ul + h3,
.egovui-shinsei-api-details p + h2 {
	margin-top:3rem;
}


/* テンプレート　index ---------------------------------
.egovui-index
*/

.egovui-index main ul,
.egovui-index main ol {
	margin-top:1rem;
}

.egovui-index h3.egovui-sg-ttl-bold {
	margin:2rem 0 0 0;
}

@media (min-width: 600px) {
	.egovui-index h1 {
		margin:1rem 0 0;
	}
}
  .egovui-index .egovui-sg-ttl-eyecatch::before {
    height: 2.6rem;
  }

.egovui-index h2 {
	margin:2rem 0 0;
}

.egovui-index .egovui-sg-txt-description {
	margin:2rem 0 0 0;
}

.egovui-index .egovui-sg-txt-description + * {
    margin-top: 2rem;
}
.egovui-index .egovui-box-area .egovui-sg-box-bg:first-child {
	margin-top:3rem;
}

.egovui-index .egovui-sg-box-bg {
margin:0 0 1rem 0;
}

.egovui-index .egovui-sg-box-bg h2.egovui-sg-ttl-bold {
	font-size:1.6rem;
}
.egovui-index .egovui-sg-box-bg h2.egovui-sg-ttl-bold a{
text-decoration:none;
}

.egovui-index .egovui-sg-box-bg h2.egovui-sg-ttl-bold a:hover,
.egovui-index .egovui-sg-box-bg h2.egovui-sg-ttl-bold a:focus {
text-decoration:underline;
}

/* サイドメニュー2階層目の調整 */
.egovui-index .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item {
    margin-top: 1.2rem;
}

/*
利用規約ページのリストマージン調整
*/
.egovui-index p.egovui-sg-text + ol.egovui-sg-list-icon > li.egovui-sg-list-icon-item {
	margin-top:2rem;
}


/* sectionのマージン調整*/
.egovui-index section {
    margin-bottom: 3rem;
}

/* テンプレート　お問い合わせ ---------------------------------
.egovui-contact
*/

.egovui-contact main ul,
.egovui-contact main ol {
	margin-top:1rem;
}

.egovui-contact h3.egovui-sg-ttl-bold {
	margin:2rem 0 0 0;
}

@media (min-width: 600px) {
	.egovui-contact h1 {
		margin:1rem 0 0;
	}
}
  .egovui-contact .egovui-sg-ttl-eyecatch::before {
    height: 2.6rem;
  }

.egovui-contact h2 {
	margin:2rem 0 0;
}

.egovui-contact .egovui-sg-txt-description {
	margin:2rem 0 0 0;
}

.egovui-contact .egovui-sg-txt-description + * {
    margin-top: 2rem;
}
.egovui-contact .egovui-box-area .egovui-sg-box-bg:first-child {
	margin-top:3rem;
}

.egovui-contact .egovui-sg-box-bg {
margin:0 0 1rem 0;
}

.egovui-contact .egovui-sg-box-bg h2.egovui-sg-ttl-bold {
	font-size:1.6rem;
}
.egovui-contact .egovui-sg-box-bg h2.egovui-sg-ttl-bold a{
text-decoration:none;
}

/* サイドメニュー2階層目の調整 */
.egovui-contact .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item {
    margin-top: 1.2rem;
}

/* sectionのマージン調整*/
.egovui-contact section {
    margin-bottom: 3rem;
}



/* テンプレート　詳細2 ---------------------------------
.egovui-details2
*/

.egovui-details2 main ul,
.egovui-details2 main ol {
	margin-top:1rem;
}

.egovui-details2 h3.egovui-sg-ttl-bold {
	margin:2rem 0 0 0;
}

@media (min-width: 600px) {
	.egovui-details2 h1 {
		margin:1rem 0 0;
	}
}
  .egovui-details2 .egovui-sg-ttl-eyecatch::before {
    height: 2.6rem;
  }

.egovui-details2 h2 {
	margin:2rem 0 0;
}

.egovui-details2 p.egovui-sg-txt-description + h2,
.egovui-details2 p.egovui-sg-txt-description + h3,
.egovui-details2 p.egovui-sg-text + h2,
.egovui-details2 p.egovui-sg-text + h3,
.egovui-details2 ul.egovui-sg-list + h2,
.egovui-details2 ul.egovui-sg-list + h3,
.egovui-details2 ul.egovui-sg-list-mark + h2,
.egovui-details2 ul.egovui-sg-list-mark + h3,
.egovui-details2 ul.egovui-sg-list-icon + h2,
.egovui-details2 ul.egovui-sg-list-icon + h3,
.egovui-details2 ol.egovui-sg-list-order + h2,
.egovui-details2 ol.egovui-sg-list-order + h3,
.egovui-details2 table.egovui-sg-table + h2,
.egovui-details2 table.egovui-sg-table + h3{
	margin:3rem 0 0 0;
}

egovui-sg-list-order

.egovui-details2 .egovui-sg-txt-description {
	margin:2rem 0 0 0;
}

.egovui-details2 .egovui-sg-txt-description + * {
    margin-top: 2rem;
}
.egovui-details2 .egovui-box-area .egovui-sg-box-bg:first-child {
	margin-top:3rem;
}

.egovui-details2 .egovui-sg-box-bg {
margin:0 0 1rem 0;
}

.egovui-details2 .egovui-sg-box-bg h2.egovui-sg-ttl-bold {
	font-size:1.6rem;
}
.egovui-details2 .egovui-sg-box-bg h2.egovui-sg-ttl-bold a{
text-decoration:none;
}

/* サイドメニュー2階層目の調整 */
.egovui-details2 .egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item {
    margin-top: 1.2rem;
}

/*
利用規約ページのリストマージン調整
*/
.egovui-details2 p.egovui-sg-text + ol.egovui-sg-list-icon > li.egovui-sg-list-icon-item {
	margin-top:2rem;
}


/* sectionのマージン調整*/
.egovui-details2 section {
    margin-bottom: 3rem;
}

/* 画像のマージン調整 */
.egovui-details2 .egovui-sg-image-left,
.egovui-details2 .egovui-sg-image-center {
	margin-top:3rem;
}

.egovui-help .egovui-sg-image-left,
.egovui-help .egovui-sg-image-center {
	margin-top:3rem;
}

.egovui-details2 .egovui-sg-btn-list-area{
	margin-top: 1.5rem;
}



/* テンプレート　詳細3 ---------------------------------
.egovui-details3
*/

.egovui-responsive .egovui-details3 section:not(:last-child) {
    margin-bottom: 6rem;
}

.egovui-responsive .egovui-details3 .egovui-sg-section-item1 p {
width: 66.5rem;
margin-top:0;
margin-right: 13.7rem;
}
@media (max-width: 599px) {
	.egovui-responsive .egovui-details3 .egovui-section1 {
	padding-top:0;
	}
	.egovui-responsive .egovui-details3 .egovui-sg-section-item1 {
	margin-bottom:3rem;
	}
	.egovui-responsive .egovui-details3 .egovui-sg-section-item1 p {
	width: 100%;
	}
	.egovui-responsive .egovui-details3 .egovui-section1 img {
	width:auto;
	margin-bottom:0;
	}

	.egovui-responsive .egovui-details3 img.egovui-sg-image{
	width: 100%;
	margin-bottom: 2.4rem;
	}

	.egovui-responsive .egovui-details3 .egovui-section1 .egovui-sg-section-item1 span {
	display:inline;
	font-size: initial;
	}
	.egovui-responsive .egovui-details3 .egovui-section {
	padding:0;
	}
}

.egovui-details3 .egovui-sg-link-text:hover, .egovui-sg-link-text:focus {
	text-decoration: underline;
}

.egovui-details3 .egovui-sg-list-mark-item a {
	text-decoration: none;
}
.egovui-details3 .egovui-sg-list-mark-item a:hover,.egovui-details3 .egovui-sg-list-mark-item a:focus {
	text-decoration: underline;
}


.egovui-details3 .egovui-sg-link-accessory-icon{
position: static;
margin-top:0;
margin-right: 0.5rem;
}


.egovui-details3 table.egovui-sg-table th,
.egovui-details3 table.egovui-sg-table td {
	padding: 1rem 1.5rem;
	vertical-align: top;
}
.egovui-details3 a.egovui-sg-link:focus {
	text-decoration: underline;
}


/*
Deeloper API ページ用css
*/

.egovui-details3 .egovui-specification section.egovui-sg-box-bg {
	width: calc(50% - 3rem);
	margin: 0 1.5rem 3rem;
	padding: 2rem 3rem;
}
@media (max-width: 599.98px) {
	.egovui-details3 .egovui-specification section.egovui-sg-box-bg {
		width: 100%;
	}
}

.egovui-details3 .egovui-specification section.egovui-sg-box-bg h3 {
	font-size:1.6rem;
	margin-bottom:1rem;
}

.egovui-details3 .egovui-specification section.egovui-sg-box-bg a {
	text-decoration: none;
}

.egovui-details3 .egovui-specification section.egovui-sg-box-bg a:hover {
	text-decoration: underline;
}

/* テンプレート　詳細4
 ---------------------------------
.egovui-details4

*/

/* 利用準備　系ページ */
@media (min-width: 600px) {
	.egovui-responsive .egovui-details4 main {
	  width:auto;
	  margin:0;
	  padding-bottom: 10rem !important;
	}
	.egovui-responsive .egovui-details4 main .egovui-eyecatch-header {
	  margin: 0 auto;
	  width: 116.8rem;
	}
}

.egovui-responsive .egovui-details4 .egovui-sg-gray-area {
	width: 100%;
	margin: 6rem 0 5rem;
	background-color:#F5F6F8;
}
@media (max-width: 599px) {
	.egovui-responsive .egovui-details4 .egovui-sg-gray-area {
		padding: 0 1.6rem;
	}
}


.egovui-responsive .egovui-details4 .egovui-sg-white-area {
	padding-bottom: 4rem;
	width: 116.8rem;
	margin: 5rem auto 6rem;
	border: 0.1rem solid #C6C9D3;
	background-color:#FFFFFF;
}
@media (max-width: 599px) {
	.egovui-responsive .egovui-details4 .egovui-sg-white-area {
		width: 100%;
		padding-bottom:2rem;
		margin:2rem auto 2rem;
	}
}

.egovui-responsive .egovui-details4 .egovui-sg-setting-procedure {
	padding:3rem 4rem 0;
}
@media (max-width: 599px) {
	.egovui-responsive .egovui-details4 .egovui-sg-setting-procedure {
		padding:3rem 2rem 0;
	}
}

.egovui-responsive .egovui-details4 .egovui-sg-setting-procedure .egovui-sg-setting-procedure-header{
	font-size:1em;
	margin:0;
}

.egovui-responsive .egovui-details4 main .egovui-eyecatch-header h1 {
  margin:0;
}

.egovui-responsive .egovui-details4 main .egovui-eyecatch-header h1.egovui-sg-ttl-eyecatch::before {
	height:85%
}
/*
.egovui-responsive .egovui-details4 main .egovui-gray-area.egovui-gray-area-regist-trusted-site {
  margin-top:4.4rem;
}
*/
.egovui-responsive .egovui-details4 .egovui-sg-image-left, .egovui-responsive .egovui-details4 .egovui-sg-image-center {
	margin-top:0;
}
.egovui-details4 .egovui-button-cover{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.egovui-details4 .egovui-section-header{
    padding: 2.2rem 4rem;
    border-bottom: 0.1rem solid #C6C9D3;
}
.egovui-details4 .egovui-section-header .egovui-sg-ttl-eyecatch {
    margin:0;
}


@media (max-width: 599px) {
	.egovui-responsive .egovui-details4 .egovui-wrapper {
		padding-left:1.6rem;
		height:auto;
		padding-bottom:0;
	}
	.egovui-responsive .egovui-details4 main .egovui-gray-area.egovui-gray-area-regist-trusted-site {
		margin-top:0;
		padding:0 1.6rem;
	}
	.egovui-details4 .egovui-gray-area.egovui-gray-area-regist-trusted-site .egovui-description-area {
		width: 100%;
		padding: 3rem 2rem 0;
		margin:2rem auto 2rem;
	}
	.egovui-details4 .egovui-button-cover {
		padding:0 1.6rem;
	}
	.egovui-responsive body.egovui-details4 main {
	padding-bottom:5rem !important;
	}
}




/* テンプレート　行政情報詳細 ---------------------------------
.egovui-administrative-information
*/

.egovui-administrative-information .egovui-sg-list-index .egovui-sg-list-index-item .egovui-sg-box-bg {
	margin-top:0;
}

.egovui-administrative-information .egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu.egovui-sidemenu.egovui-external-link-list {

}

.egovui-administrative-information .egovui-sg-sidemenu-wrapper .egovui-sg-sidemenu.egovui-sidemenu.egovui-external-link-list li {
	border-top: 0;
}

.egovui-administrative-information .egovui-sg-link-accessory-icon {
	position: static;
}

.egovui-administrative-information .egovui-sg-sidemenu-wrapper .egovui-sidemenu.egovui-external-link-list {
	padding: 2.4rem 1.8rem 2rem;
}

.egovui-administrative-information .egovui-sg-sidemenu-wrapper .egovui-sidemenu.egovui-external-link-list li:not(:last-child) {
	margin-bottom: 0.8rem;
}

.egovui-administrative-information .egovui-sg-sidemenu.egovui-sidemenu.egovui-external-link-list a {
	text-decoration: none;
}

.egovui-administrative-information .egovui-sg-sidemenu + .egovui-sg-sidemenu {
	display:block;
}


/* about-○○○系ページ 
/contents/about-○○○/

body class="egovui-aboutpage" ⇒CMSに無いので、body class="help"で対応するように改修
*/

.egovui-responsive .egovui-help section:not(:last-child) {
    margin-bottom: 6rem;
}

.egovui-responsive .egovui-help .egovui-sg-section-item1 p {
width: 66.5rem;
margin-top:0;
margin-right: 13.7rem;
}
@media (max-width: 599px) {
	.egovui-responsive .egovui-help .egovui-section1 {
	padding-top:0;
	}
	.egovui-responsive .egovui-help .egovui-sg-section-item1 {
	margin-bottom:3rem;
	}
	.egovui-responsive .egovui-help .egovui-sg-section-item1 p {
	width: 100%;
	}
	.egovui-responsive .egovui-help img.egovui-sg-link-accessory-icon {
	width:auto;
	margin-bottom:0;
	}

	.egovui-responsive .egovui-sg-section-item1 img.egovui-sg-image{
	width: 100%;
	margin-bottom: 2.4rem;
	}

	.egovui-responsive .egovui-help .egovui-section1 .egovui-sg-section-item1 span {
	display:inline;
	font-size: initial;
	}
/* egovui-help main で同じ設定しているから削除可
	.egovui-responsive .egovui-aboutpage .egovui-section {
	padding:0;
	}

  .egovui-responsive .egovui-aboutpage main {
    margin-top:3rem;
    padding:0;
  }
*/
}

.egovui-help .egovui-sg-link-text:hover, .egovui-sg-link-text:focus {
	text-decoration: underline;
}

.egovui-help .egovui-sg-list-mark-item a ,
.egovui-details2 .egovui-sg-list-mark-item a {
	text-decoration: none;
}
.egovui-help .egovui-sg-list-mark-item a:hover,.egovui-help .egovui-sg-list-mark-item a:focus ,
.egovui-details2 .egovui-sg-list-mark-item a:hover,.egovui-details2 .egovui-sg-list-mark-item a:focus {
	text-decoration: underline;
}


.egovui-help .egovui-sg-link-accessory-icon{
position: static;
margin-top:0;
margin-right: 0.5rem;
}

/* テンプレート　お知らせindex ---------------------------------
.egovui-news-index
*/

@media (min-width: 600px) {
	.egovui-news-index .egovui-sg-ttl-page {
	    padding-top: 1rem;
	}
}

/* テンプレート　サイトマップ ---------------------------------
.egovui-sitemap
*/
.egovui-responsive .egovui-sitemap .egovui-group-title > h1.egovui-sg-ttl-page {
	padding-left: 0;
}

.egovui-responsive .egovui-sitemap .egovui-sg-grid-item > :first-child {
	margin: 0;
}

.egovui-responsive .egovui-sitemap .egovui-sg-grid-item {
	margin-top:6rem;
}

.egovui-responsive .egovui-sitemap .egovui-sg-grid-item.egovui-mt-3 {
	margin-top:3rem;
}


@media (max-width: 599px) {
  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(1) {
    margin-top: 0;
}

  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(2),
  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item:nth-of-type(3) {
    margin-top: 3rem;
  }

  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-2 .egovui-sg-grid-item,
  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-3 .egovui-sg-grid-item,
  .egovui-sitemap .egovui-sg-grid.egovui-sg-col-4 .egovui-sg-grid-item {
    margin-top: 3rem;
  }

  .egovui-sitemap .egovui-sg-ttl-eyecatch {
    padding-left: 1.2rem;
    font-size: 1.8rem;
    margin: 3rem 0 0 0;
  }
}


/*----------------------------------------
 18 修正履歴
----------------------------------------*/

/* 5.5 ボタンリスト
----------------------------------------

.egovui-sg-btn-list-area {
  padding: 3rem;
  background-color: #F5F6F8;
}
     ↓↓↓↓↓↓

@media (max-width: 599.98px) {
.egovui-sg-btn-list-area {
  padding: 2rem 1.6rem 1rem;
  background-color: #F5F6F8;
  }
}


.egovui-sg-btn-list-area {
  padding: 3rem;
  background-color: #F5F6F8;
}
     ↓↓↓↓↓↓
.egovui-sg-btn-list-area {
  padding: 3rem 3rem 2rem;
  background-color: #F5F6F8;
}




.egovui-sg-nav-breadcrumb-item + .egovui-sg-nav-breadcrumb-item::before {
  content: '＞';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
}
     ↓↓↓↓↓↓
.egovui-sg-nav-breadcrumb-item + .egovui-sg-nav-breadcrumb-item::before {
  content: '＞';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto;
  font-weight: bold;
}



.egovui-sg-btn-border {
  display: inline-block;
  width: 100%;
  padding: 0.6rem;
  background-color: #FFFFFF;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.3rem;
  text-align: center;
  text-decoration: none;
  word-break: break-all;
}
     ↓↓↓↓↓↓

.egovui-sg-btn-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 5.2rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  line-height: 2.4rem;
  width: 100%;
  background-color: #FFFFFF;
  border: 0.1rem solid #C6C9D3;
  border-radius: 0.3rem;
  text-align: center;
  text-decoration: none;


.egovui-area-notice-detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 120rem;
  margin: 0 auto;
  padding: 5rem 1.6rem 10rem;
     ↓↓↓↓↓↓

.egovui-area-notice-detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 120rem;
  margin: 0 auto;
  padding: 5rem 1.6rem 10rem;
  flex-direction: row-reverse;


@media (max-width: 599px) {
  .egovui-area-notice-detail{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    padding: 3rem 1.6rem 6rem;
  }
}
     ↓↓↓↓↓↓
@media (max-width: 599px) {
  .egovui-area-notice-detail{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 3rem 1.6rem 6rem;
  }
}

.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item.egovui-sg-active > .egovui-sg-sidemenu-link::before {
  content: '';
  position: absolute;
  top: -0.4rem;
  left: 0;
  width: 0.5rem;
  min-height: 2.9rem;
  background-color: #1042A4;
}
     ↓↓↓↓↓↓
.egovui-sg-sidemenu .egovui-sg-sidemenu .egovui-sg-sidemenu-item.egovui-sg-active > .egovui-sg-sidemenu-link::before {
  content: '';
  position: absolute;
  top: -0.4rem;
  left: 0;
  width: 0.5rem;
  min-height: 2.9rem;
  background-color: #1042A4;
  height:110%;
}
*/