@charset "UTF-8";/* CSS変数の宣言 */

   ul,
   ol {
     font-size: 100%;
     list-style: none;
     margin: 0.25em 0 0 1em;
     padding: 0;
   }

   li {
     margin-bottom: 0.5em;
   }

   li ul,
   li ol {
     margin: 0 0 0 1.5em;
     padding: 0;
   }



   /*カッコ付の連番を振るスタイル*/
   ol.ol-kakko > li {
     counter-increment: cnt-kakko;
     margin-left: 3.5em; /* サイトに合せて調整 */
     margin-bottom: 1em;
   }

   ol.ol-kakko > li::before {
     content: "（"counter(cnt-kakko) "）";
     display: inline-block;
     margin-left: -3em; /* サイトに合せて調整 */
     width: 3em; /* サイトに合せて調整 */
   }

   @media (max-width: 576px) {
     ol.ol-kakko {
       margin-left: 0;
       padding-left: 0;
     }
     ol.ol-kakko > li {
       margin-left: 3em;
     }
   }

   /*数字が丸で囲まれた連番を振るスタイル*/
   ol.ol-maru {
     padding-left: 0;
     margin-left: 0;
     margin-top: 0.8em;
   }

   ol.ol-maru > li {
     position: relative;
     padding-left: 2em;
     counter-increment: cnt-maru;
   }

   ol.ol-maru > li::before {
     position: absolute;
     top: 1.1em;
     left: 0;
     display: flex;
     justify-content: center;
     content: counter(cnt-maru);
     align-items: center;
     transform: translateY(-50%);
     font-size: 75%;
     width: calc(1.3em);
     height: calc(1.3em);
     border: 1px solid #333;
     border-radius: 50%;
     text-align: center;
     line-height: 1;
   }

   ol.ol-maru li dt {
     margin-bottom: 0.5em;
   }
   ol.ol-maru li dd {
     margin-left: 0;
   }

   a.link-gaibu::after {
  content: url(../images/ico_open_in_new.gif);
  padding-right: 0.2rem;
  vertical-align: middle;
}