@charset "UTF-8";

/* common
-------------------------------*/

#content .body h2 {
  color: #FF8400;
  text-align: center;
  background: none;
  margin: 1.5em 0;
}
#content .body h3 {
  color: #FF8400;
  font-size: 110%;
  text-align: center;
  border: none;
  padding: 0;
}

.youtube-block {
  display: flex;
  margin-bottom: 30px;
}
.youtube-video {
  display: flex;
  flex-direction: column;
  flex-basis: 250px;
}
.youtube-video:not(:first-child) {
  margin-left: 15px;
}
.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}



/* pc
-------------------------------*/
img.pc {
  display: block;
}
img.sp {
  display: none;
}
br.pc {
  display: none;
}


/* sp
-------------------------------*/
@media only screen and (max-width: 991px) {
  img.pc {
    display: none;
  }
  img.sp {
    display: block;
  }
  br.pc {
    display: block;
  }
  #content .body h2 {
    font-size: 6vw;
    line-height: 1.2;
  }
  #content .body h3 {
    font-size: 6vw;
    margin-top: 24px;
    line-height: 1.2;
  }
  .youtube-block {
    flex-direction: column;
    margin-bottom: 0;
  }
  .youtube-video {
    flex-basis: 100%;
    margin-bottom: 30px;
    padding: 0 12%;
  }
  .youtube-video:not(:first-child) {
    margin-left: 0;
  }

}