@charset "UTF-8";

span.s{font-size: 14px;
	display: inline-block;
	margin-left: 4px;

}
/* lp */

@media (max-width: 1199px) {
  header {

    width: 100%;
    margin: 0 auto
  }

  footer {
    background-color: #8dc31f;
  }

  .inner {
    width: 100%;
    margin: 0 auto
  }

  .wrapper {
    max-width: 90%;
    margin: 0 auto;
  }


  h1 img {
    width: 284px;
    height: 43px !important;
  }


  .logo {
    width: 90%;
    margin: 0 auto;

  }

  .header_left_navigation {
    text-align: right;
  }

  .header_left_navigation img {
    width: 229px;
    height: 41px;

  }

  .header_nav {
    background-color: #fff;
  }

  .block {
    margin-top: 0px;
    position: relative;
  }

  .block .block__btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10%;
  }

  .block1__content {
    margin-bottom: 44px;
    text-align: center;
  }

  .block1__content01 {
    margin-bottom: 34px;
  }

  .block2_content {
    margin-bottom: 60px;
  }

  .block2 img,
  .block3 img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .block1__content img {
    width: 90%;
    height: auto;
  }

  .block2 {
    margin-bottom: 60px;

  }


  .block2_content01 h3 img,
  .block3_content h3 img,
  .block4__content h3 img,
  .block5__content h3 img,
  .block6__content h3 img,
  .block8__content h3 img,
  .block9__content h3 img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .block3_content__block3_ttl img {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 90%;
  }

  .block2_content01__block2_des {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .block2_content01 h3 {
    margin-bottom: 40px;
  }

  .block3 {
    padding-top: 53px;
    padding-bottom: 65px;
  }

  .block3_content h3 {
    margin-bottom: 30px;
  }

  .block3_content01>div {
    margin-bottom: 16px;
  }

  .block3_content01__q img,
  .block3_content01__a img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .block3_content02 div {
    margin-top: 50px;
    margin-bottom: 48px;
    max-width: 300px;
  }

  .block4 {
    margin-bottom: 60px;
  }

  .block4__content {
    background: rgba(243, 248, 212, .65);
    border: solid 3px #8DC31F;
    padding-top: 44px;
    padding-bottom: 0;
  }

  .block4__content__col {
    width: 100%;
    margin: 0 auto;
  }

  .block4__content h3 {
    margin-bottom: 50px;
  }

  .block4__content__col img {
    width: 90%;
    display: block;
    margin: 0 auto 54px;
  }

  .block5 {
    padding-top: 47px;
    padding-bottom: 47px;
  }

  .block5__content__des {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .block6 {
    margin-bottom: 66px;
  }

  .block6__content__des--point {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .block6__content__des--point img {
    margin-bottom: 32px;

  }

  .block7 {
    margin-bottom: 0px;
  }

  .block7__content__col {
    width: 100%;
    margin: 0 auto;
  }

  .block7__content__col img {
    width: 100%;
    margin-bottom: 40px;

  }

  .block7__content__col img.left {}

  .block7__content__col img.right {
    float: none;
  }

  .block8 {
    padding: 55px 0;
    margin-bottom: 65px;
  }

  .block8__content h3 {
    margin-bottom: 47px;
  }

  .block8__content__des {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }

  .lecture_day_place h4 {
    color: #8DC31F;
  }

  .lecture_day_place .lecture_promotion tr th {
    color: #fff;
    background: #8DC31F;
    border: solid 1px #8DC31F;
  }

  .lecture_day_place .lecture_promotion tr td {
    background: rgba(141, 195, 31, .15);
  }
.lecture_day_place .lecture_promotion tr td.day{font-size: 20px;}
  .block10 {
    padding-top: 36px;
    padding-bottom: 70px;
  }

  .block10__content {
    margin-top: 39px;
  }

  .block10__content div {
    margin-bottom: 22px;
  }

  .block10__content img {
    max-width: 330px;
    display: block;
    margin: 0 auto;
  }

  .btn_form .btn {
    text-align: center;
  }

  td.sp_btn a {
    background: none;
    color: #222;
  }

  .lecture_day_place table tbody tr td.day,
  .lecture_day_place .lecture_promotion tr td {
    width: 100%;
    display: block;
    padding: 0 0 10px;
    margin-bottom: 10px;
  }
.lecture_day_place .lecture_promotion tr td.day{font-size: 20px;}
  tr td {
    text-align: center;
  }

  tr td p {
    margin: 0 0 10px;
    padding: 10px;
    background: #8DC31F;
    color: #fff;
    text-align: center;

  }

  .lecture_day_place .lecture_promotion tr td {
    border-bottom: none;
    border-left: none;
  }
.lecture_day_place .lecture_promotion tr td.day{font-size: 20px;}
  .lecture_day_place .lecture_promotion tr {
    border-top: none;
    border-right: none;
  }
  .red{font-size: 14px;
	  color: red;
  }
  .youtube_area {
  position: relative;
  width: 100%;
  padding: 56.3% 0 0;
  overflow: hidden;
}
.youtube_area #ytPlayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100.5%;
  height: 100.5%;
}
.youtube_area .poster_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 100;
}
.youtube_area .poster_list li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
.youtube_area .poster_list li.current {
  display: block;
}
.youtube_area .poster_list li img {
  width: 100.5%;
}
.youtube_area .poster_list li .playicon {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 105px;
  height: 101px;
}
.youtube_area .poster_list li .playicon::before  {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: ' ';
  background: url("https://graphical.graphics/ikuji/images/lp/ico_tube2x.png") no-repeat;
  display: inline-block;
  width: 105px;
  height: 101px;
}
}


