@charset "UTF-8";
@import "top_2023.css";

/* CSS Document */


/*-----------
jockey
-----------*/

#jockey {
  width: 1100px;
  margin: 0 auto 40px;
  padding: 60px 0 20px;
  background-color: #fff;
  box-sizing: border-box;
}

#jockey .jockey_list {
  display: flex;
  flex-flow: wrap;
  width: 970px;
  margin: 0 auto;
}

#jockey .jockey_list li {
  width: 300px;
  margin: 0 35px 50px 0;
}

#jockey .jockey_list li:nth-child(3n) {
  margin-right: 0;
}

#jockey .jockey_list li h2 {
  padding: 0;
}

#jockey .jockey_list li .catch_box {
  position: relative;
  padding-bottom: 3%;
  background-color: #f5e7ed;
}

#jockey .jockey_list li .catch_box .catch {
  margin-top: -6.3%;
}

#jockey .jockey_list li .catch_box .btn_profile {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28.33%;
}

#jockey .jockey_list li .catch_box .btn_profile img {
  display: block;
}

#jockey .jockey_list li .txt {
  padding: 6.7% 2% 0 5%;
  margin-left: 5%;
  border-left: 6px solid #ddd;
}

#jockey .jockey_list li .txt p {
  padding: 0;
  font-size: 16px;
  line-height: 1.75;
}

#jockey .jockey_list .j_sekimoto .txt {
  border-color: #7fccdf;
}
#jockey .jockey_list .j_nakashima .txt {
  border-color: #e65f87;
}
#jockey .jockey_list .j_kamio .txt {
  border-color: #f9df73;
}
#jockey .jockey_list .j_fukazawa .txt {
  border-color: #4cb0ad;
}
#jockey .jockey_list .j_miyashita .txt {
  border-color: #ec7f6a;
}
#jockey .jockey_list .j_kinomae .txt {
  border-color: #b196be;
}
#jockey .jockey_list .j_sasaki .txt {
  border-color: #eebcc2;
}
#jockey .jockey_list .j_hama .txt {
  border-color: #cf6674;
}
#jockey .jockey_list .j_kobayashi .txt {
  border-color: #4da77d;
}


@media all and (min-width: 0) and (max-width: 767px) {

  #jockey {
    width: 100%;
    margin: 8% auto 30px;
    padding: 10% 0 4%;
  }

  #jockey .jockey_list {
    width: 75%;
    margin: 0 auto;
  }

  #jockey .jockey_list li {
    width: 100%;
    margin: 0 0% 15% 0;
  }

  #jockey .jockey_list li:nth-child(3n) {
    margin-right: 0%;
  }

  #jockey .jockey_list li:nth-child(2n) {
    margin-right: 0;
  }

  #jockey .jockey_list li .txt {
    padding: 6.7% 0 0 5%;
    margin: 0 -10% 0 -11%;
    border-width: 5px;
  }

  #jockey .jockey_list li .txt p {
    font-size: 14px;
  }

}