@charset "utf-8";
.record .container{
  max-width: 1320px;
}
.record-bg{
  background: url(../images/record/record-bg.jpg) no-repeat center center/cover;
  padding: 40px 0 80px;
}
.record-content{
  background-color: #f6fcff;
  padding: 60px 15px 30px;
}
.ttl-pattern_2{
  margin-bottom: 40px;
}
.record-item{
  background-color: #fff;
  display: block;
  margin-bottom: 10px;
}
.record-season {
  color: #fff;
  background-color: #86cef5;
  padding: 3px 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.record-tournament-name{
  padding: 5px 15px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
}
.record-order{
  color: #000;
  padding: 5px 15px;
  position: relative;
}
.record-order::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
  background-color: #e7e7e7;
}
.record-season, .record-tournament-name, .record-order{
  display: flex;
  align-items: center;
}
@media all and (min-width: 576px) {
  .record-item{
    display: flex;
  }
  .record-season {
    padding: 5px 15px;
    width: 120px;
    font-size: 1.8125rem;
    margin-bottom: 0;
  }
  .record-tournament-name{
    flex: 1;
    padding: 9px 1.875rem;
  }
  .record-order{
    padding: 9px 1.875rem;
    flex: 1;
  }

}
@media all and (min-width: 768px) {
  .record-content{
    padding: 80px 30px 30px;
  }
  .record-season {
    width: 150px;
  }
}
@media all and (min-width: 992px) {
  .record-season{
    padding: 9px 1.8125rem;
    width: 200px;
  }
}
@media all and (min-width: 1200px) {
  .record-content{
    padding: 80px 6.125rem 30px;
  }
}
@media all and (min-width: 1400px) {
  .container {
    max-width: 1320px;
}
}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
}
/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}
/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

@media all and (max-width: 400px) {
 
}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}