/* 大枠
------------------------------------- */

.cont-static-block {
    margin-top: 5px;
}

.cont-static-block {
  margin: auto;
  width: 94%;
}


  
  @media only screen and (min-width: 700px) and (max-width: 1024px) {
    .cont-static-block {
      margin: auto;
      width: 94%;
    }
  }
  @media only screen and (max-width: 699px) {
    .cont-static-block {
      margin: auto;
      width: 90%;
    }
  }
  
  /* グループ分け時に使用するブロック */
  .static-group {
    margin-bottom: 60px;
  }
  
  
  
  /* 見出し
  ------------------------------------- */
  
  /* 見出しスタイル１ */
  .cont-static-block h1 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 35px 0;
    color: #007ee2;
  }
  /* 見出しスタイル2 */
  .cont-static-block h2 {
    margin: 0 0 25px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #0068b7;
    font-size: 1.429em;
    line-height: normal;
  }
  .cont-static-block h2 span { /* サブキャッチ */
    margin-left: 15px;
    font-size: 0.756em;
    color: #999999;
  }
  /* 見出しスタイル3 */
  .cont-static-block h3 {
    margin: 0 0 20px 0;
    font-size: 1.168em;
    font-weight: bold;
    color: #007ee2;
  }
  /* 見出しスタイル4 */
  .cont-static-block h4 {
    margin: 0 0 15px 0;
    font-size: 1.088em;
    font-weight: bold;
  }
  
  
  
  /* テキスト
  ------------------------------------- */
  
  /* 通常 */
  .static-group p {
    margin-bottom: 20px;
  }
  
  /* フォントサイズ */
  .static-group p.fs-s {
    font-size: 1em;
  }
  .static-group p.fs-m {
    font-size: 1.15em;
  }
  .static-group p.fs-l {
    font-size: 1.24em;
  }
  
  /* 太さ */
  .cont-static-block p.fs-bold {
    font-weight: bold;
  }
  
  /* マージン */
  .static-group .mb10 { margin-bottom: 10px !important; }
  .static-group .mb20 { margin-bottom: 20px !important; }
  .static-group .mb30 { margin-bottom: 30px !important; }
  .static-group .mb40 { margin-bottom: 40px !important; }
  .static-group .mb50 { margin-bottom: 50px !important; }
  .static-group .mb60 { margin-bottom: 60px !important; }
  .static-group .mb70 { margin-bottom: 70px !important; }
  .static-group .mb80 { margin-bottom: 80px !important; }
  
  /* フォントカラー */
  .cont-static-block .fc-black{ color:#000000 !important; }
  .cont-static-block .fc-green{ color:#44b758 !important; }
  .cont-static-block .fc-orange{ color:#fc9f39 !important; }
  .cont-static-block .fc-red{ color:#fe4542 !important; }
  .cont-static-block .fc-blue{ color:#007ee2 !important; }
  
  /* フォントカスタム */
  .cont-static-block .fs-bold{ font-weight:bold !important;}
  .cont-static-block .underline{ text-decoration:underline; }
  
  /* 行揃え */
  .cont-static-block .ta-left { text-align: left !important; }
  .cont-static-block .ta-center { text-align: center !important; }
  .cont-static-block .ta-right { text-align: right !important; }
  
  
  
  /* リンク
  ------------------------------------- */
  
  .cont-static-block a:hover {
    text-decoration: underline;
  }
  
  /* リンクボタン */
  .cont-static-block .allBtn a {
    font-size: .857em;
    padding: 5px 10px;
    background-color: #007ee2;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .cont-static-block .previewArea .preview_pdf a {
    margin-bottom: 0;
  }
  .cont-static-block .allBtn a:hover, .cont-static-block .preview_pdf a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  
  
  
  /* ブロック
  ------------------------------------- */
  
  .cont-static-block .row, .cont-static-block .article{
    width:100%;
    box-sizing:border-box;
  }
  .cont-static-block .row:after, .cont-static-block .article:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  }
  
  @media only screen and (min-width: 700px) { /* PC,Tab */
    .cont-static-block [class*="col-md-"] { float: left; }
    .cont-static-block .col-md-1 { width: 8.333%; }
    .cont-static-block .col-md-2 { width: 16.663%; }
    .cont-static-block .col-md-3 { width: 24.99%; }
    .cont-static-block .col-md-4 { width: 33.332%; }
    .cont-static-block .col-md-5 { width: 41.665%; }
    .cont-static-block .col-md-6 { width: 49.998%; }
    .cont-static-block .col-md-7 { width: 58.331%; }
    .cont-static-block .col-md-8 { width: 66.664%; }
    .cont-static-block .col-md-9 { width: 74.997%; }
    .cont-static-block .col-md-10 { width: 83.33%; }
    .cont-static-block .col-md-11 { width: 91.663%;}
    .cont-static-block .col-md-12 { width: 99.996%; }
  }
  
  .cont-static-block [class*="col-md-"].p5{ padding:5px; box-sizing:border-box; }
  .cont-static-block [class*="col-md-"].p10{ padding:10px; box-sizing:border-box; }
  .cont-static-block [class*="col-md-"].p15{ padding:15px; box-sizing:border-box; }
  .cont-static-block [class*="col-md-"] .cap{ display:block; }
  
  @media only screen and (max-width: 699px) { /* SP */
    .cont-static-block [class*="col-md-"] { float: left; }
    .cont-static-block .col-xd-1 { width: 8.333%; }
    .cont-static-block .col-xd-2 { width: 16.663%; }
    .cont-static-block .col-xd-3 { width: 24.99%; }
    .cont-static-block .col-xd-4 { width: 33.332%; }
    .cont-static-block .col-xd-5 { width: 41.665%; }
    .cont-static-block .col-xd-6 { width: 49.998%; }
    .cont-static-block .col-xd-7 { width: 58.331%; }
    .cont-static-block .col-xd-8 { width: 66.664%; }
    .cont-static-block .col-xd-9 { width: 74.997%; }
    .cont-static-block .col-xd-10 { width: 83.33%; }
    .cont-static-block .col-xd-11 { width: 91.663%;}
    .cont-static-block .col-xd-12 { width: 99.996%; }
  }
  
  .cont-static-block [class*="col-xd-"].p5{ padding:5px; box-sizing:border-box; }
  .cont-static-block [class*="col-xd-"].p10{ padding:10px; box-sizing:border-box; }
  .cont-static-block [class*="col-xd-"].p15{ padding:15px; box-sizing:border-box; }
  .cont-static-block [class*="col-xd-"] .cap{ display:block; }
  
  .cont-static-block img{ width:100%;}
  
  
  
  /* テーブル組
  ------------------------------------- */
  
  /* table ver */
  .cont-static-block .table-style-def{
      width:100%;
      margin-bottom:20px;
  }
  
  .cont-static-block .table-style-def th,
  .cont-static-block .table-style-def td{
      padding:0;
      margin:0;
      padding:10px;
      border-bottom:#ddd solid 1px;
      text-align:left;
      position:relative;
  }
  
  .cont-static-block .table-style-def th{
      background:#007ee2;
      color:#FFF;
      font-size:15px;
  }
  
  /* dl ver */
  .cont-static-block .dl-table{
    margin-bottom: 20px;
      box-sizing:border-box;
      width:100%;
  }
  .dl-table:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }
  .cont-static-block .dl-table dt{
      padding:10px 0 10px;
      width:20%;
      font-weight:bold;
      float:left;
  }
  .cont-static-block .dl-table dd{
      padding:10px 7px 10px 22%;
      border-bottom:#ddd solid 1px;
  }
  
  .cont-static-block .dl-table.no-border dt{
      padding:7px 0;
  }
  .cont-static-block .dl-table.no-border dd{
      padding:7px 7px 7px 22%;
      border-bottom: none;
  }
  
  
  
  /* リスト
  ------------------------------------- */
  
  .cont-static-block ul{  }
          .cont-static-block ul li{
              margin:7px 0 5px;
          }
  .cont-static-block .list-disc{ margin-left:18px; }
          .cont-static-block .list-disc li{
              list-style:outside disc;
          }
  
  .cont-static-block .list-number{ margin-left:15px; }
          .cont-static-block .list-number li{
              list-style:outside decimal;
          }
  
  .cont-static-block .list-com li{
      list-style:none;
      padding-left:16px;
      position:relative;
  }
  
  .cont-static-block .list-com li:before{
      content:"※";
      position:absolute;
      left:0px;
      top:0;
  }
  
  
  
  /* タブ
  ------------------------------------- */
  
  .cont-static-block .tab-nav {
    display: block;
    margin-bottom: 20px;
    border-bottom: 2px solid #017ee2;
  }
  @media only screen and (max-width: 699px) {
    .cont-static-block .tab-nav {
      width: 100%;
      height: 40px;
      overflow-x: auto;
      white-space: nowrap;
    }
  }
  .cont-static-block .tab-nav ul {
    display: block;
    font-size: 0;
  }
  @media only screen and (max-width: 699px) {
    .cont-static-block .tab-nav ul {
      width: 100%;
      max-width: none;
      min-width: inherit;
    }
  }
  .cont-static-block .tab-nav li {
    display: inline-block;
    margin: 0;
    margin-right: 2px;
    font-size: 12px;
  }
  .cont-static-block .tab-nav li a {
    display: block;
    padding: 10px 14px;
    background-color: #eeeeee;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    text-decoration: none;
    font-size: 1.15em;
  }
  .cont-static-block .tab-nav li a:hover {
    background: #017ee2;
    color: #fff;
  }
  .cont-static-block .tab-nav li.active a {
    background: #017ee2;
    color: #fff;
  }
  
  
  
  /* その他
  ------------------------------------- */
  
  /* 枠内テキスト */
  .autoreDetail p:last-of-type { margin-bottom: 0; }

    
  /* 追加
  ------------------------------------- */
  .dl-table2 dl {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.dl-table2 dt {
    flex-basis: 20%;
    padding: 20px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
}

.dl-table2 dd {
    flex-basis: 80%;
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 699px) {
    .dl-table2 dl {
        flex-flow: column;
    }
}