/* アコーディオンセクションの高さを定義 */

#link_checkpoint1,
#link_checkpoint2,
#link_checkpoint3,
#link_checkpoint4,
#link_checkpoint5,
#link_checkpoint6,
#link_checkpoint7,
#link_checkpoint8,
#link_checkpoint9 {
  height: 10px;
  transition: .3s;
  overflow: hidden;
}

#body1 #link_checkpoint7,
#body2 #link_checkpoint8,
#body3 #link_checkpoint7 {
  height: 0;
}

/*     course1       */
#body1 #checkpoint1:checked ~ #link_checkpoint1 {
  height: 950px;
  opacity: 1;
}
#body1 #checkpoint2:checked ~ #link_checkpoint2,
#body1 #checkpoint3:checked ~ #link_checkpoint3 {
  height: 1450px;
  opacity: 1;
}
#body1 #checkpoint4:checked ~ #link_checkpoint4,
#body1 #checkpoint5:checked ~ #link_checkpoint5,
#body1 #checkpoint6:checked ~ #link_checkpoint6,
#body1 #checkpoint7:checked ~ #link_checkpoint7 {
  height: 500px;
  opacity: 1;
}
/*     course1       */

/*     course2       */
#body2 #checkpoint1:checked ~ #link_checkpoint1,
#body2 #checkpoint2:checked ~ #link_checkpoint2,
#body2 #checkpoint3:checked ~ #link_checkpoint3,
#body2 #checkpoint4:checked ~ #link_checkpoint4,
#body2 #checkpoint5:checked ~ #link_checkpoint5,
#body2 #checkpoint6:checked ~ #link_checkpoint6,
#body2 #checkpoint7:checked ~ #link_checkpoint7,
#body2 #checkpoint8:checked ~ #link_checkpoint8 {
  height: 500px;
  opacity: 1;
}
/*     course2       */

