@charset "UTF-8";

/* ==========================================================================
   p-column_fv.css
   ========================================================================== */

/* partial override */
/* ========================================================================= */

.o-m__breadcrumb-list {
  @media screen and (max-width: 576px) {
    display: block;
    padding: 8px 12px 9px;
  }
}

.o-m__breadcrumb-list_link {
  @media screen and (max-width: 576px) {
    display: inline;
    margin: 0 5px 0 0;
  }
  &:after {
    @media screen and (max-width: 576px) {
      position: static;
      display: inline-block;
      margin: 0 0 0 5px;
    }
  }
}

/* ========================================================================= */
/* object page_common */
/* ========================================================================= */

.p__column-detail.column-detail {
  padding: 70px 0;
  @media screen and (max-width: 768px) {
    padding: 40px 0;
    width: 90%;
  }
  .side_area {
    margin: 0 0 30px;
    .bn-box02 .img-shiryo {
      padding: 15px 0;
      img {
        width: 200px;
      }
    }
    .bn-box02 li a {
      text-decoration: none;
      color: var(--black);
      transition: all 0.3s;
      &::before {
        border-right-color: var(--rmeisai-primary);
        border-bottom-color: var(--rmeisai-primary);
      }
      &::after {
        transition: border 0.25s ease-in-out;
      }
      .shiryo_ttl {
        color: var(--rmeisai-primary);
      }
      &:hover::after {
        border-color: var(--rmeisai-primary);
      }
    }
  }
}

.p__column-detail_description {
  margin-bottom: 35px;
  @media screen and (max-width: 768px) {
    margin-bottom: 30px;
  }
  p {
    font-size: 16px;
    line-height: 1.8;
    padding: 0;
    margin: 0;
    @media screen and (max-width: 768px) {
      font-size: 14px;
    }
    a {
      color: var(--link);
    }
  }
}

.p__column-detail .side_area {
  .ttl {
    width: 100%;
    background: var(--rmeisai-primary);
    color: var(--white);
    font-size: 1.2rem;
    padding: 12px 20px 10px;
    box-sizing: border-box;
    text-align: center;
    @media screen and (max-width: 768px) {
      font-size: 1.1rem;
      padding: 12px 12px;
    }
  }
  .side_area {
    @media screen and (max-width: 576px) {
      padding: 0;
      max-width: 295px;
      width: 100%;
      margin: 0 auto;
    }
  }
  .side-category {
    margin-top: 35px;
    @media screen and (max-width: 768px) {
      margin-top: 40px;
    }
    .ttl {
      width: 100%;
      background: var(--rmeisai-primary);
      color: var(--white);
      font-size: 1.2rem;
      padding: 12px 20px 10px;
      box-sizing: border-box;
      text-align: center;
      @media screen and (max-width: 768px) {
        font-size: 1.1rem;
        padding: 12px 12px;
      }
    }
    li {
      border-bottom: 1px solid var(--gray-bg-01);
      a {
        color: var(--black);
        font-size: 14px;
        padding-right: 15px;
        position: relative;
        display: block;
        padding: 15px 0;
        text-decoration: none;
        @media screen and (max-width: 768px) {
          font-size: 13px;
          padding: 10px 10px 10px 0;
        }
        &:hover {
          color: var(--rmeisai-primary);
        }
        &::before {
          position: absolute;
          z-index: 1;
          display: block;
          content: "";
          width: 8px;
          height: 8px;
          top: 0;
          right: 15px;
          bottom: 0;
          margin: auto;
          transform: rotate(45deg);
          transition: all ease .3s;
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white);
          border-top: 2px solid var(--rmeisai-primary);
          border-right: 2px solid var(--rmeisai-primary);
        }
      }
    }
  }
}

span.span-type01 {
  background-color: var(--rmeisai-accent);
  &::after {
    border-left-color: var(--rmeisai-accent);
  }
}

table.table-type01 th {
  background-color: var(--rmeisai-primary);
  &::after {
    border-left-color: var(--rmeisai-primary);
  }
}

ol.ol-type01 li:last-child,
ul.ul-type01 li:last-child {
  padding-bottom: 0;
}