@charset "utf-8";

/* ↓↓↓ #member-index ↓↓↓ */
#member-index .caption01 {
  width: 100%;
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
}

#member-index .caption01 .caption01_l {
  padding-top: 20px;
  font-size: 13px;
}

#member-index .caption01 .caption01_r {
  max-width: 140px;
}

#member-index .caption01 .caption01_r a:hover {
  opacity: .6;
}

#member-index .filter_box {
  width: 100%;
}

#member-index .filter_box #table01 {
  width: 100%;
  margin-top: 12px;
  box-sizing: border-box;
  border-collapse: collapse;
}

#member-index .filter_box #table01 .table01_bg01 {
  background-color: #f2f2f2;
}

#member-index .filter_box #table01 .table01_bg02 {
  background-color: #e5e5e5;
}

#member-index .filter_box #table01 .table01_bg03 {
  background-color: #fae6e2;
}

#member-index .filter_box #table01 .table01_bg04 {
  background-color: #cceaf2;
}

@media screen and (max-width: 750px) {

  #member-index .filter_box #table01 .table01_bg03,
  #member-index .filter_box #table01 .table01_bg04,
  #member-index .filter_box #table01 .table01_bg01,
  #member-index .filter_box #table01 .table01_bg02 {
    display: flex;
    flex-direction: column;
  }
}

#member-index .filter_box #table01 th {
  width: 21%;
  padding: 22px 0 22px 20px;
  font-size: 18px;
  color: #008803;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 1px #fff;
}

@media screen and (max-width: 750px) {
  #member-index .filter_box #table01 th {
    width: 100%;
    padding-bottom: 0;
    border-bottom: 0;
    box-sizing: border-box;
  }
}

#member-index .filter_box #table01 .table01_bg03 th {
  color: #e6826e;
}

#member-index .filter_box #table01 .table01_bg04 th {
  color: #0096be;
}

#member-index .filter_box #table01 td {
  width: 100%;
  padding: 22px 0px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: solid 1px #fff;
}

@media screen and (max-width: 750px) {
  #member-index .filter_box #table01 td {
    padding: 22px 20px;
    font-size: 15px;
    box-sizing: border-box;
  }
}

#member-index .filter_box #table01 input {
  vertical-align: baseline;
}

#member-index .filter_box #table01 td label {
  padding: 5px;
  box-sizing: border-box;
}

.w1 {
  width: 25%;
}

.w2 {
  width: 20%;
}

.w3 {
  width: 54%;
}

.w4 {
  width: 23.6%;
}

.w5 {
  width: 29%;
}

.w6 {
  width: 47%;
}

.w7 {
  width: 100%;
  display: block;
}

@media screen and (max-width: 750px) {

  .w1,
  .w2,
  .w3,
  .w4,
  .w5,
  .w6,
  .w7 {
    width: 100%;
  }
}

#member-index .filter_box #table01 td.table01_td01 ul {
  width: 100%;
  display: flex;
}

@media screen and (max-width: 480px) {
  #member-index .filter_box #table01 td.table01_td01 ul {
    flex-direction: column;
  }
}

#member-index .filter_box #table01 td.table01_td01 ul li {
  display: block;
  width: 23.6%;
}

@media screen and (max-width: 480px) {
  #member-index .filter_box #table01 td.table01_td01 ul li {
    width: 100%;
  }

  #member-index .filter_box #table01 td.table01_td01 ul li:not(:first-of-type) {
    margin-top: 20px;
  }
}

#member-index .filter_box #table01 #a1_label {
  color: #e6826e;
}

#member-index .filter_box #table01 #a2_label {
  color: #0096be;
}

#member-index .filter_box #table01 #a3_label {
  color: #FF921E;
}

#member-index .filter_box .td-01 {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

#member-index .filter_box .td-02 {
  padding-top: 0 !important;
}

#member-index .filter_box .table01_td02,
#member-index .filter_box .table01_td03,
#member-index .filter_box .table01_td04 {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

#member-index .caption02 {
  width: 100%;
  padding-top: 8px;
}

#member-index .caption02 .caption02_l {
  margin-top: 5px;
  font-size: 17px;
  font-weight: bold;
  display: flex;
}

@media screen and (max-width: 480px) {
  #member-index .caption02 .caption02_l {
    font-size: 15px;
    flex-direction: column;
  }
}

#member-index .caption02 .caption02_l .caption02_l01 {
  /* padding-left: 50px; */
  /* background: url(../img/index_p01.gif) left center no-repeat; */
}

#member-index .caption02 .caption02_l .caption02_l02 {
  margin-left: 25px;
  /* padding-left: 50px; */
  /* background: url(../img/index_p02.gif) left center no-repeat; */
}

@media screen and (max-width: 480px) {
  #member-index .caption02 .caption02_l .caption02_l02 {
    margin-left: 0;
    margin-top: 10px;
  }
}

#member-index .caption02 .caption02_l :is(.caption02_l01,.caption02_l02) .color {
  width: auto;
  height: 100%;
  aspect-ratio: 40/23;
  padding-right: 10px;
}

#member-index .reset_sp {
  max-width: 140px;
  margin: 20px auto;
}

#member-index #filter_list {
  width: 100%;
  margin-top: 50px;
}

@media screen and (max-width: 480px) {
  #member-index #filter_list {
    padding-left: 7vw;
  }
}

@media screen and (max-width: 425px) {
  #member-index #filter_list {
    padding-left: 1vw;
  }
}

@media screen and (min-width:360px) and (max-width:414px) {
  #member-index #filter_list {
    padding-left: 0vw;
  }
}

#member-index #filter_list ul li {
  aspect-ratio: 182/384;
  width: 182px;
  height: auto;
  padding: 4px;
  box-sizing: content-box;
}

@media screen and (max-width: 750px) {
  #member-index #filter_list ul li {
    width: 162px;
  }
}

@media screen and (max-width: 360px) {
  #member-index #filter_list ul li {
    width: 155px;
  }
} 

#member-index #filter_list ul li a:hover {
  opacity: .6;
}

input[type="radio"] {
  background-color: initial;
  cursor: default;
  appearance: auto;
  box-sizing: border-box;
  margin: 3px 3px 0px 5px;
  padding: initial;
  border: initial;
}

/* ↑↑↑ #member-index ↑↑↑ */