@charset "UTF-8";

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

.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._other_series .o-m__rseries-content_list_item {
  @media screen and (max-width: 768px) {
    width: 48%;
  }
}

.o-m__rseries-content_list_item {
  background-color: #fff;
  width: calc((100% - 40px) / 3);
  padding: 30px 0 25px;
  border-radius: 10px;
  text-align: center;
  /*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%;
    }
  }
}

.o-m__rseries-content_list_item a {
  text-decoration: none;
}

.o-m__rseries-content_list_item a .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-200 {
  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;
}

.o-m__rseries-content_list_item ._seisan {
  background-color: var(--rseisan-primary);
  border-color: var(--rseisan-primary);
  transition: 200ms ease all;
  &:hover {
    background-color: #FFF;
    color: var(--rseisan-primary);
  }
}

.o-m__rseries-content_list_item ._seisan:hover:after {
  border-top: 2px solid var(--rseisan-primary);
  border-right: 2px solid var(--rseisan-primary);
}

.o-m__rseries-content_list_item ._meisai {
  background-color: var(--rmeisai-primary);
  border-color: var(--rmeisai-primary);
  transition: 200ms ease all;
  &:hover {
    background-color: #FFF;
    color: var(--rmeisai-primary);
  }
}

.o-m__rseries-content_list_item ._meisai:hover:after {
  border-top: 2px solid var(--rmeisai-primary);
  border-right: 2px solid var(--rmeisai-primary);
}

.o-m__rseries-content_list_item ._hanbai {
  background-color: var(--rhanbai-primary);
  border-color: var(--rhanbai-primary);
  transition: 200ms ease all;
  &:hover {
    background-color: #FFF;
    color: var(--rhanbai-primary);
  }
}

.o-m__rseries-content_list_item ._hanbai:hover:after {
  border-top: 2px solid var(--rhanbai-primary);
  border-right: 2px solid var(--rhanbai-primary);
}

.o-m__rseries-content_list_item ._kintai {
  background-color: var(--rkintai-primary);
  border-color: var(--rkintai-primary);
  transition: 200ms ease all;
  &:hover {
    background-color: #FFF;
    color: var(--rkintai-primary);
  }
}

.o-m__rseries-content_list_item ._kintai:hover:after {
  border-top: 2px solid var(--rkintai-primary);
  border-right: 2px solid var(--rkintai-primary);
}

.o-m__rseries-content_list_item ._denshihozon {
  background-color: var(--rdenshihozon-primary);
  border-color: var(--rdenshihozon-primary);
  transition: 200ms ease all;
  @media screen and (max-width: 768px) {
    padding: 10px 35px 7px;
  }
  &:hover {
    background-color: #FFF;
    color: var(--rdenshihozon-primary);
  }
}

.o-m__rseries-content_list_item ._denshihozon:hover:after {
  border-top: 2px solid var(--rdenshihozon-primary);
  border-right: 2px solid var(--rdenshihozon-primary);
}

.o-m__rseries-content_list_item ._seikyu {
  background-color: var(--rseikyu-primary);
  border-color: var(--rseikyu-primary);
  transition: 200ms ease all;
  @media screen and (max-width: 768px) {
    padding: 10px 35px 7px;
  }
  &:hover {
    background-color: #FFF;
    color: var(--rseikyu-primary);
  }
}

.o-m__rseries-content_list_item ._seikyu:hover:after {
  border-top: 2px solid var(--rseikyu-primary);
  border-right: 2px solid var(--rseikyu-primary);
}

.o-m__rseries-content_list_item ._keiri-plus {
  background-color: var(--keiriplus);
  border-color: var(--keiriplus);
  transition: 200ms ease all;
  @media screen and (max-width: 768px) {
    padding: 10px 35px 7px;
  }
  &:hover {
    background-color: #FFF;
    color: var(--keiriplus);
  }
}

.o-m__rseries-content_list_item ._keiri-plus:hover:after {
  border-top: 2px solid var(--keiriplus);
  border-right: 2px solid var(--keiriplus);
}

.o-m__rseries-content_list_item ._partner {
  background-color: var(--partner);
  border-color: var(--partner);
  padding: 10px 30px 7px;
  @media screen and (max-width: 768px) {
    padding: 10px 25px 7px;
  }
  &:hover {
    background-color: #FFF;
    color: var(--partner);
  }
}

.o-m__rseries-content_list_item ._partner:hover:after {
  border-top: 2px solid var(--partner);
  border-right: 2px solid var(--partner);
}

.o-m__rseries-content_list_item ._saikenkanri {
  background-color: var(--rsaikenkanri-primary);
  border-color: var(--rsaikenkanri-primary);
  &:hover {
    background-color: #fff;
    color: var(--rsaikenkanri-primary);
  }
}

.o-m__rseries-content_list_item ._saikenkanri:hover:after {
  border-top: 2px solid var(--rsaikenkanri-primary);
  border-right: 2px solid var(--rsaikenkanri-primary);
}

.o-m__rseries-content_list_item ._jinjiroumu {
  background-color: var(--rjinjiroumu-primary);
  border-color: var(--rjinjiroumu-primary);
  &:hover {
    background-color: #fff;
    color: var(--rjinjiroumu-primary);
  }
}

.o-m__rseries-content_list_item ._jinjiroumu: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;
  }
}