@charset "UTF-8";
/*
 foundation
-------------------------------------------------- */
/*
 * mixin用SCSS
 *
 */
strong, .l-footer__megaNavList__link, .l-footer__megaNavList__list li:first-child a, .l-header__top__nav__fontSize dt, .l-header__top__nav__fontSize button, .l-header__top__nav__search button, .l-header__top__nav__en, .l-header__nav__spToggle span, .l-header__navList__item > a,
.l-header__navList__item > button, .l-header__navList__item__localNav li:first-child a, .c-button, .c-contact__heading, .c-contact__body__heading, .c-contact__body__table dt, .c-form__item__title, .c-pageTitle, .c-heading--lv2, .c-article h2, .c-heading--lv3, .c-article h3, .c-heading--lv4, .c-article h4, .c-link__list__heading, .c-link.-large, .c-iconLink, [class^='c-list'] li::before, .c-error__heading, .c-success__list dt, .c-localNav__list li a, .c-anchorLink__list a, .c-table th, .c-table--column2 dt, .c-iconText, .c-topicsList__item time, .c-topicsSummaryList__item__title, .p-recentLaws__number__heading, .p-recentLaws__number__body__heading, .p-recentLaws__number__body__table, .p-top__heading, .p-top__mainNav__item__thumb__title, .p-top__mainNav__item__summary p, .u-bold {
  font-family: 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, Helvetica, Arial, sans-serif;
  font-weight: bold; }

.c-button:not([class*="-reset"])::after, .c-link:not([class*="-file"]) span::before, .c-iconLink::before, .c-localNav__list li a::after, .c-anchorLink__list a::after, .c-pager__control.-first a::before, .c-pager__control.-prev a::before, .c-pager__control.-next a::after, .c-pager__control.-last a::after, .c-topicsList__item a:not([class*="-file"])::after, .p-top__mainNav__item__summary__button::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid;
  content: ""; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  /* 1 */
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  /* 1 */
  margin: 0;
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none; }

/**
 * Restore the focus styles unset by the previous rule.
 */
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 1 */
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/********************************************
		Common
********************************************/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

dd,
dl,
dt,
label,
ul,
ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    cursor: pointer; }

p {
  margin: 1em 0; }

img {
  max-width: 100%;
  vertical-align: top; }

html {
  font-size: 62.5%; }

body,
html {
  width: 100%;
  height: 100%; }