@media (min-width: 1200px) {
  header {

    max-width: 1024px;
    margin: 0 auto
  }

  footer {
    background-color: #8dc31f;
  }

  .inner {
    max-width: 1024px;
    margin: 0 auto
  }

  .wrapper {
    max-width: 750px;
    margin: 0 auto;
  }

  h1 img {
    width: 284px;
    height: 43px !important;
  }

  .header_left_navigation {
    text-align: right;
  }

  .header_left_navigation img {
    width: 229px;
    height: auto;

  }

  .header_nav {
    background-color: rgba(255, 255, 255);
  }

  .block {
    margin-top: -71px;
  }

  .block1__content {
    margin-bottom: 44px;
    text-align: center;
  }

  .block1__content01 {
    margin-bottom: 54px;
  }

  .block2_content {
    margin-bottom: 108px;
  }

  .block2 img,
  .block3 img {
    max-width: 900px;
    display: block;
    margin: 0 auto;
  }

  .block1__content img {
    width: 461px;
    height: 48px;
    ;
  }

  .block2 {
    margin-bottom: 60px;

  }


  .block2_content01 h3 img,
  .block3_content h3 img,
  .block4__content h3 img,
  .block5__content h3 img,
  .block6__content h3 img,
  .block8__content h3 img,
  .block9__content h3 img {
    width: 825px;
    display: block;
    margin: 0 auto;
  }

  .block3_content__block3_ttl img {
    margin-top: 47px;
    margin-bottom: 34px;
    width: 693px;
  }

  .block2_content01__block2_des {
    margin-top: 37px;
    margin-bottom: 50px;
  }

  .block2_content01 h3 {
    margin-bottom: 60px;
  }

  .block3 {
    padding-top: 98px;
    padding-bottom: 50px;
  }

  .block3_content h3 {
    margin-bottom: 80px;
  }

  .block3_content01>div {
    margin-bottom: 46px;
  }

  .block3_content01__q img,
  .block3_content01__a img {
    width: 863px;
  }

  .block3_content02 div {
    margin-top: 50px;
    margin-bottom: 60px;
    width: 500px;
  }

  .block4 {
    margin-bottom: 141px;
  }

  .block4__content {
    background: rgba(243, 248, 212, .65);
    border: solid 3px #8DC31F;
    padding-top: 72px;
    padding-bottom: 104px;
  }

  .block4__content__col {
    width: 812px;
    margin: 0 auto;
  }

  .block4__content h3 {
    margin-bottom: 55px;
  }

  .block4__content__col img {
    width: 360px;
  }

  .block5 {
    padding-top: 37px;
    padding-bottom: 34px;
  }

  .block5__content h3 {
    margin-bottom: 45px;
  }

  .block5__content__des {
    width: 658px;
    display: block;
    margin: 0 auto;
  }

  .block6 {
    margin-bottom: 126px;
  }

  .block6__content__des--point {
    width: 957px;
  }

  .block7 {
    margin-bottom: 134px;
  }

  .block7__content__col {
    width: 905px;
    margin: 0 auto;


  }

  .block7__content__col img {
    width: 375px;
  }

  .block7__content__col img.left {}

  .block7__content__col img.right {
    float: right;
  }

  .block8 {
    padding: 52px 0;
    margin-bottom: 152px;
  }

  .block8__content h3 {
    margin-bottom: 71px;
  }

  .block8__content__des {
    width: 900px;
    margin: 0 auto;
  }

  .lecture_day_place h4 {
    color: #8DC31F;
  }

  .lecture_day_place .lecture_promotion tr th {
    color: #fff;
    background: #8DC31F;
    border: solid 1px #8DC31F;
  }

  .lecture_day_place .lecture_promotion tr td {
    background: rgba(141, 195, 31, .15);
  }
.lecture_day_place .lecture_promotion tr td.day{font-size: 20px;}
  .block10 {
    padding-top: 54px;
    padding-bottom: 70px;
  }

  .block10__content {
    margin-top: 46px;
  }

  .block10__content div {
    margin-bottom: 22px;
  }

  .block10__content img {
    width: 346px;
    display: block;
    margin: 0 auto;
  }

  .lecture_day_place .lecture_promotion tr td {
    text-align: center;
  }
    span.red{font-size: 14px;
	  color: #bb4a4a;
  }
   .youtube_area {
  position: relative;
  width: 900px;
  height: 505px;
  padding: 50.3% 0 0;
  overflow: hidden;
      margin: 0 auto;
}
.youtube_area #ytPlayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100.5%;
  height: 100.5%;
}
.youtube_area .poster_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 100;
}
.youtube_area .poster_list li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
.youtube_area .poster_list li.current {
  display: block;
}
.youtube_area .poster_list li img {
  width: 100.5%;
}
.youtube_area .poster_list li .playicon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 105px;
  height: 101px;
}
.youtube_area .poster_list li .playicon::before  {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: '';
  background: url("https://graphical.graphics/ikuji/images/lp/ico_tube.png") no-repeat;
  display: inline-block;
  width: 105px;
  height: 101px;
}
}