/* =========================================================
   custom_2025.css
   2025年11月 「資料室」へコンテンツ追加の対応のため作成
   ========================================================= */

   :root {
    --primary-color: #01259c;
    --primary-light-color: #E6EAF5; /* primaryの10％ */
    --common-space: 30px;
   }

   html {
     scroll-behavior: smooth;
   }

   .main_contents--description {
    font-size: 14px;
    padding: 0 0 var(--common-space) 15px;
   }

   .main_contents__heading-like {
        display: block;
        width: 100%;
        color: var(--primary-color);
        font-size: 18px;
        border-top: 2px solid var(--primary-color);
        border-left: 4px solid var(--primary-color);
        padding: 10px 6px;
        margin-top: 2.5em;
        margin-bottom: var(--common-space);
   }

   .main_contents__h2--faded {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
        url(../images/ao_bar.jpg);
        color: var(--primary-color);
   }

   .main_contents__h2--hidden {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0 0 0 0) !important;
     white-space: nowrap !important;
     border: 0 !important;
   }

   .container {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: start;
     position: relative;
     gap: 1em;
   }

   .container__left {
     .nav {
          list-style: none;
          margin-top: 20px;
          .nav__item {
               margin-bottom: 2px;
          }
          .nav__link {
               background-color: var(--primary-color);
               text-align: right;
               border-top-right-radius: 8px;
               border-bottom-right-radius: 8px;
               display: block;
               width: 96px;
               padding: 0.75em 1em;
               color: #fff;
               font-weight: bold;
          }
          .nav__link--faded {
               background-color: var(--primary-light-color);
               color: var(--primary-color);
          }
     }
   }
   .container__left--sticky {
     position: sticky;
     top: 0;
     left: 0;
   }

   .container__right--row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
   }

   .image {
     background-color: #F4F4F4;
     box-sizing: border-box;
     width: 230px;
     height: 155px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 8px 32px;
     margin: 0;
     .image__item {
          max-width: 100%;
          height: auto;
          max-height: 100%;
     }
   }

   .table2.table2--faded th {
     background-color: var(--primary-light-color);
     border-color: var(--primary-light-color);
     color: var(--primary-color);
     .table2__h3 {
       color: var(--primary-color);
     }
   }

   .table2__h3 {
     width: auto;
     text-align: right;
     height: auto;
     background: none;
     border: none;
     font-weight: bold;
     font-size: 1em;
     margin: 0;
     padding: 0;
   }

   .table2__sub-title-list {
     list-style: none;
     padding: 0.5em 0 0.5em 1em;
   }