body {
  color: #222;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans',  Meiryo, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  word-break: break-word; }

button,
input,
optgroup,
select,
textarea {
  color: #222;
  font-family: inherit;
  font-size: 1.6rem; }

button,
input[type="button"],
input[type="submit"] {
  border: none;
  cursor: pointer; }

input[type="text"] {
  -webkit-appearance: none;
  padding-right: .5em;
  padding-left: .5em; }

iframe {
  vertical-align: top; }

button {
  cursor: pointer; }

/*
 layout
-------------------------------------------------- */
.l-breadcrumb {
  padding: 20px 0 15px; }
  .l-breadcrumb__list {
    color: #777;
    font-size: 1.3rem; }
    .l-breadcrumb__list li {
      display: inline; }
      .l-breadcrumb__list li:not(:last-child)::after {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 8px 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 1px solid #777;
        border-right: 1px solid #777;
        content: ""; }
    .l-breadcrumb__list a {
      color: #777; }

.l-bodyInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; }

.l-container {
  position: relative; }
  .l-container--huge {
    position: relative;
    width: 100%;
    margin: 0 auto; }
  .l-container--large {
    position: relative; }
  .l-container--middle {
    position: relative; }
  .l-container--contents + .l-container--contents {
    padding-top: 0; }
  .l-container--contents > *:first-child {
    margin-top: 0 !important; }
  .l-container--contents > *:last-child {
    margin-bottom: 0 !important; }

.l-footer__pageTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: #173757;
  z-index: 10; }
  .l-footer__pageTop span {
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    content: ""; }
  .l-footer__pageTop:hover {
    background-color: #3965BD;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }

.l-footer__megaNav a {
  text-decoration: none; }

.l-footer__nav a {
  text-decoration: none; }

.l-footer__bottom {
  padding: 20px 0; }
  .l-footer__bottom__text p {
    margin: 0; }
  .l-footer__bottom__text address {
    font-style: normal; }
  .l-footer__bottom__text small {
    display: block;
    margin-top: 10px; }

.l-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .l-header__top a {
    text-decoration: none; }
  .l-header__top__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 40%; }
    .is-fz-large .l-header__top__nav {
      width: 60%; }
    .is-fz-xlarge .l-header__top__nav {
      width: 70%; }
    [lang="en"] .l-header__top__nav {
      width: 50%; }
    .l-header__top__nav__fontSize {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      [lang="en"] .l-header__top__nav__fontSize {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      .l-header__top__nav__fontSize dt {
        margin-right: 14px;
        font-size: 1.4rem; }
      .l-header__top__nav__fontSize dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        [lang="en"] .l-header__top__nav__fontSize dd {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .l-header__top__nav__fontSize button {
        width: 4em;
        height: 1.9em;
        background-color: #fff; }
        [lang="en"] .l-header__top__nav__fontSize button {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: auto; }
        .l-header__top__nav__fontSize button:first-child {
          border: 1px solid #BCC5D8;
          border-radius: 4px 0 0 4px; }
        .l-header__top__nav__fontSize button:last-child {
          border: 1px solid #BCC5D8;
          border-radius: 0 4px 4px 0; }
        .l-header__top__nav__fontSize button:not(:first-child):not(:last-child) {
          border-top: 1px solid #BCC5D8;
          border-bottom: 1px solid #BCC5D8; }
        .l-header__top__nav__fontSize button.is-active {
          background-color: #F1F4FB;
          color: #234589; }
        .l-header__top__nav__fontSize button:hover {
          color: #3965BD; }
    .l-header__top__nav__search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      .l-header__top__nav__search input[type="text"] {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        border: 1px solid #BCC5D8;
        border-radius: 4px 0 0 4px; }
      .l-header__top__nav__search button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: 80px;
        height: 100%;
        padding: 0 10px 0 38px;
        border-radius: 0 4px 4px 0;
        background: url("/files/user/assets/images/common/icon-search-white.svg") no-repeat left 10px center #234589;
        background-size: 20px;
        color: #fff;
        letter-spacing: .05em; }
    .l-header__top__nav__en {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: 10px;
      border: 1px solid #BCC5D8;
      border-radius: 4px;
      background-color: #F1F4FB;
      color: #222; }
      .l-header__top__nav__en::before {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 2px solid #234589;
        border-right: 2px solid #234589;
        content: ""; }

.l-header__nav {
  background-color: #234589; }
  .l-header__nav__spToggle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    padding: 0; }
    .l-header__nav__spToggle span {
      display: inline-block;
      margin-top: 34px;
      font-size: 1rem; }
    .l-header__nav__spToggle.-close {
      display: block;
      position: absolute;
      top: -60px; }
    .l-header__nav__spToggle.-search {
      background: url("/files/user/assets/images/common/icon-search.svg") no-repeat top 10px center #F1F4FB;
      background-size: 20px; }
      .l-header__nav__spToggle.-search span {
        color: #234589; }
      .l-header__nav__spToggle.-search.-close {
        right: 60px;
        background: url("/files/user/assets/images/common/icon-close.svg") no-repeat top 10px center #F1F4FB;
        background-size: 22px; }
    .l-header__nav__spToggle.-megaMenu {
      background: url("/files/user/assets/images/common/icon-spmenu.svg") no-repeat top 12px center #234589;
      background-size: 30px; }
      .l-header__nav__spToggle.-megaMenu span {
        color: #fff; }
      .l-header__nav__spToggle.-megaMenu.-close {
        right: 0;
        background: url("/files/user/assets/images/common/icon-close-white.svg") no-repeat top 10px center #234589;
        background-size: 22px; }
  .l-header__navList a {
    color: #fff; }
  .l-header__navList__item > a,
  .l-header__navList__item > button {
    text-decoration: none; }
  .l-header__navList__item__localNav {
    display: none; }
    .l-header__navList__item__localNav a {
      text-decoration: none; }
      .l-header__navList__item__localNav a:hover {
        text-decoration: underline; }
    .l-header__navList__item__localNav__toggle {
      background-color: #234589;
      color: #fff; }
      .l-header__navList__item__localNav__toggle::before {
        background-color: #fff; }
      .l-header__navList__item__localNav__toggle::after {
        background-color: #fff; }
  .l-header__navList__en {
    display: block;
    padding: 10px 0; }
    .l-header__navList__en a {
      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;
      width: 200px;
      height: 45px;
      margin: auto;
      border: 1px solid #fff;
      border-radius: 4px;
      background-color: #fff;
      color: #222;
      font-weight: bold;
      text-align: center;
      text-decoration: none; }
      .l-header__navList__en a::after {
        position: absolute;
        top: 18px;
        right: 14px;
        width: 8px;
        height: 8px;
        margin-left: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 2px solid #234589;
        border-right: 2px solid #234589;
        content: ""; }

.l-nav__skipLink {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 100%;
  padding: .2em .4em;
  border-radius: 4px;
  background-color: #234589;
  color: #fff; }
  .l-nav__skipLink:focus {
    right: auto; }

/*
 object
-------------------------------------------------- */
/* component --------------------------- */
.c-badge, .c-regtangleBadge {
  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;
  font-size: 1.5rem;
  letter-spacing: .05em; }

/*
---
name: Badge
category:
 - component/typography/badge
---
```html
<span class="c-badge">必須</span>
<span class="c-badge -white">任意</span>
<span class="c-badge -white u-pr-20 u-pl-20">修正</span>
```
*/
.c-badge {
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 16px; }
  .c-badge:not([class*="-white"]) {
    background-color: #8A325B;
    color: #fff; }
  .c-badge.-white {
    border: 1px solid #8A325B;
    background-color: #fff;
    color: #8A325B; }
  .c-form__item__title .c-badge {
    padding-top: 0;
    padding-bottom: 0; }

/*
---
name: Category Badge
category:
  - component/typography/badge
---
```html
<div class="c-badge--category -recentLaws">最近の法律・条約</div>
<div class="c-badge--category -about">内閣法制局について</div>
<div class="c-badge--category -news">お知らせ</div>
<div class="c-badge--category -policies">政策</div>
<div class="c-badge--category -law">法令</div>
<div class="c-badge--category -contact">各種窓口</div>
<div class="c-badge--category -important">重要なお知らせ</div>
<div class="c-badge--category">その他</div>
```
*/
.c-badge--category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 160px;
  height: 26px;
  border-radius: 13px;
  background-color: #172C57;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1; }
  .is-fz-large .c-badge--category {
    width: 240px;
    height: 40px;
    border-radius: 20px; }
  .is-fz-xlarge .c-badge--category {
    width: 300px;
    height: 40px;
    border-radius: 20px; }
  .c-badge--category.-recentLaws {
    background-color: #226DA1; }
  .c-badge--category.-about {
    background-color: #8A3F32; }
  .c-badge--category.-news {
    background-color: #372096; }
  .c-badge--category.-policies {
    background-color: #1B7080; }
  .c-badge--category.-law {
    background-color: #5C8014; }
  .c-badge--category.-contact {
    background-color: #B95B1E; }
  .c-badge--category.-important {
    background-color: #8A325B; }

/*
---
name: Badge
category:
 - component/typography/badge
---
```html
<span class="c-regtangleBadge">内閣</span>
<span class="c-regtangleBadge -white">議員</span>
<span class="c-regtangleBadge">国会提出日</span>
<span class="c-regtangleBadge -sub">メールアドレス</span>
<span class="c-regtangleBadge -accent">落札日</span>
```
*/
.c-regtangleBadge {
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #234589;
  color: #fff; }
  .c-regtangleBadge.-sub {
    background-color: #F1F4FB;
    color: #234589; }
  .c-regtangleBadge.-white {
    border: 1px solid #BCC5D8;
    background-color: #fff;
    color: #234589; }
  .c-regtangleBadge.-accent {
    background-color: #8A325B; }
  table .c-regtangleBadge {
    width: 100%; }

/*
---
name: background-color
category:
 - component/bg
---
```html
<div class="c-bg">
  text<br>
  text<br>
  text<br>
</div>
```
*/
.c-bg, .c-localNav {
  background-color: #F1F4FB; }

/*
---
name: background-color
category:
 - component/bg
---
```html
<div class="c-bg--gray">
  text<br>
  text<br>
  text<br>
</div>
```
*/
.c-bg--gray, .c-form__inner, .c-link__list__outer, .p-recentLaws__number__body {
  background-color: #F2F5F7; }

/*
---
name: round box
category:
 - component/bg
---
```html
<div class="c-bg c-bg--round">
  <p>text</p>
  <p>text</p>
</div>
```
*/
.c-bg--round {
  margin: 40px 0;
  padding: 60px;
  border-radius: 12px; }
  .c-article .c-bg--round {
    padding: 20px 30px;
    border-radius: 8px; }
  .c-bg--round *:first-child {
    margin-top: 0; }
  .c-bg--round *:last-child {
    margin-bottom: 0; }

/*
---
name: Border box
category:
 - component/bg
---
```html
<div class="c-bg--border">
  <p>text</p>
  <p>text</p>
</div>
```
*/
.c-bg--border {
  border: 2px solid #BCC5D8;
  border-radius: 4px; }
  .c-bg--border *:first-child {
    margin-top: 0; }
  .c-bg--border *:last-child {
    margin-bottom: 0; }

/*
---
name: Button
category:
 - component/button
---
```html
<button type="submit" class="c-button"><span>入力内容を確認する</span></button>
<a href="/dummy/" class="c-button"><span>入力内容を確認する</span></a>
```
*/
/*
---
name: Back Button
category:
 - component/button
---
```html
<button type="button" class="c-button -back"><span>入力画面へ戻る</span></button>
<a href="/dummy/" class="c-button -back"><span>入力画面へ戻る</span></a>
```
*/
/*
---
name: Reset Button
category:
 - component/button
---
```html
<button type="button" class="c-button -reset"><span>入力内容を消去する</span></button>
```
*/
/*
---
name: Button Box
category:
 - component/button
---
```html
<div class="c-button__outer">
  <a href="/dummy/" class="c-button -back"><span>情報公開ページへ戻る</span></a>
</div>
<div class="c-button__outer -column2">
  <button type="button" class="c-button -back"><span>入力画面へ戻る</span></button>
  <button type="submit" class="c-button"><span>送信する</span></button>
</div>
```
*/
.c-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 480px;
  height: 80px;
  margin: auto;
  padding: 0 30px;
  border-radius: 8px;
  background-color: #234589;
  color: #fff;
  font-size: 2rem;
  text-decoration: none; }
  .c-button span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center; }
  .c-button:hover {
    background-color: #3965BD; }
  .c-button.-back {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border: 1px solid #BCC5D8;
    background-color: #fff;
    color: #234589; }
    .c-button.-back::after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    .c-button.-back:hover {
      background-color: #F1F4FB; }
  .c-button.-reset {
    border: 1px solid #BCC5D8;
    background-color: #F1F4FB;
    color: #234589; }
    .c-button.-reset:hover {
      background-color: #fff;
      color: #3965BD; }
  .c-button__outer {
    margin: 60px 0; }
    .c-button__outer.-column2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

/*
---
name: Contact
category:
 - component/contact
---
```html
<div class="c-contact">
  <p class="c-contact__heading">お問い合わせ先</p>
  <div class="c-contact__body">
    <p class="c-contact__body__heading">内閣法制局長官総務室総務課人事係</strong></p>
    <dl class="c-contact__body__table">
      <dt>住所</dt>
      <dd>〒100-0013　千代田区霞が関3-1-1</dd>
      <dt>電話番号</dt>
      <dd>03-3581-7271（内線2119）</dd>
      <dt>FAX</dt>
      <dd>03-3581-4049</dd>
      <dt>メールアドレス</dt>
      <dd>clb-soumu01@clb.go.jp<br>2行目</dd>
    </dl>
    <p>
      ※フリーメール（@yahoo.co.jp，@gmail.com等）は受信できないため、フリーメール以外のメールアドレスにより送信してください。
    </p>
  </div>
</div>
```
*/
.c-contact {
  margin: 60px 0;
  border: 2px solid #BCC5D8;
  border-radius: 12px; }
  .c-contact__heading {
    margin: 0 !important;
    border-radius: 10px 10px 0 0;
    background-color: #234589;
    color: #fff;
    line-height: 1.5 !important; }
  .c-contact__body {
    padding: 30px;
    border-radius: 0 0 12px 12px; }
    .c-contact__body *:first-child {
      margin-top: 0; }
    .c-contact__body *:last-child {
      margin-bottom: 0; }
    .c-contact__body__table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .c-contact__body__table dt, .c-contact__body__table dd {
        padding: 4px 10px; }
      .c-contact__body__table dt {
        border-radius: 4px;
        background-color: #F1F4FB;
        color: #234589; }
    .c-contact__body p {
      line-height: 1.5 !important; }

.c-form input[type="text"],
.c-form textarea {
  width: 100%;
  padding: 14px 10px;
  border: 1px solid #BCC5D8;
  border-radius: 4px;
  background-color: #fff; }

.c-form input[type="text"].-inline {
  width: auto; }

.c-form input[type="radio"],
.c-form input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px; }

.c-form select {
  min-width: 100px;
  padding: 12px 10px;
  border: 1px solid #BCC5D8;
  border-radius: 4px; }

.c-form fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.c-form__heading * {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.c-form__heading p {
  color: #444; }

.c-form__item:not(:first-child) {
  margin-top: 20px; }

.c-form__item__title {
  display: block;
  margin-bottom: 10px;
  font-size: 1.8rem; }

.c-form__item__note {
  margin: 10px 0 0;
  color: #444; }

.c-form__item__list li:not(:first-child) {
  margin-top: 10px; }

.c-form__item__list__bg {
  display: block;
  padding: 10px 20px;
  border: 1px solid #BCC5D8;
  border-radius: 8px;
  background-color: #fff; }

.c-form__item__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*
---
name: Heading h1
category:
 - component/typography/heading
---
```html
<div class="c-pageTitle__outer">
  <div class="l-container--large l-container--sp">
    <h1 class="c-pageTitle">内閣法制局について</h1>
  </div>
</div>
```
*/
.c-pageTitle {
  color: #444; }
  .c-pageTitle__outer {
    background-color: #F2F5F7; }

/*
---
name: Heading h2
category:
 - component/typography/heading
---
```html
<h2 class="c-heading--lv2">h2テキストh2テキストh2テキストh2テキストh2テキストh2テキストh2テキストh2テキスト</h2>
<article class="c-article">
	<h2>h2テキストh2テキストh2テキストh2テキスト</h2>
</article>
```
*/
.c-heading--lv2, .c-article h2 {
  padding: 10px 20px;
  border-bottom: 1px solid #234589;
  background-color: #F1F4FB;
  color: #234589; }

/*
---
name: Heading h3
category:
 - component/typography/heading
---
```html
<h3 class="c-heading--lv3">h3テキストh3テキストh3テキストh3テキストh3テキストh3テキストh3テキストh3テキストh3テキスト</h3>
<article class="c-article">
	<h3>h3テキストh3テキストh3テキストh3テキスト</h3>
</article>
```
*/
.c-heading--lv3, .c-article h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #BCC5D8; }
  .c-heading--lv3::before, .c-article h3::before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4px;
    margin-right: 16px;
    border-radius: 2px;
    background-color: #8A325B;
    content: ""; }

/*
---
name: Heading h4
category:
 - component/typography/heading
---
```html
<h4 class="c-heading--lv4">h4テキストh4テキストh4テキストh4テキストh4テキストh4テキストh4テキストh4テキスト</h4>

<article class="c-article">
	<h4>h4テキストh4テキストh4テキストh4テキスト</h4>
</article>

```
*/
.c-heading--lv4, .c-article h4, .c-link__list__heading {
  color: #234589; }

/*
---
name: ImageText
category:
 - component/typography/imageText
---
```html
<div class="c-imageText">
	<div class="c-imageText__picture--top">
		<img src="/files/user/assets/images/600x400.png?v=">
		<p class="c-imageText__caption">画像のキャプションが入ります。</p>
	</div>
	<p class="c-text">画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。画像上配置＋テキストです。</p>
</div>

<div class="c-imageText">
	<div class="c-imageText__picture--right">
		<img src="/files/user/assets/images/300x200.png?v=">
		<p class="c-imageText__caption">画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。</p>
	</div>
	<p class="c-text">画像右配置＋テキストです。画像右配置＋テキストです。画像右配置＋テキストです。画像右配置＋テキストです。画像右配置＋テキストです。<br><br>画像右配置＋テキストです。<br>画像右配置＋テキストです。<br>画像右配置＋テキストです。<br>画像右配置＋テキストです。画像右配置＋テキストです。</p>
</div>

<div class="c-imageText">
	<div class="c-imageText__picture--left">
		<img src="/files/user/assets/images/200x133.png?v=">
		<p class="c-imageText__caption">画像のキャプションが入ります。画像のキャプションが入ります。</p>
	</div>
	<p class="c-text">画像左配置＋テキストです。画像左配置＋テキストです。<br>画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。<br>画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。画像左配置＋テキストです。</p>
</div>

<div class="c-imageText">
	<p class="c-text">画像下配置＋テキストです。画像下配置＋テキストです。画像下配置＋テキストです。画像下配置＋テキストです。</p>
	<div class="c-imageText__picture--bottom">
		<img src="/files/user/assets/images/600x400.png?v=">
		<p class="c-imageText__caption">画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。画像のキャプションが入ります。</p>
	</div>
</div>

```
*/

.c-imageText::after {
  display: block;
  clear: both;
  content: ""; }

.c-imageText__picture--top {
  text-align: center; }

.c-imageText__picture--bottom {
  text-align: center; }

.c-imageText__caption {
  width: 100%;
  margin: 10px auto 0;
  color: #777;
  font-size: 1.4rem; }

/*
---
name: Link
category:
 - component/typography/link
---

```html
<a href="/dummy/">サイト内リンク</a>
<br>
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">外部サイトリンク</a>
<br>
<a href="https://www.clb.go.jp/">clb.go.jpドメイン内のリンク絶対パス</a>
<br>
<a href="https://clb.r-cms.jp/">clb.r-cms.jpドメイン内のリンク絶対パス</a>
<br>
<a href="/dummy.pdf" target="_blank">ファイル名（PDF形式/100KB）</a>
<br>
<a href="/dummy.xlsx" target="_blank">ファイル名（XLSX形式/100KB）</a>
<br>
<a href="/dummy.docx" target="_blank">ファイル名（DOCX形式/100KB）</a>
<br>
<a href="/dummy.pptx" target="_blank">ファイル名（PPTX形式/100KB）</a>
```
*/
a {
  color: #234589;
  text-decoration: underline; }
  a, a::before, a::after,
  a button:hover {
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s; }
  a:hover {
    color: #3965BD; }
  a[href^="http"]:not([href*="clb.r-cms.jp"]):not([href*="clb.go.jp"])::after {
    display: inline-block;
    width: 17px;
    height: 13px;
    margin-left: 8px;
    background: url(/files/user/assets/images/common/icon-blank.svg?v=1601898728) no-repeat right center;
    background-size: 17px;
    content: ""; }
    p a[href^="http"]:not([href*="clb.r-cms.jp"]):not([href*="clb.go.jp"])::after {
      margin: 0 6px; }
  a:not([class])[href*=".pdf"] {
    padding-left: 28px;
    background: url(/files/user/assets/images/common/icon-pdf.svg?v=1601898728) no-repeat left center;
    background-size: contain; }
  a:not([class])[href*=".xlsx"] {
    padding-left: 28px;
    background: url(/files/user/assets/images/common/icon-excel.svg?v=1601898728) no-repeat left center;
    background-size: contain; }
  a:not([class])[href*=".docx"] {
    padding-left: 28px;
    background: url(/files/user/assets/images/common/icon-word.svg?v=1601898727) no-repeat left center;
    background-size: contain; }
  a:not([class])[href*=".pptx"] {
    padding-left: 28px;
    background: url(/files/user/assets/images/common/icon-ppt.svg?v=1601898727) no-repeat left center;
    background-size: contain; }

/*
---
name: Link
category:
 - component/typography/link
---

```html
<a href="/dummy/" class="c-link"><span>サイト内リンク</span></a>
<a href="https://www.google.com/" class="c-link"><span>外部サイトリンク</span></a>
<a href="https://www.google.com/" class="c-link"><span>タイトルが長文で2行になる場合の表示タイトルが長文で2行になる場合の表示タイトルが長文で2行になる場合の表示</span></a>
<a href="/dummy/" class="c-link -large"><span>文字サイズ大きめ・太字</span></a>
<a href="/dummy/" class="c-link -inline"><span>インラインブロック</span></a>
```
*/
/*
---
name: File Link
category:
 - component/typography/link
---

```html
<a href="/dummy.pdf" class="c-link -file" target="_blank"><span>ファイル名（PDF形式/100KB）</span></a>
<a href="/dummy.xlsx" class="c-link -file" target="_blank"><span>ファイル名（XLSX形式/100KB）</span></a>
<a href="/dummy.docx" class="c-link -file" target="_blank"><span>ファイル名（DOCX形式/100KB）</span></a>
<a href="/dummy.pptx" class="c-link -file" target="_blank"><span>ファイル名（PPTX形式/100KB）</span></a>
<a href="/dummy.txt" class="c-link -file" target="_blank"><span>ファイル名（TXT形式/100KB）</span></a>
```
*/
/*
---
name: Link list
category:
 - component/typography/link
---

```html
<ul class="c-link__list">
	<li>
		<a href="/dummy/" class="c-link"><span>サイト内リンク</span></a>
	</li>
	<li>
		<a href="https://google.com/" class="c-link"><span>外部リンク</span></a>
	</li>
</ul>
```
*/
/*
---
name: Link list 2列
category:
 - component/typography/link
---

```html
<ul class="c-link__list -column2">
	<li>
		<a href="/recent-laws/diet_bill/" class="c-link"><span>第201回国会での内閣提出法律案</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_treaty/" class="c-link"><span>第201回国会での提出条約</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_bill/" class="c-link"><span>第201回国会での内閣提出法律案</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_treaty/" class="c-link"><span>第201回国会での提出条約</span></a>
	</li>
</ul>
```
*/
/*
---
name: Link list 3列
category:
 - component/typography/link
---

```html
<ul class="c-link__list -column3">
	<li>
		<a href="/recent-laws/diet_bill/" class="c-link"><span>第201回国会での内閣提出法律案</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_treaty/" class="c-link"><span>第201回国会での提出条約</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_bill/" class="c-link"><span>第201回国会での内閣提出法律案</span></a>
	</li>
	<li>
		<a href="/recent-laws/diet_treaty/" class="c-link"><span>第201回国会での提出条約</span></a>
	</li>
</ul>
```
*/
/*
---
name: 資料ダウンロード
category:
 - component/typography/link
---

```html
<div class="c-link__list__outer">
	<p class="c-link__list__heading"><img src="/files/user/assets/images/common/icon-download.svg?v=1601898727" class="u-mr-10">資料ダウンロード</p>
	<ul class="c-link__list">
		<li><a href="/dummy.pdf" class="c-link -file -large" target="_blank"><span>ファイル名（PDF形式/100KB）</span></a></li>
		<li><a href="/dummy.xlsx" class="c-link -file -large" target="_blank"><span>ファイル名（XLSX形式/100KB）</span></a></a></li>
	</ul>
</div>
```
*/
/*
---
name: 関連リンク
category:
 - component/typography/link
---

```html
<div class="c-link__list__outer">
	<p class="c-link__list__heading"><img src="/files/user/assets/images/common/icon-link.svg?v=1601898728" class="u-mr-10">関連リンク</p>
	<ul class="c-link__list">
		<li><a href="https://www.google.com/" class="c-link -large"><span>外部サイトのページ名が入ります（外部サイトホームページへ）</span></a></li>
		<li><a href="https://www.google.com/" class="c-link -large"><span>外部サイトのページ名が入ります外部サイトのページ名が入ります（外部サイトホームページへ）</span></a></li>
	</ul>
</div>
```
*/
.c-link {
  display: block;
  position: relative;
  padding: 12px 16px 12px 60px;
  border: 1px solid #BCC5D8;
  border-radius: 4px;
  background-color: #fff;
  color: #222;
  text-decoration: none; }
  .c-link:not([class*="-file"])::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4px 0 0 4px;
    background-color: #234589;
    content: ""; }
  .c-link:not([class*="-file"]) span::before {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    border-color: #fff; }
  .c-link:not([class*="-file"]):hover::before {
    background-color: #3965BD; }
  .c-link.-file {
    background: url(/files/user/assets/images/common/icon-file.svg?v=1601898727) no-repeat left 24px center #fff;
    background-size: 20px; }
    .c-link.-file[href*=".pdf"] {
      background: url(/files/user/assets/images/common/icon-pdf.svg?v=1601898728) no-repeat left 20px center #fff;
      background-size: 26px; }
    .c-link.-file[href*=".xls"] {
      background: url(/files/user/assets/images/common/icon-excel.svg?v=1601898728) no-repeat left 20px center #fff;
      background-size: 26px; }
    .c-link.-file[href*=".doc"] {
      background: url(/files/user/assets/images/common/icon-word.svg?v=1601898727) no-repeat left 20px center #fff;
      background-size: 26px; }
    .c-link.-file[href*=".ppt"] {
      background: url(/files/user/assets/images/common/icon-ppt.svg?v=1601898727) no-repeat left 20px center #fff;
      background-size: 26px; }
  .c-link:not(:first-child) {
    margin-top: 10px; }
  .c-link__list__outer {
    margin: 60px 0;
    padding: 30px 60px;
    border-radius: 12px; }
    .c-link__list__outer .c-link__list {
      margin-top: 20px; }
    .c-link__list__outer *:first-child {
      margin-top: 0; }
    .c-link__list__outer *:last-child {
      margin-bottom: 0; }
  .c-link__list__heading {
    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: 0 !important;
    line-height: 1.5 !important; }
    .c-link__list__heading img {
      max-width: 30px;
      max-height: 20px; }

/*
---
name: Inline Link
category:
 - component/typography/link
---

```html
<a href="/dummy/" class="c-iconLink">サイト内リンク</a>
<a href="/dummy/" class="c-iconLink -accent">サイト内リンク</a>
```
*/
.c-iconLink {
  text-decoration: none; }
  .c-iconLink::before {
    margin-right: 8px;
    vertical-align: 2px; }
  .c-iconLink:hover {
    color: #3965BD;
    text-decoration: underline; }
  .c-iconLink.-accent {
    color: #8A325B; }
    .c-iconLink.-accent::before {
      border-color: #8A325B; }

[class^='c-list'] {
  margin: 20px 0;
  padding-left: 10px; }
  [class^='c-list'] li {
    position: relative;
    padding-left: 1.8em; }
    [class^='c-list'] li:not(:first-child) {
      margin-top: 10px; }
    [class^='c-list'] li::before {
      position: absolute;
      left: 0;
      color: #234589;
      content: ""; }
    .c-article [class^='c-list'] li {
      line-height: 1.7; }

/*
---
name: Disc List
category:
 - component/typography/list
---
```html
<ul class="c-list--disc">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--disc li {
  padding-left: 1.4em; }
  .c-list--disc li::before {
    top: .5em;
    font-size: 0.8rem;
    content: "●"; }

/*
---
name: Number List
category:
 - component/typography/list
---
```html
<ul class="c-list--number">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--number li {
  counter-increment: cnt; }
  .c-list--number li::before {
    content: counter(cnt); }

/*
---
name: Number List 2
category:
 - component/typography/list
---
```html
<ul class="c-list--number-brackets">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--number-brackets {
  padding-left: 5px; }
  .c-list--number-brackets li {
    padding-left: 2.1em;
    counter-increment: cnt; }
    .c-list--number-brackets li::before {
      content: "(" counter(cnt) ")"; }

/*
---
name: Kana List
category:
 - component/typography/list
---
```html
<ul class="c-list--kana">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--kana li {
  counter-increment: cnt; }
  .c-list--kana li::before {
    content: counter(cnt, katakana); }

/*
---
name: Alphabet List
category:
 - component/typography/list
---
```html
<ul class="c-list--alphabet">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--alphabet li {
  counter-increment: cnt; }
  .c-list--alphabet li::before {
    content: counter(cnt, lower-alpha); }

/*
---
name: List
category:
 - component/typography/list
---

## annotation list

```html
<ul class="c-list--annotation">
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。</li>
	<li>リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。リストです。</li>
</ul>
```
*/
.c-list--annotation li::before {
  content: "※"; }

/*
---
name: Error MessageBox
category:
 - component/form/message
---

```html
<div class="c-error">
  <div class="c-error__heading">
    エラーが発生しました。
  </div>
  <ul class="c-list--disc">
    <li>お名前は必ず入力してください。</li>
    <li>お名前は必ず入力してください。</li>
    <li>お名前は必ず入力してください。</li>
  </ul>
</div>
```
*/
.c-error {
  width: 100%;
  margin: 20px auto;
  padding: 20px;
  border-radius: 8px;
  background-color: #F3DCE6;
  color: #8A325B; }

.c-error .c-list--disc {
  margin-top: 10px; }
  .c-error .c-list--disc li::before {
    color: #8A325B; }
  .c-error .c-list--disc li:not(:first-child) {
    margin-top: 6px; }

.c-error *:first-child {
  margin-top: 0; }

.c-error *:last-child {
  margin-bottom: 0; }

/*
---
name: Success MessageBox
category:
 - component/form/message
---

```html
<div class="c-success">
  <dl>
    <dt>申請日時</dt>
    <dd><time datetime="YYYY-mm-dd">2020年8月5日　18:37</time></dd>
    <dt>オンライン申請番号</dt>
    <dd>1024<span class="u-ml-20">（開示請求手数料の納付や問い合わせ時に使用します。）</span></dd>
  </dl>
</div>
```
*/
.c-success {
  width: 100%;
  margin: 20px auto;
  padding: 20px;
  border: 2px solid #479890;
  border-radius: 8px; }

.c-success__list dt {
  color: #479890;
  font-size: 1.8rem; }

.c-success *:first-child {
  margin-top: 0; }

.c-success *:last-child {
  margin-bottom: 0; }

/*
---
name: スキップリンク
category:
 - component/js/navi
---
```html
<a href="#main" class="l-nav__skipLink">メインコンテンツに移動</a>
```
*/
/*
---
name: ページトップへボタン
category:
 - component/js/navi
---

js処理のみ

```html
<button type="button" data-js="pageTop">ページトップへ</button>
```
*/
/*
---
name: Local navi
category:
 - component/navi
---
```html
<div class="c-localNav">
  <ul class="c-localNav__list">
    <li><a href="/about/outline/">内閣法制局の概要</a></li>
    <li><a href="/about/organization/">組織</a></li>
    <li><a href="/about/member/">幹部名簿</a></li>
    <li><a href="/about/recruitment/">採用情報</a></li>
  </ul>
</div>
```
*/
.c-localNav {
  margin-top: 40px;
  padding: 60px;
  border-radius: 12px; }
  .c-localNav__list li a {
    position: relative;
    border: 1px solid #BCC5D8;
    border-radius: 8px;
    background-color: #fff;
    text-decoration: none; }
    .c-localNav__list li a::after {
      position: absolute;
      top: 50%;
      width: 10px;
      height: 10px;
      -webkit-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      border-color: #234589; }

/*
---
name: Anchor Link
category:
 - component/navi
---
```html
<nav class="c-anchorLink">
  <ul class="c-anchorLink__list -column2">
    <li><a href="#anchor-5">法律の成立</a></li>
    <li><a href="#anchor-6">法律の公布</a></li>
  </ul>
</nav>
<nav class="c-anchorLink">
  <ul class="c-anchorLink__list -column3">
    <li><a href="#anchor-1">法律案の原案作成</a></li>
    <li><a href="#anchor-2">内閣法制局における審査</a></li>
    <li><a href="#anchor-3">国会提出のための閣議決定</a></li>
    <li><a href="#anchor-4">国会における審議</a></li>
    <li><a href="#anchor-5">法律の成立</a></li>
    <li><a href="#anchor-6">法律の公布</a></li>
  </ul>
</nav>
```
*/
.c-anchorLink {
  margin: 30px 0;
  border-radius: 8px;
  background-color: #234589; }
  .c-anchorLink__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    letter-spacing: .05em;
    text-decoration: none; }
    .c-anchorLink__list a::after {
      margin-top: 6px;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      border-color: #234589; }
    .c-anchorLink__list a:hover {
      color: #3965BD; }

/*
---
name: Pager
category:
 - component/topics/pager
---

```html
<nav>
  <ul class="c-pager">
    <li class="c-pager__control -first is-pc"><a href="/dummy/">最初へ</a></li>
    <li class="c-pager__control -prev"><a href="/dummy/">前へ</a></li>
    <li class="c-pager__link is-pc"><a href="/dummy/">1</a></li>
    <li class="c-pager__link"><a href="/dummy/">2</a></li>
    <li class="c-pager__link is-current"><a href="/dummy/">3</a></li>
    <li class="c-pager__link"><a href="/dummy/">4</a></li>
    <li class="c-pager__link is-pc"><a href="/dummy/">5</a></li>
    <li class="c-pager__control -next"><a href="/dummy/">次へ</a></li>
    <li class="c-pager__control -last is-pc"><a href="/dummy/">最後へ</a></li>
  </ul>
</nav>
```
*/
.c-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .c-pager a {
    width: 100%;
    height: 100%;
    text-decoration: none; }
    .c-pager a:hover {
      background-color: #3965BD;
      color: #fff; }
  .c-pager__link {
    width: 46px;
    height: 46px; }
    .c-pager__link a {
      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;
      border: 1px solid #BCC5D8;
      border-radius: 4px;
      background-color: #fff; }
    .c-pager__link.is-current a {
      background-color: #333;
      color: #fff; }
  .c-pager__control {
    width: 74px;
    height: 46px; }
    .c-pager__control a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 14px;
      border-radius: 4px;
      background-color: #234589;
      color: #fff; }
    .c-pager__control.-first {
      width: 94px; }
      .c-pager__control.-first a::before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg); }
    .c-pager__control.-prev a::before {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    .c-pager__control.-last {
      width: 94px; }

/*
---
name: Table
category:
 - component/table
---
```html
<table class="c-table">
  <thead>
    <tr>
      <th scope="col" class="-w100 -sp-w75">閣法<br class="is-sp">番号</th>
      <th scope="col" class="-w100">成立</th>
      <th scope="col" class="-w550 -sp-w350">法律案名</th>
      <th scope="col" class="-w150">主管省庁</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="-center">48</td>
      <td class="-center"><span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span></td>
      <td><a href="/recent-laws/diet_bill/detail/">地域再生法の一部を改正する法律案</a></td>
      <td class="-center"><a href="https://www8.cao.go.jp/hourei/hou.html" target="_blank" rel="noopener noreferrer">内閣府</a></td>
    </tr>
    <tr>
      <td class="-center">54</td>
      <td class="-center"><span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span></td>
      <td><a href="/recent-laws/diet_bill/detail/">医薬品，医療機器等の品質，有効性及び安全性の確保等に関する法律等の一部を改正する法律案</a></td>
      <td class="-center"><a href="https://www8.cao.go.jp/hourei/hou.html" target="_blank" rel="noopener noreferrer">厚生労働省</a></td>
    </tr>
  </tbody>
</table>
```
*/
/*
---
name: SP Scroll Table
category:
 - component/table
---
SP表示でスクロールする
```html
<table class="c-table -scroll">
  <thead>
    <tr>
      <th scope="col" class="-w110 -sp-w80">閣法<br class="is-sp">番号</th>
      <th scope="col" class="-w110 -sp-w100">成立</th>
      <th scope="col" class="-w630 -sp-w350">法律案名</th>
      <th scope="col" class="-w150">主管省庁</th
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="-center">48</td>
      <td class="-center"><span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span></td>
      <td><a href="/recent-laws/diet_bill/detail/">地域再生法の一部を改正する法律案</a></td>
      <td class="-center"><a href="https://www8.cao.go.jp/hourei/hou.html" target="_blank" rel="noopener noreferrer">内閣府</a></td>
    </tr>
    <tr>
      <td class="-center">54</td>
      <td class="-center"><span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span></td>
      <td><a href="/recent-laws/diet_bill/detail/">医薬品，医療機器等の品質，有効性及び安全性の確保等に関する法律等の一部を改正する法律案</a></td>
      <td class="-center"><a href="https://www8.cao.go.jp/hourei/hou.html" target="_blank" rel="noopener noreferrer">厚生労働省</a></td>
    </tr>
  </tbody>
</table>
```
*/
/*
---
name: Table pattern
category:
 - component/table
---
SP表示でスクロールする
```html
<table class="c-table -stripe -scroll">
  <thead>
    <tr>
      <th scope="col">区分／国会会期</th>
      <th scope="col">内閣提出法律案<br>提出件数</th>
      <th scope="col">内閣提出法律案<br>成立件数</th>
      <th scope="col">議員立法<br>提出件数</th>
      <th scope="col">議員立法<br>成立件数</th>
      <th scope="col">計<br>提出件数</th>
      <th scope="col">計<br>成立件数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">第200回(臨時会)<br>令和元年10月4日～12月9日</th>
      <td>（継続2件）<br>15件</td>
      <td>（継続2件）<br>14件</td>
      <td>（継続51件）<br>26件</td>
      <td>（継続0件）<br>8件</td>
      <td>（継続53件）<br>41件</td>
      <td>（継続2件）<br>22件</td>
    </tr>
    <tr>
      <th scope="row">第200回(臨時会)<br>令和元年10月4日～12月9日</th>
      <td>（継続2件）<br>15件</td>
      <td>（継続2件）<br>14件</td>
      <td>（継続51件）<br>26件</td>
      <td>（継続0件）<br>8件</td>
      <td>（継続53件）<br>41件</td>
      <td>（継続2件）<br>22件</td>
    </tr>
  </tbody>
</table>
```
*/
/*
---
name: Table pattern
category:
 - component/table
---
```html
<table class="c-table -scroll -stripe -border">
  <thead>
    <tr>
      <th scope="col" class="-w360 -sp-w300"></th>
      <th scope="col" class="-w160 -sp-w160">平成17年度実績<br>件数</th>
      <th scope="col" class="-w160 -sp-w160">平成17年度実績<br>金額</th>
      <th scope="col" class="-w160 -sp-w160">見直し後<br>件数</th>
      <th scope="col" class="-w160 -sp-w160">見直し後<br>件数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">事務・事業を取り止めたもの<br>（17年度限りのものを含む）</th>
      <td class="-center">（該当なし）</td>
      <td class="-center">（該当なし）</td>
      <td class="-center"><strong>3件<br>(22%)</strong></td>
      <td class="-center"><strong>0.04億円<br>(5%)</strong></td>
    </tr>
    <tr>
      <th scope="row">一般競争入札</th>
      <td class="-center">（該当なし）</td>
      <td class="-center">（該当なし）</td>
      <td class="-center"><strong>8件<br>(57%)</strong></td>
      <td class="-center"><strong>0.53億円<br>(71%)</strong></td>
    </tr>
    <tr>
      <th scope="row">企画競争等（公募）</th>
      <td class="-center">0件<br>(0%)</td>
      <td class="-center">0億円<br>(0%)</td>
      <td class="-center"><strong>3件<br>(21%)</strong></td>
      <td class="-center"><strong>0.18億円<br>(24%)</strong></td>
    </tr>
    <tr>
      <th scope="row">随意契約<br>（企画競争・公募の実施を除く）</th>
      <td class="-center">14件<br>(100%)</td>
      <td class="-center">0.75億円<br>(100%)</td>
      <td class="-center"><strong>0件<br>(0%)</strong></td>
      <td class="-center"><strong>0億円<br>(0%)</strong></td>
    </tr>
    <tr>
      <th scope="row">合計</th>
      <td class="-center">14件<br>(100%)</td>
      <td class="-center">0.75億円<br>(100%)</td>
      <td class="-center"><strong>14件<br>(100%)</strong></td>
      <td class="-center"><strong>0.75億円<br>(100%)</strong></td>
    </tr>
  </tbody>
</table>
```
*/
.c-table th, .c-table td {
  padding: 14px 20px;
  border: 1px solid #BCC5D8;
  background-color: #fff;
  text-align: left; }

.c-table {
  border: 1px solid #BCC5D8;
  border-collapse: collapse; }
  .c-table th {
    background-color: #D8DEE4;
    text-align: center; }
  .c-table thead + tbody th {
    background-color: #F2F5F7; }
  .c-table.-stripe td:nth-of-type(2n) {
    background-color: #F2F9FE; }
  .c-table.-border {
    border: 2px solid #BCC5D8; }
    .c-table.-border th:nth-of-type(2n), .c-table.-border td:not(:nth-of-type(2n)) {
      border-left: 2px solid #BCC5D8; }
  .c-table .-w10 {
    width: 10px;
    min-width: 10px; }
  .c-table .-w20 {
    width: 20px;
    min-width: 20px; }
  .c-table .-w30 {
    width: 30px;
    min-width: 30px; }
  .c-table .-w40 {
    width: 40px;
    min-width: 40px; }
  .c-table .-w50 {
    width: 50px;
    min-width: 50px; }
  .c-table .-w60 {
    width: 60px;
    min-width: 60px; }
  .c-table .-w70 {
    width: 70px;
    min-width: 70px; }
  .c-table .-w80 {
    width: 80px;
    min-width: 80px; }
  .c-table .-w90 {
    width: 90px;
    min-width: 90px; }
  .c-table .-w100 {
    width: 100px;
    min-width: 100px; }
  .c-table .-w110 {
    width: 110px;
    min-width: 110px; }
  .c-table .-w120 {
    width: 120px;
    min-width: 120px; }
  .c-table .-w130 {
    width: 130px;
    min-width: 130px; }
  .c-table .-w140 {
    width: 140px;
    min-width: 140px; }
  .c-table .-w150 {
    width: 150px;
    min-width: 150px; }
  .c-table .-w160 {
    width: 160px;
    min-width: 160px; }
  .c-table .-w170 {
    width: 170px;
    min-width: 170px; }
  .c-table .-w180 {
    width: 180px;
    min-width: 180px; }
  .c-table .-w190 {
    width: 190px;
    min-width: 190px; }
  .c-table .-w200 {
    width: 200px;
    min-width: 200px; }
  .c-table .-w210 {
    width: 210px;
    min-width: 210px; }
  .c-table .-w220 {
    width: 220px;
    min-width: 220px; }
  .c-table .-w230 {
    width: 230px;
    min-width: 230px; }
  .c-table .-w240 {
    width: 240px;
    min-width: 240px; }
  .c-table .-w250 {
    width: 250px;
    min-width: 250px; }
  .c-table .-w260 {
    width: 260px;
    min-width: 260px; }
  .c-table .-w270 {
    width: 270px;
    min-width: 270px; }
  .c-table .-w280 {
    width: 280px;
    min-width: 280px; }
  .c-table .-w290 {
    width: 290px;
    min-width: 290px; }
  .c-table .-w300 {
    width: 300px;
    min-width: 300px; }
  .c-table .-w310 {
    width: 310px;
    min-width: 310px; }
  .c-table .-w320 {
    width: 320px;
    min-width: 320px; }
  .c-table .-w330 {
    width: 330px;
    min-width: 330px; }
  .c-table .-w340 {
    width: 340px;
    min-width: 340px; }
  .c-table .-w350 {
    width: 350px;
    min-width: 350px; }
  .c-table .-w360 {
    width: 360px;
    min-width: 360px; }
  .c-table .-w370 {
    width: 370px;
    min-width: 370px; }
  .c-table .-w380 {
    width: 380px;
    min-width: 380px; }
  .c-table .-w390 {
    width: 390px;
    min-width: 390px; }
  .c-table .-w400 {
    width: 400px;
    min-width: 400px; }
  .c-table .-w410 {
    width: 410px;
    min-width: 410px; }
  .c-table .-w420 {
    width: 420px;
    min-width: 420px; }
  .c-table .-w430 {
    width: 430px;
    min-width: 430px; }
  .c-table .-w440 {
    width: 440px;
    min-width: 440px; }
  .c-table .-w450 {
    width: 450px;
    min-width: 450px; }
  .c-table .-w460 {
    width: 460px;
    min-width: 460px; }
  .c-table .-w470 {
    width: 470px;
    min-width: 470px; }
  .c-table .-w480 {
    width: 480px;
    min-width: 480px; }
  .c-table .-w490 {
    width: 490px;
    min-width: 490px; }
  .c-table .-w500 {
    width: 500px;
    min-width: 500px; }
  .c-table .-w510 {
    width: 510px;
    min-width: 510px; }
  .c-table .-w520 {
    width: 520px;
    min-width: 520px; }
  .c-table .-w530 {
    width: 530px;
    min-width: 530px; }
  .c-table .-w540 {
    width: 540px;
    min-width: 540px; }
  .c-table .-w550 {
    width: 550px;
    min-width: 550px; }
  .c-table .-w560 {
    width: 560px;
    min-width: 560px; }
  .c-table .-w570 {
    width: 570px;
    min-width: 570px; }
  .c-table .-w580 {
    width: 580px;
    min-width: 580px; }
  .c-table .-w590 {
    width: 590px;
    min-width: 590px; }
  .c-table .-w600 {
    width: 600px;
    min-width: 600px; }
  .c-table .-w610 {
    width: 610px;
    min-width: 610px; }
  .c-table .-w620 {
    width: 620px;
    min-width: 620px; }
  .c-table .-w630 {
    width: 630px;
    min-width: 630px; }
  .c-table .-w640 {
    width: 640px;
    min-width: 640px; }
  .c-table .-w650 {
    width: 650px;
    min-width: 650px; }
  .c-table .-w660 {
    width: 660px;
    min-width: 660px; }
  .c-table .-w670 {
    width: 670px;
    min-width: 670px; }
  .c-table .-w680 {
    width: 680px;
    min-width: 680px; }
  .c-table .-w690 {
    width: 690px;
    min-width: 690px; }
  .c-table .-w700 {
    width: 700px;
    min-width: 700px; }
  .c-table .-w710 {
    width: 710px;
    min-width: 710px; }
  .c-table .-w720 {
    width: 720px;
    min-width: 720px; }
  .c-table .-w730 {
    width: 730px;
    min-width: 730px; }
  .c-table .-w740 {
    width: 740px;
    min-width: 740px; }
  .c-table .-w750 {
    width: 750px;
    min-width: 750px; }
  .c-table .-w760 {
    width: 760px;
    min-width: 760px; }
  .c-table .-w770 {
    width: 770px;
    min-width: 770px; }
  .c-table .-w780 {
    width: 780px;
    min-width: 780px; }
  .c-table .-w790 {
    width: 790px;
    min-width: 790px; }
  .c-table .-w800 {
    width: 800px;
    min-width: 800px; }
  .c-table .-right {
    text-align: right; }
  .c-table .-center {
    text-align: center; }
  .c-table .-left {
    text-align: left; }

/*
---
name: Table 2column (dl tag)
category:
- component/table
---

```html
<dl class="c-table--column2">
  <dt>提出国会</dt>
  <dd>第200回</dd>
  <dt>閣法番号</dt>
  <dd>第8号</dd>
  <dt>成立状況</dt>
  <dd><span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span></dd>
  <dt>法律案名</dt>
  <dd>情報処理の促進に関する法律の一部を改正する法律案</dd>
  <dt>主管省庁</dt>
  <dd><a href="" target="_blank" rel="noopener noreferrer">経済産業省</a></dd>
  <dt>提出理由</dt>
  <dd>
    　情報処理システムが戦略的に利用され、多様なデータが活用される高度な情報
    化社会の実現を図る観点から、情報処理システムを良好な状態に維持するために
    必要な情報処理システムの運用及び管理に関する指針の策定、情報処理システム
    の運用及び管理に関する取組の状況に関する認定制度の創設並びに当該認定を受
    けた者に対する支援を行うとともに、情報処理システムの高度利用を促進するた
    めの独立行政法人情報処理推進機構の業務の追加等の措置を講じる必要がある。
    これが、この法律案を提出する理由である。
  </dd>
</dl>
```
*/
.c-table--column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #BCC5D8; }
  .c-table--column2 dt, .c-table--column2 dd {
    padding: 14px 20px;
    border-bottom: 1px solid #BCC5D8; }
  .c-table--column2 dt {
    background-color: #F1F4FB;
    color: #234589; }
  .c-table--column2 dd p:first-child {
    margin-top: 0; }
  .c-table--column2 dd p:last-child {
    margin-bottom: 0; }
  .c-table--column2 dd ul[class^='c-list']:first-child {
    margin-top: 0; }
  .c-table--column2 dd ul[class^='c-list']:last-child {
    margin-bottom: 0; }

.is-fz-large {
  font-size: 93.75%; }

.is-fz-xlarge {
  font-size: 125%; }

/*
---
name: Text
category:
 - component/typography/text
---
```html
<p class="c-text">テキストが入ります。テキストが入ります。テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>

<article class="c-article">
	<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
	<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
</article>
```
*/
.c-text, .c-article p {
  margin: 20px 0;
  line-height: 2; }

/*
---
name: Bold
category:
 - component/typography/text
---
```html
<p>テキストが入ります。<strong>テキストが入ります。</strong></p>
<p class="u-bold">テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>
```
*/
/*
---
name: icon + text
category:
 - component/typography/text
---
```html
<span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">成立</span>
<span class="c-iconText"><img src="/files/user/assets/images/recent-laws/icon-check.svg?v=1601898736" alt="">承認</span>
```
*/
.c-iconText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .05em; }
  .c-iconText img {
    margin-right: 5px; }

/*
---
name: align Text
category:
 - component/typography/text
---
## テキスト位置
```html
<p class="c-text c-text--right">テキストが入ります。テキストが入ります。テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>
<p class="c-text c-text--center">テキストが入ります。テキストが入ります。テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>
<p class="c-text c-text--left">テキストが入ります。テキストが入ります。テキストが入ります。<br>テキストが入ります。テキストが入ります。</p>

```
*/
.c-text--right {
  text-align: right; }

.c-text--center {
  text-align: center; }

.c-text--left {
  text-align: left; }

/*
---
name: article
category:
 - component/typography/text
---
```html
<article class="c-article">
	<div class="c-article__top">
		<span class="c-badge--category -news">お知らせ</span>
		<time datetime="YYYY-mm-dd">2020年12月10日</time>
	</div>
	<h2>大見出しが入ります</h2>
	<h3>中見出しが入ります</h3>
	<h4>小見出しが入ります</h4>
	<p>
		テキストが入ります。テキストが入ります。<strong>太字の表示です。</strong>テキストが入ります。テキストが入ります。テキストが入ります。テキスト
		が入ります。テキストが入ります。テキストが入ります。テキストが入ります。<a href="/dummy/">文章中にリンクがある場合</a>の表示です。
		テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
	</p>
	<div class="c-bg--gray c-bg--round">
		<p>背景色付きのテキスト表示です。</p>
		<p>背景色付きのテキスト表示です。</p>
	</div>
</article>
```
*/
.c-article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .c-article__top + * {
    margin-top: 0 !important; }

/*
---
name: topicsList 日付あり
category:
 - component/topics/topicsList
---
```html
<ul class="c-topicsList">
  <li class="c-topicsList__item">
    <a href="/dummy/" class="c-topicsList__item__inner">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -recentLaws">最近の法律・条約</div>
      <p class="c-topicsList__item__title">第201回国会に関する情報を掲載しました</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy/" class="c-topicsList__item__inner">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -about">採用情報</div>
      <p class="c-topicsList__item__title">2020年度国家公務員採用一般職試験（大卒程度試験）採用情報</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.txt" class="c-topicsList__item__inner -file">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合（TXT形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.pdf" class="c-topicsList__item__inner -file">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（PDF形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.xlsx" class="c-topicsList__item__inner -file">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（XLSX形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.docx" class="c-topicsList__item__inner -file">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（DOCX形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.pptx" class="c-topicsList__item__inner -file">
      <time datetime="YYYY-mm-dd">2020年12月10日</time>
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（PPTX形式/100KB）</p>
    </a>
  </li>
</ul>
```
*/
/*
---
name: topicsList 日付なし
category:
 - component/topics/topicsList
---
```html
<ul class="c-topicsList">
  <li class="c-topicsList__item">
    <a href="/dummy/" class="c-topicsList__item__inner">
      <div class="c-badge--category -recentLaws">最近の法律・条約</div>
      <p class="c-topicsList__item__title">第201回国会に関する情報を掲載しました</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy/" class="c-topicsList__item__inner">
      <div class="c-badge--category -about">採用情報</div>
      <p class="c-topicsList__item__title">2020年度国家公務員採用一般職試験（大卒程度試験）採用情報</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.txt" class="c-topicsList__item__inner -file">
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合ファイル添付の場合（TXT形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.pdf" class="c-topicsList__item__inner -file">
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（PDF形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.xlsx" class="c-topicsList__item__inner -file">
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（XLSX形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.docx" class="c-topicsList__item__inner -file">
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（DOCX形式/100KB）</p>
    </a>
  </li>
  <li class="c-topicsList__item">
    <a href="/dummy.pptx" class="c-topicsList__item__inner -file">
      <div class="c-badge--category -news">調達・公募情報</div>
      <p class="c-topicsList__item__title">ファイル添付の場合（PPTX形式/100KB）</p>
    </a>
  </li>
</ul>
```
*/
/*
---
name: topicsList ドロップシャドウ
category:
 - component/topics/topicsList
---
```html
<div class="c-bg u-pa-40">
  <ul class="c-topicsList -shadow">
    <li class="c-topicsList__item">
      <a href="/dummy/" class="c-topicsList__item__inner">
        <time datetime="YYYY-mm-dd">2020年12月10日</time>
        <div class="c-badge--category -recentLaws">最近の法律・条約</div>
        <p class="c-topicsList__item__title">第201回国会に関する情報を掲載しました</p>
      </a>
    </li>
    <li class="c-topicsList__item">
      <a href="/dummy/" class="c-topicsList__item__inner">
        <time datetime="YYYY-mm-dd">2020年12月10日</time>
        <div class="c-badge--category -about">採用情報</div>
        <p class="c-topicsList__item__title">2020年度国家公務員採用一般職試験（大卒程度試験）採用情報</p>
      </a>
    </li>
    <li class="c-topicsList__item">
      <a href="/dummy/" class="c-topicsList__item__inner">
        <time datetime="YYYY-mm-dd">2020年12月10日</time>
        <div class="c-badge--category -news">調達・公募情報</div>
        <p class="c-topicsList__item__title">一般競争入札公告を掲載しました</p>
      </a>
    </li>
  </ul>
</div>
```
*/
.c-topicsList {
  border: 1px solid #BCC5D8;
  border-radius: 12px;
  background-color: #fff; }
  .c-topicsList.-shadow {
    border: 0;
    -webkit-box-shadow: 0 0 30px 0 rgba(15, 36, 77, 0.1);
    box-shadow: 0 0 30px 0 rgba(15, 36, 77, 0.1); }
  .c-topicsList__item {
    border-bottom: 1px solid #BCC5D8; }
    .c-topicsList__item:first-child {
      padding-top: 0; }
    .c-topicsList__item a {
      position: relative;
      color: #222;
      text-decoration: none; }
      .c-topicsList__item a::after {
        position: absolute;
        top: 50%;
        content: ""; }
      .c-topicsList__item a:not([class*="-file"])::after {
        right: 4px;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
        border-color: #234589; }
      .c-topicsList__item a.-file::after {
        right: -6px;
        width: 26px;
        height: 28px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url(/files/user/assets/images/common/icon-file.svg?v=1601898727) no-repeat right center;
        background-size: 20px; }
      .c-topicsList__item a.-file[href*=".pdf"]::after {
        background: url(/files/user/assets/images/common/icon-pdf.svg?v=1601898728) no-repeat right center;
        background-size: 26px; }
      .c-topicsList__item a.-file[href*=".xlsx"]::after {
        background: url(/files/user/assets/images/common/icon-excel.svg?v=1601898728) no-repeat right center;
        background-size: 26px; }
      .c-topicsList__item a.-file[href*=".docx"]::after {
        background: url(/files/user/assets/images/common/icon-word.svg?v=1601898727) no-repeat right center;
        background-size: 26px; }
      .c-topicsList__item a.-file[href*=".pptx"]::after {
        background: url(/files/user/assets/images/common/icon-ppt.svg?v=1601898727) no-repeat right center;
        background-size: 26px; }
    .c-topicsList__item__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .c-topicsList__item time {
      color: #222; }
    .c-topicsList__item__title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin: 0 30px 0 0; }
      a:hover .c-topicsList__item__title {
        color: #3965BD;
        text-decoration: underline; }

.c-topicsSummaryList__item {
  border: 1px solid #BCC5D8;
  border-radius: 4px; }
  .c-topicsSummaryList__item:not(:first-child) {
    margin-top: 20px; }
  .c-topicsSummaryList__item__title {
    display: block;
    margin: 0;
    color: #234589; }
  .c-topicsSummaryList__item__summary {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee; }

/* project ----------------------------- */
.p-about-recruitment__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .p-about-recruitment__list a span:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

.p-about-recruitment__list__badge {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 110px;
  text-align: center; }

.p-recentLaws__number {
  border: 1px solid #BCC5D8;
  border-radius: 12px; }
  .p-recentLaws__number__heading {
    border-radius: 12px 12px 0 0;
    background-color: #234589;
    color: #fff;
    font-size: 1em; }
  .p-recentLaws__number__body {
    border-radius: 0 0 12px 12px;
    text-align: center; }
    .p-recentLaws__number__body__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .p-recentLaws__number__body__heading {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
      font-size: 1em; }
    .p-recentLaws__number__body__table {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      border: 1px solid #BCC5D8;
      border-radius: 8px;
      background-color: #fff;
      color: #234589; }
      .p-recentLaws__number__body__table dt {
        padding: 6px;
        background-color: #edf2ff; }
        .p-recentLaws__number__body__table dt:first-child {
          border-radius: 8px 8px 0 0; }
        .p-recentLaws__number__body__table dt:not(:first-child) {
          border-top: 1px solid #BCC5D8; }
      .p-recentLaws__number__body__table.-yellow dt {
        background-color: #faf7db; }
  .p-recentLaws__number__note {
    margin-top: 10px; }
    .p-recentLaws__number__note p {
      margin: 0; }

.p-recentLaws-number__table {
  border: 2px solid #BCC5D8; }
  .p-recentLaws-number__table thead th:first-child {
    width: 258px;
    min-width: 258px; }
  .p-recentLaws-number__table thead th:not(:first-child) {
    width: 124px;
    min-width: 124px;
    padding-right: 4px;
    padding-left: 4px; }
  .p-recentLaws-number__table thead th span {
    font-size: 1.4rem; }
  .p-recentLaws-number__table tbody th {
    font-family: inherit;
    font-weight: normal;
    text-align: left; }
  .p-recentLaws-number__table tbody td {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center; }
  .p-recentLaws-number__table th:nth-of-type(2n),
  .p-recentLaws-number__table td:not(:nth-of-type(2n)) {
    border-left: 2px solid #BCC5D8; }

.p-search__item {
  padding: 0 !important; }
  .p-search__item a {
    display: block;
    text-decoration: none; }
  .p-search__item__title {
    margin: 10px 0;
    text-decoration: underline; }
  .p-search__item__url {
    margin: 10px 0 0;
    color: #444;
    font-size: 1.5rem; }

.p-top__heading {
  color: #234589;
  text-align: center; }
  .p-top__heading::after {
    display: block;
    width: 40px;
    height: 4px;
    margin: 12px auto 0;
    background-color: #8A325B;
    content: ""; }
  .p-top__heading.-white {
    color: #fff; }
    .p-top__heading.-white::after {
      background-color: #93A5C8; }
  .p-top__heading.-importantTopics {
    margin-bottom: 14px;
    color: #8A325B; }
    .p-top__heading.-importantTopics::after {
      display: none; }
  .p-top__heading.-relatedLink span {
    background: url(/files/user/assets/images/common/icon-link.svg?v=1601898728) no-repeat left center; }

.p-top__mainNav__inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#E1EDFC), to(#C6DAF9));
  background: linear-gradient(to bottom, #E1EDFC, #C6DAF9); }

.p-top__mainNav__item {
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(15, 36, 77, 0.2);
  box-shadow: 0 0 30px 0 rgba(15, 36, 77, 0.2); }
  .p-top__mainNav__item__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none; }
    .p-top__mainNav__item__thumb__title {
      display: block;
      margin-bottom: .2em;
      color: #fff;
      letter-spacing: .05em;
      line-height: 2; }
      .p-top__mainNav__item__thumb__title span {
        border-bottom: 4px solid rgba(225, 237, 252, 0.5); }
    .p-top__mainNav__item__thumb img {
      width: 100%; }
    .p-top__mainNav__item__thumb:hover span {
      border-color: rgba(255, 255, 255, 0.75); }
  .p-top__mainNav__item__summary p {
    font-size: 1.5rem; }
  .p-top__mainNav__item__summary__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#234589), to(#3965BD));
    background: linear-gradient(to right, #234589, #3965BD);
    color: #fff;
    text-decoration: none; }
    .p-top__mainNav__item__summary__button::after {
      margin-left: 10px;
      border-color: #fff; }
    .p-top__mainNav__item__summary__button:hover {
      background: -webkit-gradient(linear, left top, right top, from(#3965BD), to(#3988BD));
      background: linear-gradient(to right, #3965BD, #3988BD);
      color: #fff; }

.p-top__update {
  position: relative; }
  .p-top__update::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: -webkit-gradient(linear, left top, right top, from(#234589), to(#3965BD));
    background: linear-gradient(to right, #234589, #3965BD);
    content: ""; }

/* utility ----------------------------- */

.u-ma-0 {
  margin: 0px !important; }

.u-mt-0 {
  margin-top: 0px !important; }

.u-mr-0 {
  margin-right: 0px !important; }

.u-mb-0 {
  margin-bottom: 0px !important; }

.u-ml-0 {
  margin-left: 0px !important; }

.u-pa-0 {
  padding: 0px !important; }

.u-pt-0 {
  padding-top: 0px !important; }

.u-pr-0 {
  padding-right: 0px !important; }

.u-pb-0 {
  padding-bottom: 0px !important; }

.u-pl-0 {
  padding-left: 0px !important; }

.u-ma-5 {
  margin: 5px !important; }

.u-mt-5 {
  margin-top: 5px !important; }

.u-mr-5 {
  margin-right: 5px !important; }

.u-mb-5 {
  margin-bottom: 5px !important; }

.u-ml-5 {
  margin-left: 5px !important; }

.u-pa-5 {
  padding: 5px !important; }

.u-pt-5 {
  padding-top: 5px !important; }

.u-pr-5 {
  padding-right: 5px !important; }

.u-pb-5 {
  padding-bottom: 5px !important; }

.u-pl-5 {
  padding-left: 5px !important; }

.u-ma-10 {
  margin: 10px !important; }

.u-mt-10 {
  margin-top: 10px !important; }

.u-mr-10 {
  margin-right: 10px !important; }

.u-mb-10 {
  margin-bottom: 10px !important; }

.u-ml-10 {
  margin-left: 10px !important; }

.u-pa-10 {
  padding: 10px !important; }

.u-pt-10 {
  padding-top: 10px !important; }

.u-pr-10 {
  padding-right: 10px !important; }

.u-pb-10 {
  padding-bottom: 10px !important; }

.u-pl-10 {
  padding-left: 10px !important; }

.u-ma-15 {
  margin: 15px !important; }

.u-mt-15 {
  margin-top: 15px !important; }

.u-mr-15 {
  margin-right: 15px !important; }

.u-mb-15 {
  margin-bottom: 15px !important; }

.u-ml-15 {
  margin-left: 15px !important; }

.u-pa-15 {
  padding: 15px !important; }

.u-pt-15 {
  padding-top: 15px !important; }

.u-pr-15 {
  padding-right: 15px !important; }

.u-pb-15 {
  padding-bottom: 15px !important; }

.u-pl-15 {
  padding-left: 15px !important; }

.u-ma-20 {
  margin: 20px !important; }

.u-mt-20 {
  margin-top: 20px !important; }

.u-mr-20 {
  margin-right: 20px !important; }

.u-mb-20 {
  margin-bottom: 20px !important; }

.u-ml-20 {
  margin-left: 20px !important; }

.u-pa-20 {
  padding: 20px !important; }

.u-pt-20 {
  padding-top: 20px !important; }

.u-pr-20 {
  padding-right: 20px !important; }

.u-pb-20 {
  padding-bottom: 20px !important; }

.u-pl-20 {
  padding-left: 20px !important; }

.u-ma-25 {
  margin: 25px !important; }

.u-mt-25 {
  margin-top: 25px !important; }

.u-mr-25 {
  margin-right: 25px !important; }

.u-mb-25 {
  margin-bottom: 25px !important; }

.u-ml-25 {
  margin-left: 25px !important; }

.u-pa-25 {
  padding: 25px !important; }

.u-pt-25 {
  padding-top: 25px !important; }

.u-pr-25 {
  padding-right: 25px !important; }

.u-pb-25 {
  padding-bottom: 25px !important; }

.u-pl-25 {
  padding-left: 25px !important; }

.u-ma-30 {
  margin: 30px !important; }

.u-mt-30 {
  margin-top: 30px !important; }

.u-mr-30 {
  margin-right: 30px !important; }

.u-mb-30 {
  margin-bottom: 30px !important; }

.u-ml-30 {
  margin-left: 30px !important; }

.u-pa-30 {
  padding: 30px !important; }

.u-pt-30 {
  padding-top: 30px !important; }

.u-pr-30 {
  padding-right: 30px !important; }

.u-pb-30 {
  padding-bottom: 30px !important; }

.u-pl-30 {
  padding-left: 30px !important; }

.u-ma-35 {
  margin: 35px !important; }

.u-mt-35 {
  margin-top: 35px !important; }

.u-mr-35 {
  margin-right: 35px !important; }

.u-mb-35 {
  margin-bottom: 35px !important; }

.u-ml-35 {
  margin-left: 35px !important; }

.u-pa-35 {
  padding: 35px !important; }

.u-pt-35 {
  padding-top: 35px !important; }

.u-pr-35 {
  padding-right: 35px !important; }

.u-pb-35 {
  padding-bottom: 35px !important; }

.u-pl-35 {
  padding-left: 35px !important; }

.u-ma-40 {
  margin: 40px !important; }

.u-mt-40 {
  margin-top: 40px !important; }

.u-mr-40 {
  margin-right: 40px !important; }

.u-mb-40 {
  margin-bottom: 40px !important; }

.u-ml-40 {
  margin-left: 40px !important; }

.u-pa-40 {
  padding: 40px !important; }

.u-pt-40 {
  padding-top: 40px !important; }

.u-pr-40 {
  padding-right: 40px !important; }

.u-pb-40 {
  padding-bottom: 40px !important; }

.u-pl-40 {
  padding-left: 40px !important; }

.u-ma-45 {
  margin: 45px !important; }

.u-mt-45 {
  margin-top: 45px !important; }

.u-mr-45 {
  margin-right: 45px !important; }

.u-mb-45 {
  margin-bottom: 45px !important; }

.u-ml-45 {
  margin-left: 45px !important; }

.u-pa-45 {
  padding: 45px !important; }

.u-pt-45 {
  padding-top: 45px !important; }

.u-pr-45 {
  padding-right: 45px !important; }

.u-pb-45 {
  padding-bottom: 45px !important; }

.u-pl-45 {
  padding-left: 45px !important; }

.u-ma-50 {
  margin: 50px !important; }

.u-mt-50 {
  margin-top: 50px !important; }

.u-mr-50 {
  margin-right: 50px !important; }

.u-mb-50 {
  margin-bottom: 50px !important; }

.u-ml-50 {
  margin-left: 50px !important; }

.u-pa-50 {
  padding: 50px !important; }

.u-pt-50 {
  padding-top: 50px !important; }

.u-pr-50 {
  padding-right: 50px !important; }

.u-pb-50 {
  padding-bottom: 50px !important; }

.u-pl-50 {
  padding-left: 50px !important; }

.u-ma-55 {
  margin: 55px !important; }

.u-mt-55 {
  margin-top: 55px !important; }

.u-mr-55 {
  margin-right: 55px !important; }

.u-mb-55 {
  margin-bottom: 55px !important; }

.u-ml-55 {
  margin-left: 55px !important; }

.u-pa-55 {
  padding: 55px !important; }

.u-pt-55 {
  padding-top: 55px !important; }

.u-pr-55 {
  padding-right: 55px !important; }

.u-pb-55 {
  padding-bottom: 55px !important; }

.u-pl-55 {
  padding-left: 55px !important; }

.u-ma-60 {
  margin: 60px !important; }

.u-mt-60 {
  margin-top: 60px !important; }

.u-mr-60 {
  margin-right: 60px !important; }

.u-mb-60 {
  margin-bottom: 60px !important; }

.u-ml-60 {
  margin-left: 60px !important; }

.u-pa-60 {
  padding: 60px !important; }

.u-pt-60 {
  padding-top: 60px !important; }

.u-pr-60 {
  padding-right: 60px !important; }

.u-pb-60 {
  padding-bottom: 60px !important; }

.u-pl-60 {
  padding-left: 60px !important; }

.u-ma-65 {
  margin: 65px !important; }

.u-mt-65 {
  margin-top: 65px !important; }

.u-mr-65 {
  margin-right: 65px !important; }

.u-mb-65 {
  margin-bottom: 65px !important; }

.u-ml-65 {
  margin-left: 65px !important; }

.u-pa-65 {
  padding: 65px !important; }

.u-pt-65 {
  padding-top: 65px !important; }

.u-pr-65 {
  padding-right: 65px !important; }

.u-pb-65 {
  padding-bottom: 65px !important; }

.u-pl-65 {
  padding-left: 65px !important; }

.u-ma-70 {
  margin: 70px !important; }

.u-mt-70 {
  margin-top: 70px !important; }

.u-mr-70 {
  margin-right: 70px !important; }

.u-mb-70 {
  margin-bottom: 70px !important; }

.u-ml-70 {
  margin-left: 70px !important; }

.u-pa-70 {
  padding: 70px !important; }

.u-pt-70 {
  padding-top: 70px !important; }

.u-pr-70 {
  padding-right: 70px !important; }

.u-pb-70 {
  padding-bottom: 70px !important; }

.u-pl-70 {
  padding-left: 70px !important; }

.u-ma-75 {
  margin: 75px !important; }

.u-mt-75 {
  margin-top: 75px !important; }

.u-mr-75 {
  margin-right: 75px !important; }

.u-mb-75 {
  margin-bottom: 75px !important; }

.u-ml-75 {
  margin-left: 75px !important; }

.u-pa-75 {
  padding: 75px !important; }

.u-pt-75 {
  padding-top: 75px !important; }

.u-pr-75 {
  padding-right: 75px !important; }

.u-pb-75 {
  padding-bottom: 75px !important; }

.u-pl-75 {
  padding-left: 75px !important; }

.u-ma-80 {
  margin: 80px !important; }

.u-mt-80 {
  margin-top: 80px !important; }

.u-mr-80 {
  margin-right: 80px !important; }

.u-mb-80 {
  margin-bottom: 80px !important; }

.u-ml-80 {
  margin-left: 80px !important; }

.u-pa-80 {
  padding: 80px !important; }

.u-pt-80 {
  padding-top: 80px !important; }

.u-pr-80 {
  padding-right: 80px !important; }

.u-pb-80 {
  padding-bottom: 80px !important; }

.u-pl-80 {
  padding-left: 80px !important; }

.u-ma-85 {
  margin: 85px !important; }

.u-mt-85 {
  margin-top: 85px !important; }

.u-mr-85 {
  margin-right: 85px !important; }

.u-mb-85 {
  margin-bottom: 85px !important; }

.u-ml-85 {
  margin-left: 85px !important; }

.u-pa-85 {
  padding: 85px !important; }

.u-pt-85 {
  padding-top: 85px !important; }

.u-pr-85 {
  padding-right: 85px !important; }

.u-pb-85 {
  padding-bottom: 85px !important; }

.u-pl-85 {
  padding-left: 85px !important; }

.u-ma-90 {
  margin: 90px !important; }

.u-mt-90 {
  margin-top: 90px !important; }

.u-mr-90 {
  margin-right: 90px !important; }

.u-mb-90 {
  margin-bottom: 90px !important; }

.u-ml-90 {
  margin-left: 90px !important; }

.u-pa-90 {
  padding: 90px !important; }

.u-pt-90 {
  padding-top: 90px !important; }

.u-pr-90 {
  padding-right: 90px !important; }

.u-pb-90 {
  padding-bottom: 90px !important; }

.u-pl-90 {
  padding-left: 90px !important; }

.u-ma-95 {
  margin: 95px !important; }

.u-mt-95 {
  margin-top: 95px !important; }

.u-mr-95 {
  margin-right: 95px !important; }

.u-mb-95 {
  margin-bottom: 95px !important; }

.u-ml-95 {
  margin-left: 95px !important; }

.u-pa-95 {
  padding: 95px !important; }

.u-pt-95 {
  padding-top: 95px !important; }

.u-pr-95 {
  padding-right: 95px !important; }

.u-pb-95 {
  padding-bottom: 95px !important; }

.u-pl-95 {
  padding-left: 95px !important; }

.u-ma-100 {
  margin: 100px !important; }

.u-mt-100 {
  margin-top: 100px !important; }

.u-mr-100 {
  margin-right: 100px !important; }

.u-mb-100 {
  margin-bottom: 100px !important; }

.u-ml-100 {
  margin-left: 100px !important; }

.u-pa-100 {
  padding: 100px !important; }

.u-pt-100 {
  padding-top: 100px !important; }

.u-pr-100 {
  padding-right: 100px !important; }

.u-pb-100 {
  padding-bottom: 100px !important; }

.u-pl-100 {
  padding-left: 100px !important; }

.u-fz-12 {
  font-size: 1.2rem; }

.u-fz-13 {
  font-size: 1.3rem; }

.u-fz-14 {
  font-size: 1.4rem; }

.u-fz-15 {
  font-size: 1.5rem; }

.u-fz-16 {
  font-size: 1.6rem; }

.u-fz-18 {
  font-size: 1.8rem; }

.u-fz-20 {
  font-size: 2rem; }

.u-ls-0 {
  letter-spacing: 0 !important; }

.u-ls-05 {
  letter-spacing: .05em !important; }

.u-ls-1 {
  letter-spacing: .1em !important; }

@media all and (-ms-high-contrast: none) {
    strong, .l-footer__megaNavList__link, .l-footer__megaNavList__list li:first-child a, .l-header__top__nav__fontSize dt, .l-header__top__nav__fontSize button, .l-header__top__nav__search button, .l-header__top__nav__en, .l-header__nav__spToggle span, .l-header__navList__item > a,
    .l-header__navList__item > button, .l-header__navList__item__localNav li:first-child a, .c-button, .c-contact__heading, .c-contact__body__heading, .c-contact__body__table dt, .c-form__item__title, .c-pageTitle, .c-heading--lv2, .c-article h2, .c-heading--lv3, .c-article h3, .c-heading--lv4, .c-article h4, .c-link__list__heading, .c-link.-large, .c-iconLink, [class^='c-list'] li::before, .c-error__heading, .c-success__list dt, .c-localNav__list li a, .c-anchorLink__list a, .c-table th, .c-table--column2 dt, .c-iconText, .c-topicsList__item time, .c-topicsSummaryList__item__title, .p-recentLaws__number__heading, .p-recentLaws__number__body__heading, .p-recentLaws__number__body__table, .p-top__heading, .p-top__mainNav__item__thumb__title, .p-top__mainNav__item__summary p, .u-bold {
      font-family: Meiryo, Helvetica, Arial, sans-serif; }
  body {
    font-family: Meiryo, 'Hiragino Kaku Gothic Pro', Helvetica, Arial, sans-serif; } }

@media screen and (max-width: 768px) {
    .l-breadcrumb {
      display: none; }
      .l-container--large {
        width: 100%; }
      .l-container--middle {
        width: 100%; }
    .l-container--sp {
      padding-right: 20px;
      padding-left: 20px; }
    .l-container--contents {
      padding-top: 30px;
      padding-bottom: 60px; }
    .l-container--contents:last-of-type {
      padding-bottom: 80px; }
  .l-footer__megaNavList__spToggle, .l-footer__megaNavList__link, .l-header__navList__item__localNav__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 14px 24px 14px 20px;
    font-weight: bold;
    text-align: left; }
  .l-footer__megaNavList__spToggle::before, .l-header__navList__item__localNav__toggle::before {
    position: absolute;
    right: 21px;
    width: 12px;
    height: 2px;
    content: ""; }
  .l-footer__megaNavList__spToggle::after, .l-header__navList__item__localNav__toggle::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2px;
    height: 12px;
    margin: 0 2px 0 10px;
    content: ""; }
  .is-open.l-footer__megaNavList__spToggle::after, .is-open.l-header__navList__item__localNav__toggle::after {
    display: none; }
  .l-footer__megaNavList__list li:not(:last-child), .l-footer__nav__list li:not(:last-child), .l-header__navList__item__localNav li:not(:last-child) {
    border-bottom: 1px solid #BCC5D8; }
  .l-footer__megaNavList__list a, .l-footer__nav__list a, .l-header__navList__item__localNav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 24px 14px 20px;
    background-color: #fff;
    color: #222; }
    .l-footer__megaNavList__list a::after, .l-footer__nav__list a::after, .l-header__navList__item__localNav a::after {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 8px;
      height: 8px;
      margin-left: 10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 2px solid #234589;
      border-right: 2px solid #234589;
      content: ""; }
    .l-footer__pageTop {
      right: 10px;
      bottom: 10px; }
  .l-footer__megaNavList__spToggle {
    color: #222; }
  .l-footer__megaNavList__item {
    border-bottom: 1px solid #BCC5D8; }
    .l-footer__megaNavList__item:last-child .l-footer__megaNavList__list li:last-child {
      border-bottom: 2px solid #BCC5D8; }
  .l-footer__megaNavList__link, .l-footer__megaNavList__spToggle {
    background-color: #D3DAE7;
    color: #222; }
  .l-footer__megaNavList__spToggle::before {
    background-color: #234589; }
  .l-footer__megaNavList__spToggle::after {
    background-color: #234589; }
  .l-footer__megaNavList__list {
    display: none; }
  .l-footer__nav__en {
    display: block;
    padding: 10px 0;
    background-color: #173757; }
    .l-footer__nav__en a {
      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;
      width: 200px;
      height: 45px;
      margin: auto;
      border: 1px solid #fff;
      border-radius: 4px;
      color: #fff;
      font-weight: bold;
      text-align: center; }
      .l-footer__nav__en a span {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      .l-footer__nav__en a::after {
        position: absolute;
        top: 18px;
        right: 14px;
        width: 8px;
        height: 8px;
        margin-left: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        content: ""; }
    .l-footer__bottom__logo {
      display: inline-block;
      width: 112px;
      margin-bottom: 12px; }
      .l-footer__bottom__logo img {
        width: 100%; }
    .l-footer__bottom__text {
      font-size: 1.2rem; }
      .l-footer__bottom__text small {
        font-size: 1rem; }
    .l-header__top {
      border-bottom: 1px solid #BCC5D8; }
    .l-header__top__logo {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding-left: 20px; }
      .l-header__top__logo img {
        display: block;
        width: 112px; }
        .l-header__top__nav__search {
          height: 50px; }
        .l-header__top__nav__search__outer {
          display: none;
          position: absolute;
          top: 60px;
          left: 0;
          width: 100%;
          padding: 40px 20px;
          background-color: #F1F4FB;
          -webkit-box-shadow: 0 20px 20px 0 rgba(15, 36, 77, 0.1);
          box-shadow: 0 20px 20px 0 rgba(15, 36, 77, 0.1);
          z-index: 100; }
    .l-header__nav {
      display: none;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      -webkit-box-shadow: 0 20px 20px 0 rgba(15, 36, 77, 0.1);
      box-shadow: 0 20px 20px 0 rgba(15, 36, 77, 0.1);
      z-index: 100; }
    .l-header__navList__item {
      border-bottom: 1px solid #fff; }
      .l-header__navList__item > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 14px 24px 14px 20px; }
        .l-header__navList__item > a::after {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8px;
          height: 8px;
          margin-left: 10px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          content: ""; }
    .c-badge {
      font-size: 1.4rem; }
    .c-badge--category {
      margin-right: 20px;
      margin-bottom: .5em; }
    .c-regtangleBadge {
      font-size: 1.4rem; }
    .c-bg--round {
      margin: 30px 0;
      padding: 30px 20px; }
      .c-article .c-bg--round {
        padding: 20px; }
    .c-bg--border {
      margin: 20px 0;
      padding: 14px 10px; }
    .c-button {
      width: 100%;
      height: 60px;
      padding: 0 20px; }
      .c-button__outer {
        margin: 30px 0; }
        .c-button__outer.-column2 {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
          .c-button__outer.-column2 .c-button:not(:last-child) {
            margin-top: 10px; }
    .c-contact {
      margin: 30px 0; }
      .c-contact__heading {
        padding: 14px 20px;
        font-size: 1.8rem;
        text-align: center; }
      .c-contact__body {
        padding: 14px 20px; }
      .c-contact__body__heading {
        margin: 0 0 14px !important; }
          .c-contact__body__table dt, .c-contact__body__table dd {
            width: 100%; }
        .c-contact__body__table dd {
          padding: 10px 0; }
          .c-contact__body__table dd:last-child {
            padding-bottom: 0; }
  .c-form {
    font-size: 1.5rem; }
  .c-form__heading {
    margin: 30px 0 14px; }
  .c-form__inner {
    margin-right: -20px;
    margin-left: -20px;
    padding: 20px; }
    .c-form__item:not(:first-child) {
      margin-top: 14px; }
    .c-form__item__title {
      margin-bottom: 4px;
      font-size: 1.6rem; }
  .c-form__item__list--inline li {
    margin-top: 10px; }
    .c-form__item__date input {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .c-form__item__date select {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .c-pageTitle__outer {
        padding: 26px 0; }
    .c-pageTitle {
      font-size: 2.4rem; }
    .c-heading--lv2, .c-article h2 {
      margin: 30px 0;
      font-size: 2.2rem; }
    .c-heading--lv3, .c-article h3 {
      margin: 30px 0 26px;
      padding: 0px 10px 8px 0;
      font-size: 2rem; }
    .c-heading--lv4, .c-article h4, .c-link__list__heading {
      margin: 20px 0;
      font-size: 1.8rem; }
  .c-imageText {
    margin: 30px 0; }
    .c-imageText__picture--top {
      margin-bottom: 10px; }
  .c-imageText__picture--right {
    margin-top: 10px;
    text-align: center; }
    .c-imageText__picture--bottom {
      margin-top: 10px; }
  .c-imageText__picture--left {
    margin-top: 10px;
    text-align: center; }
  [class^="c-imageText__picture"] img {
    width: auto; }
    .c-link {
      padding: 12px 10px 12px 40px; }
      .c-link:not([class*="-file"])::before {
        width: 30px; }
      .c-link:not([class*="-file"]) span::before {
        left: 10px; }
      .c-link.-file {
        background: url(/files/user/assets/images/common/icon-file.svg?v=1601898727) no-repeat left 13px center #fff;
        background-size: 16px; }
        .c-link.-file[href*=".pdf"] {
          background: url(/files/user/assets/images/common/icon-pdf.svg?v=1601898728) no-repeat left 10px center #fff;
          background-size: 20px; }
        .c-link.-file[href*=".xls"] {
          background: url(/files/user/assets/images/common/icon-excel.svg?v=1601898728) no-repeat left 10px center #fff;
          background-size: 20px; }
        .c-link.-file[href*=".doc"] {
          background: url(/files/user/assets/images/common/icon-word.svg?v=1601898727) no-repeat left 10px center #fff;
          background-size: 20px; }
        .c-link.-file[href*=".ppt"] {
          background: url(/files/user/assets/images/common/icon-ppt.svg?v=1601898727) no-repeat left 10px center #fff;
          background-size: 20px; }
    .c-link__list {
      margin: 20px 0; }
      .c-link__list:not([class*="-column3"]) li:not(:first-child) {
        margin-top: 10px; }
      .c-link__list.-column3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-link__list.-column3 li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: calc(50% - 6px); }
          .c-link__list.-column3 li:nth-of-type(n+3) {
            margin-top: 10px; }
          .c-link__list.-column3 li:nth-of-type(2n) {
            margin-left: 6px; }
          .c-link__list.-column3 li:nth-of-type(2n+1) {
            margin-right: 6px; }
      .c-link__list__outer {
        margin: 30px 0;
        padding: 20px 14px; }
        .c-link__list__outer .c-link__list {
          margin-top: 14px; }
    .c-error {
      padding: 20px 14px; }
    .c-success {
      padding: 20px 14px; }
  .c-success__list dd:last-child {
    padding-bottom: 0; }
    .c-localNav {
      margin-top: 30px;
      padding: 26px 20px; }
    .c-localNav__list li:not(:first-child) {
      margin-top: 10px; }
      .c-localNav__list li a {
        display: block;
        padding: 16px 40px 16px 20px;
        font-size: 1.8rem; }
        .c-localNav__list li a::after {
          right: 20px; }
    .c-anchorLink__list {
      padding: 14px 20px; }
    .c-anchorLink__list li:not(:first-child) {
      margin-top: 10px; }
    .c-pager {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 30px 0; }
      .c-pager li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 4px; }
    .c-table {
      margin: 30px 0; }
    .c-table.-scroll {
      display: block;
      overflow-x: scroll; }
    .c-table .-sp-w10 {
      width: 10px;
      min-width: 10px; }
    .c-table .-sp-w20 {
      width: 20px;
      min-width: 20px; }
    .c-table .-sp-w30 {
      width: 30px;
      min-width: 30px; }
    .c-table .-sp-w40 {
      width: 40px;
      min-width: 40px; }
    .c-table .-sp-w50 {
      width: 50px;
      min-width: 50px; }
    .c-table .-sp-w60 {
      width: 60px;
      min-width: 60px; }
    .c-table .-sp-w70 {
      width: 70px;
      min-width: 70px; }
    .c-table .-sp-w80 {
      width: 80px;
      min-width: 80px; }
    .c-table .-sp-w90 {
      width: 90px;
      min-width: 90px; }
    .c-table .-sp-w100 {
      width: 100px;
      min-width: 100px; }
    .c-table .-sp-w110 {
      width: 110px;
      min-width: 110px; }
    .c-table .-sp-w120 {
      width: 120px;
      min-width: 120px; }
    .c-table .-sp-w130 {
      width: 130px;
      min-width: 130px; }
    .c-table .-sp-w140 {
      width: 140px;
      min-width: 140px; }
    .c-table .-sp-w150 {
      width: 150px;
      min-width: 150px; }
    .c-table .-sp-w160 {
      width: 160px;
      min-width: 160px; }
    .c-table .-sp-w170 {
      width: 170px;
      min-width: 170px; }
    .c-table .-sp-w180 {
      width: 180px;
      min-width: 180px; }
    .c-table .-sp-w190 {
      width: 190px;
      min-width: 190px; }
    .c-table .-sp-w200 {
      width: 200px;
      min-width: 200px; }
    .c-table .-sp-w210 {
      width: 210px;
      min-width: 210px; }
    .c-table .-sp-w220 {
      width: 220px;
      min-width: 220px; }
    .c-table .-sp-w230 {
      width: 230px;
      min-width: 230px; }
    .c-table .-sp-w240 {
      width: 240px;
      min-width: 240px; }
    .c-table .-sp-w250 {
      width: 250px;
      min-width: 250px; }
    .c-table .-sp-w260 {
      width: 260px;
      min-width: 260px; }
    .c-table .-sp-w270 {
      width: 270px;
      min-width: 270px; }
    .c-table .-sp-w280 {
      width: 280px;
      min-width: 280px; }
    .c-table .-sp-w290 {
      width: 290px;
      min-width: 290px; }
    .c-table .-sp-w300 {
      width: 300px;
      min-width: 300px; }
    .c-table .-sp-w310 {
      width: 310px;
      min-width: 310px; }
    .c-table .-sp-w320 {
      width: 320px;
      min-width: 320px; }
    .c-table .-sp-w330 {
      width: 330px;
      min-width: 330px; }
    .c-table .-sp-w340 {
      width: 340px;
      min-width: 340px; }
    .c-table .-sp-w350 {
      width: 350px;
      min-width: 350px; }
    .c-table--column2 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .c-table--column2 dt, .c-table--column2 dd {
        width: 100%;
        padding: 10px; }
    .c-article__top {
      margin-bottom: 20px; }
    .c-topicsList {
      padding: 20px; }
      .c-topicsList__item {
        padding: 1em 0; }
          .c-topicsList__item a::after {
            margin-top: 15px; }
          .c-topicsList__item a.-file::after {
            right: 0;
            width: 20px;
            height: 22px;
            background-size: 16px; }
          .c-topicsList__item a.-file[href*=".pdf"]::after {
            background-size: 20px; }
          .c-topicsList__item a.-file[href*=".xlsx"]::after {
            background-size: 20px; }
          .c-topicsList__item a.-file[href*=".docx"]::after {
            background-size: 20px; }
          .c-topicsList__item a.-file[href*=".pptx"]::after {
            background-size: 20px; }
        .c-topicsList__item__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .c-topicsList__item time {
          -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          margin-bottom: .5em;
          font-size: 1.4rem; }
        .c-topicsList__item__title {
          width: 100%;
          margin-right: 20px; }
    .c-topicsSummaryList__item {
      padding: 14px 20px; }
      .c-topicsSummaryList__item__summary {
        margin-top: 8px;
        padding-top: 8px; }
      .c-topicsSummaryList__item__summary__list li:not(:first-child) {
        margin-top: 8px; }
    .p-about-recruitment__list a {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .p-about-recruitment__list a span:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%; }
    .p-about-recruitment__list__badge {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin: 0 0 8px; }
      .p-recentLaws__number__heading {
        padding: 14px 20px; }
      .p-recentLaws__number__body {
        padding: 0 20px; }
        .p-recentLaws__number__body__inner {
          padding: 14px 0; }
          .p-recentLaws__number__body__inner:not(:first-child) {
            border-top: 1px solid #BCC5D8; }
        .p-recentLaws__number__body__heading {
          margin-bottom: 8px; }
        .p-recentLaws__number__body__table {
          width: 48%; }
          .p-recentLaws__number__body__table dt {
            padding: 4px 0;
            font-size: 1.5rem; }
        .p-recentLaws__number__body__table dd {
          font-size: 2.2rem; }
      .p-recentLaws__number__note p:last-child {
        text-align: right; }
  .p-recentLaws__localNav {
    padding: 30px 0; }
      .p-search__item a {
        padding: 14px 20px; }
    .p-top__heading {
      margin-bottom: 30px;
      font-size: 2.4rem; }
      .p-top__heading.-relatedLink span {
        padding: 40px;
        background-size: 30px; }
  .p-top__importantTopics {
    padding: 30px 0; }
    .p-top__mainNav__inner {
      padding: 30px 0 40px; }
    .p-top__mainNav__item:not(:first-of-type) {
      margin-top: 20px; }
      .p-top__mainNav__item__thumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 186px;
        border-radius: 12px 12px 0 0; }
        .p-top__mainNav__item__thumb__title {
          font-size: 3rem; }
        .p-top__mainNav__item__thumb img {
          border-radius: 12px 12px 0 0; }
    .p-top__mainNav__item__summary {
      padding: 30px 20px; }
      .p-top__mainNav__item__summary p {
        margin: 0 0 20px;
        line-height: 1.6; }
  .p-top__topics {
    padding-top: 50px; }
    .p-top__update {
      padding-top: 40px !important; }
  .p-top__relatedLink {
    padding-top: 40px; }
  .is-pc {
    display: none !important; } }

@media print, screen and (min-width: 769px) {
      .l-container--huge {
        min-width: 1360px; }
      .l-container--large {
        width: 1040px;
        margin: 0 auto;
        padding-right: 20px;
        padding-left: 20px; }
      .l-container--middle {
        width: 800px;
        margin: 0 auto; }
    .l-container--contents {
      padding-top: 60px;
      padding-bottom: 80px; }
    .l-container--contents:last-of-type {
      padding-bottom: 100px; }
    .l-footer__pageTop {
      right: 50px;
      bottom: 50px; }
    .l-footer__megaNav a:hover {
      color: #3965BD; }
  .l-footer__megaNav {
    padding: 2em 0;
    background-color: #D3DAE7; }
    .l-footer__megaNavList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .l-footer__megaNavList__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 235px;
        flex: 0 0 235px; }
        .l-footer__megaNavList__item:not(:nth-child(4n+1)) {
          margin-right: 20px; }
        .l-footer__megaNavList__item.-contact {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 745px;
          margin-right: 0; }
        .is-fz-large .l-footer__megaNavList__item,
        .is-fz-xlarge .l-footer__megaNavList__item {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 48%;
          flex: 0 0 48%; }
      .l-footer__megaNavList__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        border: 1px solid #BCC5D8;
        border-radius: 4px;
        background-color: #fff;
        color: #222; }
        .l-footer__megaNavList__link::before {
          display: inline-block;
          width: 40px;
          height: auto;
          border-radius: 4px 0 0 4px;
          background-color: #234589;
          content: ""; }
        .l-footer__megaNavList__link::after {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 14px;
          width: 8px;
          height: 8px;
          -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          content: ""; }
        .l-footer__megaNavList__link:hover::before {
          background-color: #3965BD; }
        .l-footer__megaNavList__link span {
          display: inline-block;
          padding: .5em 1em; }
      .l-footer__megaNavList__list {
        margin: .5em 0 1em; }
        .l-footer__megaNavList__list li {
          padding-left: 2em;
          background: url(/files/user/assets/images/common/icon-triangle.svg?v=1601898726) no-repeat left 1em center; }
        .l-footer__megaNavList__list a {
          display: inline-block;
          padding: .3em 0;
          color: #222;
          font-size: 1.5rem; }
        .l-footer__megaNavList__list.-column2 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .l-footer__megaNavList__list.-column2 li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 300px; }
            .l-footer__megaNavList__list.-column2 li.-wide {
              width: 445px; }
    .l-footer__nav a:hover {
      text-decoration: underline; }
  .l-footer__nav {
    padding: 1em 0;
    background-color: #173757; }
    .l-footer__nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .l-footer__nav__list li:not(:last-child) {
        border-right: 1px solid #BCC5D8; }
      .l-footer__nav__list li a {
        padding: 0 1.4em;
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.5; }
    .l-footer__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .l-footer__bottom__logo {
      margin-right: 20px; }
    .l-footer__bottom__text {
      font-size: 1.4rem; }
      .l-footer__bottom__text small {
        font-size: 1.2rem; }
    .l-header__top {
      padding-top: 20px;
      padding-bottom: 20px; }
    .l-header__top__logo a {
      display: inline-block; }
      .l-header__top__logo a img {
        width: 182px; }
        .l-header__top__nav__search {
          height: 2.2em;
          margin-top: 14px; }
    .l-header__navList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: inherit; }
      .is-fz-xlarge .l-header__navList {
        width: 100%;
        padding: 0 50px; }
    .l-header__navList__item {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .l-header__navList__item > a,
      .l-header__navList__item > button {
        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;
        height: 100%;
        padding: 18px 0; }
      .l-header__navList__item.is-current > a,
      .l-header__navList__item.is-current > button {
        background-color: #4F6AA1;
        color: #fff; }
      .l-header__navList__item a:hover,
      .l-header__navList__item button:hover {
        color: #fff; }
      .l-header__navList__item__localNav {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 20px 0;
        background-color: #3965BD;
        -webkit-box-shadow: 0 30px 30px 0 rgba(15, 36, 77, 0.1);
        box-shadow: 0 30px 30px 0 rgba(15, 36, 77, 0.1);
        z-index: 100; }
        .l-header__navList__item__localNav__inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
          padding: 30px 0; }
          .l-header__navList__item__localNav__inner li:not(:first-child) {
            width: 260px;
            background: url(/files/user/assets/images/common/icon-triangle-white.svg?v=1602677382) no-repeat left center; }
            .l-header__navList__item__localNav__inner li:not(:first-child) a {
              display: inline-block;
              padding: 10px 0 10px 14px; }
          .l-header__navList__item__localNav__inner li:nth-child(2n) {
            margin-left: 400px; }
          .l-header__navList__item__localNav__inner li:nth-child(2n+1) {
            margin-left: 40px; }
          .l-header__navList__item__localNav__inner li:first-child {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            position: absolute;
            top: 0;
            left: 30px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 300px;
            height: 100%;
            margin: 0;
            border-right: 1px solid #BCC5D8; }
            .l-header__navList__item__localNav__inner li:first-child::before {
              width: 10px;
              height: 10px;
              margin-right: 14px;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              content: ""; }
            .l-header__navList__item__localNav__inner li:first-child a {
              font-size: 2rem; }
          .l-header__navList__item__localNav__inner.-contact li.-wide {
            width: 320px; }
        .l-header__navList__item__localNav__toggle {
          width: 100%; }
          .l-header__navList__item__localNav__toggle.is-open {
            background-color: #3965BD !important; }
    .c-badge--category {
      margin-right: 20px; }
    .c-bg--border {
      margin: 30px 0;
      padding: 20px; }
        .c-button__outer.-column2 {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
      .c-contact__heading {
        padding: 18px 30px;
        font-size: 2.4rem; }
          .c-contact__body__table dt {
            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;
            width: 18%; }
            .c-contact__body__table dt:not(:first-of-type) {
              margin-top: 10px; }
        .c-contact__body__table dd {
          width: 82%;
          padding-left: 20px; }
          .c-contact__body__table dd:not(:first-of-type) {
            margin-top: 10px; }
  .c-form__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 20px; }
    .c-form__heading * + * {
      margin-left: 30px; }
  .c-form__inner {
    padding: 30px;
    border-radius: 12px; }
  .c-form__inner.-confirm .c-form__item__title {
    display: inline-block;
    width: 200px;
    margin-bottom: 0; }
  .c-form__item__list--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .c-form__item__list--inline li {
      margin-right: 20px; }
      .c-pageTitle__outer {
        padding: 20px 0 40px; }
    .c-pageTitle {
      font-size: 3.2rem;
      letter-spacing: .05em; }
    .c-heading--lv2, .c-article h2 {
      margin: 60px 0 40px;
      font-size: 2.8rem; }
    .c-heading--lv3, .c-article h3 {
      margin: 40px 0 30px;
      padding: 0 10px 10px 0;
      font-size: 2.4rem; }
    .c-heading--lv4, .c-article h4, .c-link__list__heading {
      margin: 30px 0;
      font-size: 2rem; }
  .c-imageText {
    margin: 40px 0; }
    .c-imageText__picture--top {
      margin: 0 auto 20px; }
  .c-imageText__picture--right {
    margin: 0 0 20px 50px;
    float: right; }
    .c-imageText__picture--bottom {
      margin: 20px auto 0; }
  .c-imageText__picture--left {
    margin: 0 50px 20px 0;
    float: left; }
  [class^="c-imageText__picture"] {
    display: table;
    width: 150px;
    text-align: center; }
    .c-link {
      padding: 12px 24px 12px 60px; }
      .c-link:not([class*="-file"])::before {
        width: 45px; }
      .c-link:not([class*="-file"]) span::before {
        left: 16px; }
    .c-link.-large {
      padding-left: 66px;
      font-size: 1.8rem; }
      .c-link.-large::before {
        width: 50px; }
      .c-link.-large span::before {
        left: 19px; }
    .c-link.-inline {
      display: inline-block;
      min-width: 300px; }
    .c-link__list {
      margin: 30px 0; }
      .c-link__list:not([class*="-column"]) li:not(:first-child) {
        margin-top: 10px; }
      .c-link__list.-column2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-link__list.-column2 li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: calc(50% - 20px); }
          .c-link__list.-column2 li:nth-of-type(n+3) {
            margin-top: 20px; }
          .c-link__list.-column2 li:nth-of-type(2n) {
            margin-left: 20px; }
          .c-link__list.-column2 li:nth-of-type(2n+1) {
            margin-right: 20px; }
      .c-link__list.-column3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-link__list.-column3 li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: calc(33% - 20px); }
          .c-link__list.-column3 li:nth-of-type(n+4) {
            margin-top: 20px; }
          .c-link__list.-column3 li:not(:nth-of-type(3n)) {
            margin-right: 30px; }
  .c-success__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .c-success__list dt {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%; }
      .c-success__list dt:not(:first-of-type) {
        margin-top: 10px; }
  .c-success__list dd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80%; }
    .c-success__list dd:not(:first-of-type) {
      margin-top: 10px; }
    .c-localNav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .c-localNav__list li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: calc(50% - 10px); }
      .c-localNav__list li:nth-of-type(n+3) {
        margin-top: 20px; }
      .c-localNav__list li:nth-of-type(2n) {
        margin-left: 10px; }
      .c-localNav__list li:nth-of-type(2n+1) {
        margin-right: 10px; }
      .c-localNav__list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding: 36px 46px 36px 26px;
        font-size: 2rem; }
        .c-localNav__list li a::after {
          right: 26px; }
    .c-anchorLink__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 20px 30px; }
    .c-anchorLink__list li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .c-pager {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 60px 0; }
      .c-pager__link {
        margin-left: 20px; }
        .c-pager__control.-first {
          margin-right: 14px; }
      .c-pager__control.-prev {
        margin-right: 40px; }
      .c-pager__control.-next {
        margin-left: 40px; }
        .c-pager__control.-last {
          margin-left: 14px; }
    .c-table {
      width: 100%;
      margin: 40px 0; }
      .c-table--column2 dt, .c-table--column2 dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .c-table--column2 dt {
        width: 28%; }
    .c-table--column2 dd {
      width: 72%; }
    .c-article__top {
      margin-bottom: 40px; }
    .c-topicsList {
      padding: 40px; }
      .c-topicsList__item {
        padding: 1em 10px; }
        .is-fz-large .c-topicsList__item__inner,
        .is-fz-xlarge .c-topicsList__item__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        .c-topicsList__item time {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 140px; }
          .is-fz-large .c-topicsList__item time {
            width: 200px; }
          .is-fz-xlarge .c-topicsList__item time {
            width: 260px; }
        .c-topicsList__item__title {
          line-height: 26px; }
          .is-fz-large .c-topicsList__item__title,
          .is-fz-xlarge .c-topicsList__item__title {
            width: 100%;
            margin-top: 10px; }
    .c-topicsSummaryList__item {
      padding: 20px; }
      .c-topicsSummaryList__item__title {
        font-size: 1.8rem; }
      .c-topicsSummaryList__item__summary__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .c-topicsSummaryList__item__summary__list li {
          margin-right: 20px; }
    .p-about-recruitment__list a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .p-about-recruitment__list__badge {
      height: 32px; }
      .p-recentLaws__number__heading {
        padding: 18px 30px; }
      .p-recentLaws__number__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0; }
        .p-recentLaws__number__body__inner {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 50%;
          padding: 0 30px 4px; }
          .p-recentLaws__number__body__inner:first-child {
            padding-right: 40px; }
          .p-recentLaws__number__body__inner:not(:first-child) {
            padding-left: 40px;
            border-left: 1px solid #BCC5D8; }
        .p-recentLaws__number__body__heading {
          margin-bottom: 12px; }
        .p-recentLaws__number__body__table {
          width: 200px; }
        .p-recentLaws__number__body__table dd {
          font-size: 3rem; }
      .p-recentLaws__number__note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
  .p-recentLaws__localNav {
    padding: 60px 0; }
      .p-search__item a {
        padding: 20px; }
    .p-top__heading {
      margin-bottom: 40px;
      font-size: 3.2rem; }
    .p-top__heading.-left {
      padding-left: 30px;
      text-align: left; }
      .p-top__heading.-left::after {
        margin-left: 0; }
    .p-top__heading.-sub {
      font-size: 2.8rem; }
      .p-top__heading.-relatedLink span {
        padding-left: 46px;
        background-size: 34px; }
  .p-top__importantTopics {
    padding: 40px 0 50px; }
  .p-top__mainNav {
    margin-bottom: 20px;
    border-radius: 4px; }
    .p-top__mainNav__inner {
      width: 100%;
      min-width: 1040px;
      max-width: 1300px;
      margin: auto;
      padding: 30px 0 40px;
      border-radius: 4px; }
    .p-top__mainNav__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 250px; }
      .is-fz-large .p-top__mainNav__item {
        height: 400px; }
      .is-fz-xlarge .p-top__mainNav__item {
        height: 600px; }
    .p-top__mainNav__item:not(:first-of-type) {
      margin-top: 30px; }
      .p-top__mainNav__item__thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 450px;
        height: 100%;
        border-radius: 12px 0 0 12px; }
        .p-top__mainNav__item__thumb__title {
          padding: 0 70px;
          font-size: 3.6rem; }
          .p-top__mainNav__item__thumb__title span {
            padding-bottom: 2px;
            -webkit-transition: border-color .2s;
            transition: border-color .2s; }
        .p-top__mainNav__item__thumb img {
          border-radius: 12px 0 0 12px; }
    .p-top__mainNav__item__summary {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 550px;
      padding-right: 60px;
      padding-left: 60px; }
      .p-top__mainNav__item__summary p {
        margin: 0 0 25px;
        line-height: 2; }
  .p-top__topics {
    padding-bottom: 100px; }
    .p-top__update {
      padding-top: 50px !important; }
  .p-top__relatedLink__inner {
    padding: 40px 100px; }
  .is-sp {
    display: none !important; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  .l-footer__megaNavList__link {
    color: #222; }
    .l-footer__megaNavList__link::after {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 8px;
      height: 8px;
      margin-left: 10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 2px solid #234589;
      border-right: 2px solid #234589;
      content: ""; } }

@media print, screen and (min-width: 769px) and (min-width: 769px) {
    .c-anchorLink__list.-column2 li {
      width: 460px; }
      .c-anchorLink__list.-column2 li:nth-child(n+3) {
        margin-top: 20px; }
      .c-anchorLink__list.-column2 li:nth-child(2n) {
        margin-left: 20px; }
    .c-anchorLink__list.-column3 li {
      width: 300px; }
      .c-anchorLink__list.-column3 li:not(:nth-child(3n)) {
        margin-right: 20px; }
      .c-anchorLink__list.-column3 li:nth-child(n+4) {
        margin-top: 20px; } }

@media screen and (max-width: 320px) {
        .c-pager__control a {
          padding: 10px;
          font-size: 1.5rem; }
      .p-recentLaws__number__body {
        padding: 0 10px; }
          .p-recentLaws__number__body__table dt {
            font-size: 1.3rem; } }

@media screen and (min-width: 1180px) {
  .p-top__mainNav {
    margin: 50px 50px 20px; } }