/*____________________________________

              共通
_____________________________________*/

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  width: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.6;
}

.wrapper {
  position: relative;
  width: 100%;
}

.transition:hover {
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
}

body {
  background-color: #000000;
  background-size: auto 100vh;
  background-position-x: center;
}

/*____________________________________

        ベジタブルソリューションとは？
_____________________________________*/

.schedule {
  background-color: #fffef8;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  background-image: url(../images/schedule/schedule_bg.png);
  background-size: 1300px;
    background-repeat: repeat;
}

.schedule_overray {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.schedule_border {
  margin: 0 2% 0 2%;
  border: 4px solid #e7251e;
  border-radius: 20px;
  padding-bottom: 40px;
  background-color: #fff;
}

.schedule_title {
  width: 50%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: -3vw;
}

.schedule_container {
  width: 84%;
  margin: 0 auto;
}

.schedule_container_live {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.schedule_container_live_img {
  width: 22%;
}

.schedule_container_live_text {
  width: 71%;
}

.schedule_container_live_text img:first-child {
  width: 87%;
}

.live02 .schedule_container_live_text img:first-child {
  width: 75%;
}

.live03 .schedule_container_live_text img:first-child {
  width: 100%;
}

.live04 .schedule_container_live_text img:first-child {
  width: 74%;
}

.schedule_container_live_text img:nth-child(2) {
  width: 55%;
  margin: 14px 0;
}