@charset "UTF-8";
/* CSS Document */


/*-----------
PC
-----------*/

.cnt_wrapper {
  width: 100%;
}

.cnt_wrapper .cnt_inner {
  width: 1000px;
  margin: 0 auto;
}

#racecourse {
  padding-top: 40px;
  background: url(../img/bg_01.png) left calc(50% - 350px) top -40px no-repeat,
              url(../img/bg_02.png) left calc(50% + 460px) top 280px no-repeat;
  background-size: 320px, 200px;
}

#racecourse .keibajyo {
  margin-top: 50px;
}

#racecourse .keibajyo .keibajyo__item {
  position: relative;
  padding: 25px;
  margin-bottom: 20px;
  background-color: rgba(46, 167, 224, 0.4);
}

#racecourse .keibajyo .keibajyo__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right: solid 70px #fff;
  border-top: solid 70px transparent;
}

#racecourse .keibajyo .keibajyo__item .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#racecourse .keibajyo .keibajyo__item .image {
  width: 350px;
  margin-right: 70px;
  order: 2;
}

#racecourse .keibajyo .keibajyo__item .image img {
  width: 100%;
}

#racecourse .keibajyo .keibajyo__item .text {
  margin: 10px 0 0 70px;
  order: 1;
}

#racecourse .keibajyo .keibajyo__item .text h3 {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
}

#racecourse .keibajyo .keibajyo__item .text p {
  font-size: 21px;
  line-height: 1.3;
}

#racecourse .keibajyo .keibajyo__item .text .btn {
  margin-top: 25px;
}




/*-----------
SP
-----------*/

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

  .cnt_wrapper .cnt_inner {
    width: 93.6%;
  }


  #racecourse {
    padding-top: 8%;
    background: url(../img/bg_01.png) -8.4% -10px no-repeat,
                url(../img/bg_02.png) right -8.1% top 133px no-repeat;
    background-size: 38.27%, 23.87%;
  }

  #racecourse .keibajyo {
    margin-top: 5.7%;
  }

  #racecourse .keibajyo .keibajyo__item {
    padding: 4.2% 4.2% 6%;
    margin-bottom: 5.5%;
  }

  #racecourse .keibajyo .keibajyo__item::after {
    border-right: solid 45px #fff;
    border-top: solid 45px transparent;
  }

  #racecourse .keibajyo .keibajyo__item .inner {
  }

  #racecourse .keibajyo .keibajyo__item .image {
    width: 100%;
    margin-right: 0px;
    order: 1;
  }

  #racecourse .keibajyo .keibajyo__item .image img {
    width: 100%;
  }

  #racecourse .keibajyo .keibajyo__item .text {
    width: 100%;
    margin: 3% 0 0 0;
    order: 2;
  }

  #racecourse .keibajyo .keibajyo__item .text h3 {
    margin-bottom: 2.5%;
    font-size: calc(100vw / ( 375 / 22 ));
  }

  #racecourse .keibajyo .keibajyo__item .text p {
    font-size: calc(100vw / ( 375 / 18 ));
    line-height: 1.4;
  }

  #racecourse .keibajyo .keibajyo__item .text .btn {
    margin-top: 6%;
    text-align: center;
  }



}