@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  #seminar-01 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 120px;
    padding-bottom: 80px;
  }
  #seminar-02 {
    padding: 80px 0 0 0;
    text-align: center;
    line-height: 3;
  }
  #seminar-02 h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
  }
  #seminar-02 h3 {
    font-weight: bold;
  }
  #seminar-02 p {
    line-height: 2;
  }
  #seminar-02 p img {
    width: 95%;
    height: auto;
    padding: 50px 0 30px 0;
  }
  #seminar-03 {
    width: 90%;
    margin: 30px auto 50px auto;
  }
  #seminar-03 h2 {
    margin-bottom: 50px;
  }
  #seminar-03 h3 {
    font-size: 20px;
    font-weight: bold;
  }
  #seminar-03 p {
    padding-bottom: 30px;
  }
  #seminar-03 ul {
    padding: 10px 0 30px 30px;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  #seminar-01 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 120px;
    padding-bottom: 100px;
  }
  #seminar-02 {
    padding: 80px 0 0 0;
    text-align: center;
    line-height: 3;
  }
  #seminar-02 h2 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
  }
  #seminar-02 h3 {
    position: relative;
    top: -10px;
    font-weight: bold;
  }
  #seminar-02 p {
    line-height: 2;
  }
  #seminar-02 p img {
    padding: 50px 0 30px 0;
  }
  #seminar-03 {
    width: 90%;
    margin: 30px auto 50px auto;
  }
  #seminar-03 h2 {
    margin-bottom: 50px;
  }
  #seminar-03 h3 {
    font-size: 20px;
    font-weight: bold;
  }
  #seminar-03 p {
    padding-bottom: 30px;
  }
  #seminar-03 ul {
    padding: 10px 0 30px 50px;
  }
}
/*################## PC用 #################*/
@media print, screen and (min-width:897px) {
  #seminar-01 {
    width: 1100px;
    height: 516px;
    margin: 0 auto;
    position: relative;
    top: 110px;
    padding-bottom: 100px;
  }
  #seminar-02 {
    padding: 100px 0 0 0;
    text-align: center;
    line-height: 3;
  }
  #seminar-02 h2 {
    font-size: 30px;
    font-weight: bold;
  }
  #seminar-02 h3 {
    position: relative;
    top: -20px;
    font-weight: bold;
  }
  #seminar-02 p img {
    padding: 50px 0 30px 0;
  }
  #seminar-03 {
    width: 900px;
    margin: 30px auto 50px auto;
  }
  #seminar-03 h2 {
    margin-bottom: 50px;
  }
  #seminar-03 h3 {
    font-size: 20px;
    font-weight: bold;
  }
  #seminar-03 p {
    padding-bottom: 30px;
  }
  #seminar-03 ul {
    padding: 10px 0 30px 50px;
  }
}
/*################## スマホ・PC共通 ##################*/