/*-----------------------------------------------
 broadcast
-----------------------------------------------*/
#broadcast {
  position: relative;
  z-index: 10;
  padding: 128px 0 400px; }
  #broadcast h1 {
    text-align: center;
    margin-bottom: 78px; }
  #broadcast h2 {
    margin-bottom: 38px;
    text-align: center; }
  #broadcast section {
    margin-bottom: 126px; }
  #broadcast .box {
    width: 1150px;
    padding: 28px 25px;
    margin: 0 auto 100px;
    background: url("../img/broadcast/bg_box-pc.png") no-repeat top center;
    background-size: contain; }
    #broadcast .box .youtube {
      position: relative;
      height: 620px; }
      #broadcast .box .youtube .thumb-box {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer; }
        #broadcast .box .youtube .thumb-box .play {
          position: absolute;
          top: 232px;
          left: 472px; }
        #broadcast .box .youtube .thumb-box:hover .play {
          opacity: 0.8; }

@media only screen and (max-width: 768px) {
  #content {
    background-size: cover,contain; }

  #broadcast {
    padding: 18% 0; }
    #broadcast h1 {
      margin-bottom: 9.4%; }
    #broadcast h2 {
      margin-bottom: 8.5%; }
    #broadcast section {
      margin-bottom: 11%; }
    #broadcast .box {
      width: auto;
      margin: 0 2.5%;
      padding: 3.2% 3.8%; }
      #broadcast .box .youtube {
        height: 49.2vw; }
        #broadcast .box .youtube .thumb-box .play {
          width: 15%;
          top: 37%;
          left: 42.5%; } }