/*     course3       */
#body3 #checkpoint2:checked ~ #link_checkpoint2,
#body3 #checkpoint7:checked ~ #link_checkpoint7 {
  height: 1000px;
  opacity: 1;
}
#body3 #checkpoint4:checked ~ #link_checkpoint4 {
  height: 600px;
  opacity: 1;
}
#body3 #checkpoint1:checked ~ #link_checkpoint1,
#body3 #checkpoint3:checked ~ #link_checkpoint3,
#body3 #checkpoint5:checked ~ #link_checkpoint5,
#body3 #checkpoint6:checked ~ #link_checkpoint6{
  height: 500px;
  opacity: 1;
}
/*     course3       */




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

  /*     course1       */
  #body1 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 850px;
  }
  #body1 #checkpoint2:checked ~ #link_checkpoint2{
    height: 1270px;
  }
  #body1 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 1270px;
  }
  #body1 #checkpoint4:checked ~ #link_checkpoint4,
  #body1 #checkpoint5:checked ~ #link_checkpoint5,
  #body1 #checkpoint6:checked ~ #link_checkpoint6,
  #body1 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 425px;
  }
  /*     course1       */

  /*     course2       */
  #body2 #checkpoint1:checked ~ #link_checkpoint1,
  #body2 #checkpoint2:checked ~ #link_checkpoint2,
  #body2 #checkpoint3:checked ~ #link_checkpoint3,
  #body2 #checkpoint4:checked ~ #link_checkpoint4,
  #body2 #checkpoint5:checked ~ #link_checkpoint5,
  #body2 #checkpoint6:checked ~ #link_checkpoint6,
  #body2 #checkpoint7:checked ~ #link_checkpoint7,
  #body2 #checkpoint8:checked ~ #link_checkpoint8 {
    height: 425px;
  }
  /*     course2       */

  /*     course3       */
  #body3 #checkpoint2:checked ~ #link_checkpoint2,
  #body3 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 850px;
  }
  #body3 #checkpoint4:checked ~ #link_checkpoint4{
    height: 600px;
  }
  #body3 #checkpoint1:checked ~ #link_checkpoint1,
  #body3 #checkpoint3:checked ~ #link_checkpoint3,
  #body3 #checkpoint5:checked ~ #link_checkpoint5,
  #body3 #checkpoint6:checked ~ #link_checkpoint6,
  #body3 #checkpoint8:checked ~ #link_checkpoint8 {
    height: 425px;
  }
  /*     course3       */

}





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

    /*     course1       */
    #body1 #checkpoint1:checked ~ #link_checkpoint1 {
      height: 800px;
    }
    #body1 #checkpoint2:checked ~ #link_checkpoint2{
      height: 1200px;
    }
    #body1 #checkpoint3:checked ~ #link_checkpoint3 {
      height: 1200px;
    }
    #body1 #checkpoint4:checked ~ #link_checkpoint4,
    #body1 #checkpoint5:checked ~ #link_checkpoint5,
    #body1 #checkpoint6:checked ~ #link_checkpoint6 {
      height: 400px;
    }
    #body1 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 450px;
    }
    /*     course1       */

    /*     course2       */
    #body2 #checkpoint1:checked ~ #link_checkpoint1,
    #body2 #checkpoint2:checked ~ #link_checkpoint2,
    #body2 #checkpoint3:checked ~ #link_checkpoint3,
    #body2 #checkpoint4:checked ~ #link_checkpoint4,
    #body2 #checkpoint5:checked ~ #link_checkpoint5,
    #body2 #checkpoint6:checked ~ #link_checkpoint6,
    #body2 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 400px;
    }
    #body2 #checkpoint8:checked ~ #link_checkpoint8 {
      height: 400px;
    }
    /*     course2       */

    /*     course3       */
    #body3 #checkpoint2:checked ~ #link_checkpoint2,
    #body3 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 800px;
    }
    #body3 #checkpoint4:checked ~ #link_checkpoint4{
      height: 650px;
    }
    #body3 #checkpoint1:checked ~ #link_checkpoint1,
    #body3 #checkpoint3:checked ~ #link_checkpoint3,
    #body3 #checkpoint5:checked ~ #link_checkpoint5,
    #body3 #checkpoint6:checked ~ #link_checkpoint6,
    #body3 #checkpoint8:checked ~ #link_checkpoint8 {
      height: 400px;
    }
    /*     course3       */

}





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

  /*     course1       */
  #body1 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 750px;
  }
  #body1 #checkpoint2:checked ~ #link_checkpoint2 {
  height: 1050px;
  }
  #body1 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 1150px;
  }
  #body1 #checkpoint4:checked ~ #link_checkpoint4{
    height: 400px;
  }
  #body1 #checkpoint5:checked ~ #link_checkpoint5,
  #body1 #checkpoint6:checked ~ #link_checkpoint6{
    height: 400px;
  }
  #body1 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 450px;
  }
  /*     course1       */

  /*     course2       */
  #body2 #checkpoint1:checked ~ #link_checkpoint1,
  #body2 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 430px;
  }
  #body2 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 450px;
  }
  #body2 #checkpoint4:checked ~ #link_checkpoint4,
  #body2 #checkpoint5:checked ~ #link_checkpoint5 {
    height: 400px;
  }
  #body2 #checkpoint6:checked ~ #link_checkpoint6,
  #body2 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 400px;
  }
  #body2 #checkpoint8:checked ~ #link_checkpoint8 {
    height: 450px;
  }
  /*     course2       */

  /*     course3       */
  #body3 #checkpoint1:checked ~ #link_checkpoint1,
  #body3 #checkpoint3:checked ~ #link_checkpoint3,
  #body3 #checkpoint5:checked ~ #link_checkpoint5,
  #body3 #checkpoint6:checked ~ #link_checkpoint6{
    height: 400px;
  }
  #body3 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 700px;
  }
  #body3 #checkpoint4:checked ~ #link_checkpoint4{
    height: 650px;
  }
  #body3 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 750px;
  }
  /*     course3       */

}





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

  #link_checkpoint1,
  #link_checkpoint2,
  #link_checkpoint3,
  #link_checkpoint4,
  #link_checkpoint5,
  #link_checkpoint6,
  #link_checkpoint7,
  #link_checkpoint8,
  #link_checkpoint9 {
    transition: .2s;
  }

  /*     course1       */
  #body1 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 1200px;
  }
  #body1 #checkpoint2:checked ~ #link_checkpoint2{
    height: 1650px;
  }
  #body1 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 1700px;
  }
  #body1 #checkpoint4:checked ~ #link_checkpoint4{
    height: 650px;
  }
  #body1 #checkpoint5:checked ~ #link_checkpoint5,
  #body1 #checkpoint6:checked ~ #link_checkpoint6{
    height: 600px;
  }
  #body1 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 700px;
  }
  /*     course1       */

  /*     course2       */
  #body2 #checkpoint1:checked ~ #link_checkpoint1,
  #body2 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 650px;
  }
  #body2 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 700px;
  }
  #body2 #checkpoint4:checked ~ #link_checkpoint4,
  #body2 #checkpoint5:checked ~ #link_checkpoint5,
  #body2 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 600px;
  }
  #body2 #checkpoint6:checked ~ #link_checkpoint6 {
    height: 600px;
  }
  #body2 #checkpoint8:checked ~ #link_checkpoint8 {
    height: 650px;
  }
  /*     course2       */

  /*     course3       */
  #body3 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 650px;
  }
  #body3 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 1000px;
  }
  #body3 #checkpoint4:checked ~ #link_checkpoint4 {
    height: 850px;
  }
  #body3 #checkpoint3:checked ~ #link_checkpoint3,
  #body3 #checkpoint5:checked ~ #link_checkpoint5,
  #body3 #checkpoint6:checked ~ #link_checkpoint6{
    height: 550px;
  }
  #body3 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 1200px;
  }
  /*     course3       */
}





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

  /*     course1       */
  #body1 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 1050px;
  }
  #body1 #checkpoint2:checked ~ #link_checkpoint2,
  #body1 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 1450px;
  }
  #body1 #checkpoint4:checked ~ #link_checkpoint4{
    height: 550px;
  }
  #body1 #checkpoint5:checked ~ #link_checkpoint5,
  #body1 #checkpoint6:checked ~ #link_checkpoint6{
    height: 500px;
  }
  #body1 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 650px;
  }
  /*     course1       */

  /*     course2       */
  #body2 #checkpoint1:checked ~ #link_checkpoint1{
    height: 650px;
  }
  #body2 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 600px;
  }
  #body2 #checkpoint3:checked ~ #link_checkpoint3 {
    height: 650px;
  }
  #body2 #checkpoint4:checked ~ #link_checkpoint4,
  #body2 #checkpoint5:checked ~ #link_checkpoint5,
  #body2 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 600px;
  }
  #body2 #checkpoint6:checked ~ #link_checkpoint6 {
    height: 450px;
  }
  #body2 #checkpoint8:checked ~ #link_checkpoint8 {
    height: 600px;
  }
  /*     course2       */

  /*     course3       */
  #body3 #checkpoint1:checked ~ #link_checkpoint1 {
    height: 650px;
  }
  #body3 #checkpoint2:checked ~ #link_checkpoint2 {
    height: 950px;
  }
  #body3 #checkpoint4:checked ~ #link_checkpoint4 {
    height: 850px;
  }
  #body3 #checkpoint3:checked ~ #link_checkpoint3,
  #body3 #checkpoint5:checked ~ #link_checkpoint5,
  #body3 #checkpoint6:checked ~ #link_checkpoint6{
    height: 500px;
  }
  #body3 #checkpoint7:checked ~ #link_checkpoint7 {
    height: 1050px;
  }
  /*     course3       */
}





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

    /*     course1       */
    #body1 #checkpoint1:checked ~ #link_checkpoint1 {
      height: 1000px;
    }
    #body1 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 1350px;
    }
    #body1 #checkpoint3:checked ~ #link_checkpoint3 {
      height: 1430px;
    }
    #body1 #checkpoint4:checked ~ #link_checkpoint4{
      height: 550px;
    }
    #body1 #checkpoint5:checked ~ #link_checkpoint5,
    #body1 #checkpoint6:checked ~ #link_checkpoint6{
      height: 450px;
    }
    #body1 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 600px;
    }
    /*     course1       */

    /*     course2       */
    #body2 #checkpoint1:checked ~ #link_checkpoint1,
    #body2 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 600px;
    }
    #body2 #checkpoint3:checked ~ #link_checkpoint3 {
      height:600px;
      opacity: 1;
    }
    #body2 #checkpoint4:checked ~ #link_checkpoint4,
    #body2 #checkpoint5:checked ~ #link_checkpoint5,
    #body2 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 550px;
    }
    #body2 #checkpoint6:checked ~ #link_checkpoint6 {
      height: 450px;
    }
    #body2 #checkpoint8:checked ~ #link_checkpoint8 {
      height: 600px;
    }
    /*     course2       */

    /*     course3       */
    #body3 #checkpoint1:checked ~ #link_checkpoint1 {
      height: 600px;
    }
    #body3 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 850px;
    }
    #body3 #checkpoint4:checked ~ #link_checkpoint4 {
      height: 770px;
    }
    #body3 #checkpoint3:checked ~ #link_checkpoint3,
    #body3 #checkpoint5:checked ~ #link_checkpoint5,
    #body3 #checkpoint6:checked ~ #link_checkpoint6{
      height: 450px;
    }
    #body3 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 1000px;
    }
    /*     course3       */

}





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

    /*     course1       */
    #body1 #checkpoint1:checked ~ #link_checkpoint1 {
      height: 1000px;
    }
    #body1 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 1300px;
    }
    #body1 #checkpoint3:checked ~ #link_checkpoint3 {
      height: 1400px;
    }
    #body1 #checkpoint4:checked ~ #link_checkpoint4{
      height: 550px;
    }
    #body1 #checkpoint5:checked ~ #link_checkpoint5,
    #body1 #checkpoint6:checked ~ #link_checkpoint6{
      height: 450px;
    }
    #body1 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 600px;
    }
    /*     course1       */

    /*     course2       */
    #body2 #checkpoint1:checked ~ #link_checkpoint1,
    #body2 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 600px;
    }
    #body2 #checkpoint3:checked ~ #link_checkpoint3 {
      height:600px;
      opacity: 1;
    }
    #body2 #checkpoint4:checked ~ #link_checkpoint4,
    #body2 #checkpoint5:checked ~ #link_checkpoint5 {
      height: 500px;
    }
    #body2 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 520px;
    }
    #body2 #checkpoint6:checked ~ #link_checkpoint6 {
      height: 450px;
    }
    #body2 #checkpoint8:checked ~ #link_checkpoint8 {
      height: 600px;
    }
    /*     course2       */

    /*     course3       */
    #body3 #checkpoint1:checked ~ #link_checkpoint1 {
      height: 600px;
    }
    #body3 #checkpoint2:checked ~ #link_checkpoint2 {
      height: 850px;
    }
    #body3 #checkpoint4:checked ~ #link_checkpoint4 {
      height: 750px;
    }
    #body3 #checkpoint3:checked ~ #link_checkpoint3,
    #body3 #checkpoint5:checked ~ #link_checkpoint5,
    #body3 #checkpoint6:checked ~ #link_checkpoint6{
      height: 450px;
    }
    #body3 #checkpoint7:checked ~ #link_checkpoint7 {
      height: 950px;
    }
    /*     course3       */

}