@charset "UTF-8";

/* ==========================================================================
   rseries.css
   ========================================================================== */

.o-m__rseries .o-c__heading-lead {
  @media screen and (max-width: 576px) {
    text-align: left;
  }
}

.o-m__rseries-content_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0;
  @media screen and (max-width: 768px) {
    display: block;
  }
}

.o-m__rseries-content_list._other_series {
  @media screen and (max-width: 768px) {
    display: flex;
    justify-content: space-between;
  }
  .o-m__rseries-content_list_item {
    @media screen and (max-width: 768px) {
      width: 48%;
    }
  }
}

.o-m__rseries-content_list_item {
  background-color: var(--white);
  width: calc((100% - 40px) / 3);
  padding: 30px 0 25px;
  border-radius: 10px;
  text-align: center;
  transition: all ease 0.3s;
  /*4つめ以降の調整ここまで */
  @media screen and (max-width: 768px) {
    width: 100%;
    padding: 20px 0 15px;
    margin: 0 0 15px;
  }
  &:nth-child(n + 4) {
    width: calc((100% - 40px) / 5);
    @media screen and (max-width: 768px) {
      width: 100%;
    }
  }
  a {
    text-decoration: none;
    .o-c__btn-link {
      @media screen and (max-width: 768px) {
        padding: 10px 35px 7px;
      }
    }
  }
}

.o-m__rseries-content_list_item_logo {
  display: block;
  margin: 0 auto;
  width: 175px;
  padding-bottom: 22px;
  @media screen and (max-width: 768px) {
    width: 145px;
    height: auto;
    padding-bottom: 20px;
  }
}

.o-m__rseries-content_list_item_logo.w-large {
  width: 200px;
}

.o-m__rseries-content_list_item_logo img {
  @media screen and (max-width: 768px) {
    width: 100%;
    height: auto;
  }
}

.o-m__rseries-content_list_item_name {
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  color: var(--partner);
  padding-bottom: 12px;
  @media screen and (max-width: 768px) {
    font-size: 16px;
    line-height: 20px;
  }
}

.o-m__rseries-content_list_item_ttl {
  display: block;
  color: var(--black);
  font-size: 16px;
  padding-bottom: 20px;
  @media screen and (max-width: 768px) {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

.o-m__rseries-content_list_item {
  ._sub_title {
    font-size: 14px;
    padding-bottom: 10px;
  }
  ._meisai {
    background-color: var(--rmeisai-primary);
    border-color: var(--rmeisai-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rmeisai-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rmeisai-primary);
      border-right: 2px solid var(--rmeisai-primary);
    }
  }
  ._hanbai {
    background-color: var(--rhanbai-primary);
    border-color: var(--rhanbai-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rhanbai-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rhanbai-primary);
      border-right: 2px solid var(--rhanbai-primary);
    }
  }
  ._kintai {
    background-color: var(--rkintai-primary);
    border-color: var(--rkintai-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rkintai-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rkintai-primary);
      border-right: 2px solid var(--rkintai-primary);
    }
  }
  ._keiri-plus {
    background-color: var(--keiriplus);
    border-color: var(--keiriplus);
    &:hover {
      background-color: var(--white);
      color: var(--keiriplus);
    }
    &:hover:after {
      border-top: 2px solid var(--keiriplus);
      border-right: 2px solid var(--keiriplus);
    }
  }
  ._partner {
    background-color: var(--partner);
    border-color: var(--partner);
    padding: 10px 30px 7px;
    &:hover {
      background-color: var(--white);
      color: var(--partner);
    }
    &:hover:after {
      border-top: 2px solid var(--partner);
      border-right: 2px solid var(--partner);
    }
  }
  ._denshihozon {
    background-color: var(--rdenshihozon-primary);
    border-color: var(--rdenshihozon-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rdenshihozon-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rdenshihozon-primary);
      border-right: 2px solid var(--rdenshihozon-primary);
    }
  }
  ._seikyu {
    background-color: var(--rseikyu-primary);
    border-color: var(--rseikyu-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rseikyu-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rseikyu-primary);
      border-right: 2px solid var(--rseikyu-primary);
    }
  }
  ._saikenkanri {
    background-color: var(--rsaikenkanri-primary);
    border-color: var(--rsaikenkanri-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rsaikenkanri-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rsaikenkanri-primary);
      border-right: 2px solid var(--rsaikenkanri-primary);
    }
  }
  ._jinjiroumu {
    background-color: var(--rjinjiroumu-primary);
    border-color: var(--rjinjiroumu-primary);
    &:hover {
      background-color: var(--white);
      color: var(--rjinjiroumu-primary);
    }
    &:hover:after {
      border-top: 2px solid var(--rjinjiroumu-primary);
      border-right: 2px solid var(--rjinjiroumu-primary);
    }
  }
}

/*4つめ以降の調整 */

.o-m__rseries-content_list_item:nth-child(n + 4) .o-m__rseries-content_list_item_logo {
  width: 100%;
  @media screen and (max-width: 768px) {
    width: 145px;
  }
}

.o-m__rseries-content_list_item:nth-child(n + 4) .o-m__rseries-content_list_item_logo.w-large {
  @media screen and (max-width: 768px) {
    width: 200px;
  }
}