.bukatsu-banner-area{
  text-align: center;
  margin: 0px 20px 40px;
}
.scienceCategoryBanner{
  margin-bottom: 10px;
  height: 140px;
  width: 960px;
}
.scienceCategory-MiddleBanner{
  margin-bottom: 10px;
  height: 120px;
  width: 400px;
}
.scienceBlock{
  background-color: white;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.science_top-main-visual{
  background: #fff;
}
.scieceBlock .scieceBlock-articleArea{
  display: flex;
}
a.buttonScienceBlock {
  display: inline-block;
  min-width: 200px;
  box-sizing: border-box;
  background: #F3B152;
  position: relative;
  height: 60px;
  color: #fff;
  font-size: 1.6rem;
  align-items: center;
  border-radius: 10px;
}
.buttonScieceBlock-outer{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.buttonScieceBlock-inner{
  font-family: "UD Shin Go Medium JIS2004";
  font-size: 2rem;
  position: relative;
  bottom: 5px;
}
.scieceBlock-articleText .link .text .fa {
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  vertical-align: -4px;
  text-indent: 10px;
}
.scienceBlock-title{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: #e6e9f2;
  border-radius: 40px;
  padding: 14px;
  box-sizing: border-box;
  margin: 25px auto 25px;
  font-family: "UD Shin Go Bold JIS2004";
  position: relative;
  background-color: rgb(16, 89, 16);
  width: 500px;
  max-width: 100%;
}
.postScienceBlock-ContentTitle{
  text-align: center;
  font-weight: bold;
  font-size:2.4rem;
  padding-top: 20px;
}
.contestPanel{
  background: #fff;
  margin: 0px 2px 10px;
  box-sizing: border-box;
}
.articleText-description{
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 1.8rem;
  color: #000;
}
.loginArea{
  background: #fcfad3;
  position: relative;
  margin: 0px 160px 25px 160px;
}
.loginTitle{
  text-align: center;
  color: #ff6600;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 0 5px;
}
.checkBoxList{
  width: 500px;
  margin: 0 auto 10px;
  padding-bottom: 10px;
}
.checkBoxList .list{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
}
.checkBoxList .list:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -3px 5px 0 10px;
  background: url(../../../../img/v3/tutorial/checkbox_icon.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.scienceBlock-registerArea{
  padding-bottom: 10px;
}
.textButton{
  background-color: #33cc00;
}
.textButton .text{
  color: #fff;
}
.scienceContent-subText{
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0px 20px;
}
.viewScienceBlock-info img {
  max-width: 170px;
  height: auto;
}
.viewScienceBlock-title {
  font-size: 1.8rem;
  line-height: 2;
  color: #000;
}
a.buttonScienceBlock-article {
  display: inline-block;
  min-width: 180px;
  box-sizing: border-box;
  background: #F3B152;
  position: relative;
  padding-right: 40px;
  height: 45px;
  color: #fff;
  font-size: 1.6rem;
  align-items: center;
  border-radius: 10px;
}
.buttonScienceBlock-article:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #F3B152;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.buttonScienceBlock-inner {
  font-family: "UD Shin Go Medium JIS2004";
  font-size: 1.8rem;
}
.buttonScienceBlock-outer {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.buttonScienceBlock-article:before {
  content: '';
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.contestBlock{
  padding:20px 35px;
}
.viewScienceBlock-openDate{
  font-size: 1.8rem;
  float: right;
}

/* SP版以外 */
@media screen and (min-width:768px){
  .contestPanelContainer{
    text-align: center;
  }
  .scieceBlock-articleText{
   position: relative;
   width: 580px;
   padding-left: 60px;
   padding-right: 90px;
  }
  .buttonScienceBlock{
    position: absolute;
    top: 100px;
    left: 150px;
  }
  .viewScienceBlock-info .viewScienceBlock-infoText {
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .viewScienceBlock-contentList{
    padding: 0px 30px;
  }
  .viewScienceBlock-contentList li {
    position: relative;
    margin: 10px;
    padding: 20px;
    box-shadow: 2px 2px 5px #333;
  }
  .viewScienceBlock-contentList ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .viewScienceBlock-info{
    display: flex;
    padding-bottom: 30px;
  }
  .scienceArticleBlock-title{
    padding-left: 120px;
    padding-bottom: 10px;
    padding-top: 15px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .scieceBlock .panel{
    display: flex;
    align-items: center;
    padding-left: 100px;
    height: 280px;
  }
  .scieceBlock .slick-prev{
    left: 30px;
  }
  .scieceBlock .slick-next{
    right: 30px;
  }
  .category-banner-area{
    margin-bottom: 10px;
  }
  .category-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .category1{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-34-58-803.jpg");
    margin: auto;
    margin-bottom: 10px;
  }
  .category2{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-36-08-686.jpg");
    margin: auto;
    margin-bottom: 10px;
  }
  .category3{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-36-15-815.jpg");
    margin: auto;
    margin-bottom: 10px;
  }
  .category4{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-36-22-016.jpg");
    margin: auto;
    margin-bottom: 10px;
  }
  .middle-category1{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-43-26-722.jpg");
    background-repeat: no-repeat;
    margin: 5px;
  }
  .middle-category2{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-44-11-104.jpg");
    background-repeat: no-repeat;
    margin: 5px;
  }
  .middle-category3{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-44-16-154.jpg");
    background-repeat: no-repeat;
    margin: 5px;
  }
  .middle-category4{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-44-19-904.jpg");
    background-repeat: no-repeat;
    margin: 5px;
  }
  .buttonAreaScienceBlock-article {
    position: absolute;
    bottom: 10px;
    right: 20px;
  }
  .pager{
    margin-top: 10px;
    margin-left: 40px;
  }
  .movie{
    width: 350px;
    height: 100%;
  }
  .movie .img{
    max-width: 350px;
    height: auto;
  }
}
/* SP版 */
@media screen and (max-width:768px){
  .pager{
    margin: 5px 0px;
  }
  .scieceBlock .scieceBlock-articleArea{
    display: block;
    width: 100%;
  }
  .scienceArticleBlock-main{
    position: relative;
    padding: 0px 20px;
  }
  .buttonScienceBlock{
    text-align: center;
  }
  .scienceBlock-title{
    font-size: 1.5rem;
    width: inherit;
    margin: 5px 20px 20px 20px;
  }
  .scienceArticleBlock-title{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 15px 0px;
  }
  .movie{
    width: 100%;
  }
  .contestPanelContainer{
    text-align: center;
  }
  .category-list{
    padding: 0px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
  .scienceCategoryBanner{
    margin-bottom: 10px;
    width: 100%;
    height: 30vw;;
  }
  .scienceCategory-MiddleBanner{
    margin-bottom: 10px;
    width: 100%;
    height: 30vw;
  }
  .category-list a{
    height: 30vw;
  }
  .category1{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-55-44-027.jpg");
    background-repeat:  no-repeat;  
    background-size:contain;   
  }
  .category2{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-38-903.jpg");
    background-repeat:  no-repeat;
    background-size:contain;    
  }
  .category3{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-42-681.jpg");
    background-repeat:  no-repeat;
    background-size:contain;  
  }
  .category4{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-46-501.jpg");
    background-repeat:  no-repeat;
    background-size:contain;    
  }
  .middle-category1{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-55-44-027.jpg");
    background-repeat: no-repeat;
    background-size:contain;
  }
  .middle-category2{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-38-903.jpg");
    background-repeat: no-repeat;
    background-size:contain;  
  }
  .middle-category3{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-42-681.jpg");
    background-repeat: no-repeat;
    background-size:contain;  
  }
  .middle-category4{
    background-image: url("https://d38vrblg2ltm93.cloudfront.net/admin/image/2023-04-17_10-57-46-501.jpg");
    background-repeat: no-repeat;
    background-size:contain;  
  }
  .loginArea{
    margin: 0px 30px 20px;
  }
  .checkBoxList {
    width: 100%;
    margin: 0 auto 10px;
    padding-bottom: 10px;
 }
 .contestPanel{
  background: #fff;
  margin: 0px 2px 20px;
  width: 100%;
  box-sizing: border-box;
}
.bukatsuLogoArea{
  padding-bottom: 5px;
  margin: auto;
}
.bukatsuLogoArea div{
  width: 100%;
  text-align: center;
}
.slick-next:before{
  top: -130px;
  right: -15px;
}
.slick-prev:before{
  top: -130px;
  left: -15px;
}
.postWorkScienceBlock-main{
  padding: 0 10px 5px;
}
.viewScienceBlock-title {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
}
.viewScienceBlock-contentList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.viewScienceBlock-contentList li{
  position: relative;
  width: 45%;
  margin: 1%;
  padding: 5px 5px 70px 5px;
  box-shadow: 2px 2px 5px #333;
}
.viewScienceBlock-info img {
  width: 100%;
  max-width: inherit;
  height: auto;
}
.viewScienceBlock-infoText{
  margin: 10px 5px 10px;
}
.viewScienceBlock-openDate{
  font-size: 1.4rem;
  line-height: 1.5;
}
.buttonScienceBlock-inner {
  font-family: "UD Shin Go Medium JIS2004";
  font-size: 1.4rem;
}

a.buttonScienceBlock-article {
  display: inline-block;
  min-width: 110%;
  box-sizing: border-box;
  background: #F3B152;
  position: relative;
  padding-right: 40px;
  margin: 5px;
  height: 40px;
  color: #fff;
  font-size: 1.6rem;
  align-items: center;
  border-radius: 10px;
}
.buttonScienceBlock-article:before {
  content: '';
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.buttonScienceBlock-article:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #F3B152;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.contestBlock{
  padding:20px 5px;
}
.postScienceBlock-ContentTitle{
  text-align: center;
  font-weight: bold;
  font-size:1.6rem;
  padding-top: 20px;
}
.buttonAreaScienceBlock-article {
  position: absolute;
  bottom: 5px;
  right: 25px;
}
.bukatsu-banner-area{
  width: 320px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .bukatsu-banner-area {
      width: 90%;
      margin: auto;
  }
}

}


.bgWhile01,.bgWhile02{
  bottom:-1px;margin:0 -35px;width:100%;height:12px
}
.todaysLesson .titleWrap,.topBlock{
  overflow:hidden
}
.contentBlock{
  padding:20px 35px;
  position:relative
}
.topBlock{
  padding:20px 35px;background:linear-gradient(#fdfacc,#ffff67)
}
.videoInfomation .category{
  display: inline-block;height:20px;line-height: 20px;padding:0 10px;font-size: 1.2rem;background-color: #ffaf59;color:#ffffff;
}
.category{
  background:#ee6001;padding:10px 0 0 5px;position:inherit;font-size:1.4rem;font-weight: bold;opacity: inherit;height: 20px
}
.todayMovietitle{
  border-radius: 0 0 5px 5px;background: #ffffff;color:#666;font-size: 1.2rem;font-weight: bold;padding: 10px 12px;height: 60px;box-sizing: border-box;
}
.panel .link:link,.panel .link:visited{
  color:#000
}
.panel .link:active,.panel .link:hover{
  color:#ff6c00
}
.block01{
  background:url(../../../img/v3/index/index_bg01.png) center top
}
.block02{
  background:url(../../../img/v3/index/index_bg02.png) center top
}
.bgWhile01{
  position:absolute;background:url(../../../img/v3/index/index_bg_while01.png) center bottom repeat-x;background-size:21px 13px
}
.bgWhile02{
  position:absolute;background:url(../../../img/v3/index/index_bg_while02.png) center bottom repeat-x;background-size:21px 13px
}
@media screen and (max-width:768px){
.contentBlock
{
  padding:20px 5px
}
.bgWhile01,.bgWhile02
{
  margin:0 0 0 -5px
}
}
.blockText{
  font-size:18px;font-size:1.8rem;font-weight:700;color:#000
}
@media screen and (max-width:768px){
.blockTitle{
  float:none;margin:0 0 10px
}
.blockTitle .img
{
  height:auto
}  .blockText{
  float:none;text-align:center;padding-top:0;margin-bottom:10px;font-size:16px;font-size:1.6rem
}
}
.seeMoreContestButton{
  text-align: center;
  margin-top: 10px;
}
.seeMoreContestButton .link{
  box-sizing:border-box;
  padding:10px 20px;
  margin: 10px;
  overflow:hidden;
  border-radius:6px;
  display:inline-block;
}
.seeMoreButton01 .link{
  box-shadow:1px 1px 4px #6f3711;background-color:#f60
}
.seeMoreContestButton .link .text{
  color:#fff;
  font-size:15px;
  font-size:1.6rem;
  font-weight:700;
}
.seeMoreContestButton .link .text .fa{
  color:#fff;
  font-size:30px;
  font-size:3rem;
  vertical-align:-4px;
  text-indent:10px
}
.seeMoreContestButton .link:hover .text,.seeMoreContestButton.link:hover .text .fa{
  color:#fff798
}.mainSlider .carouselImg{
  width:640px
}
@media screen and (max-width:768px){
.seeMoreButto{
  position:static;text-align:center
}
.mainSlider,.mainSlider .carouselImg
{
  width:100%;float:none
}
}
.mainSlider{
  width:640px;float:left
}
.subSlider{
  width:970px
}
.subSlider .img{
  width:310px
}
.subSlider .slick-next{
  right:20px
}
.topBlock .panel{
  width:310px;float:right
}
.todaysLesson{
  width:100%;box-sizing:border-box;background:#ffca34;padding:5px;border:3px solid #e6e9f2;border-radius:10px;margin-bottom:8px
}
.todaysTitle{
  float:left;margin:4px 20px 5px 0;color: #ff0066; text-shadow: 3px 0px #ffffff, 2.83px 0.98px #ffffff, 2.35px 1.85px #ffffff, 1.62px 2.52px #ffffff, 0.7px 2.91px #ffffff, -0.28px 2.98px #ffffff, -1.24px 2.72px #ffffff, -2.07px 2.16px #ffffff, -2.66px 1.37px #ffffff, -2.96px 0.42px #ffffff, -2.94px -0.57px #ffffff, -2.59px -1.5px #ffffff, -1.96px -2.27px #ffffff, -1.11px -2.78px #ffffff, -0.13px -2.99px #ffffff, 0.85px -2.87px #ffffff, 1.74px -2.43px #ffffff, 2.44px -1.73px #ffffff, 2.88px -0.83px #ffffff; font-family: 'UD Shin Go Bold JIS2004','Gothic MB101 Bold JIS2004';font-size: 21px;
}
.todaysLessonText{
  float:left;color:#f33;font-weight:bold;font-size: 1.3rem
}
.todaysAnimeText{
  float:left;color: #ff3333;font-weight: bold;font-size: 1.3rem
}
.todaysLesson .detail{
  background:#ffcb34;margin:3px 0 4px 0
}
.todaysLesson .grp{
  padding:10px 20px
}
.todaysLesson .wrap{
  margin-top:10px
}
.todaysLesson .icon{
  width:40px;height:40px;float:left;font-size: 35px;color: #ff408d;text-shadow: 3px 0px #ffffff, 2.83px 0.98px #ffffff, 2.35px 1.85px #ffffff, 1.62px 2.52px #ffffff, 0.7px 2.91px #ffffff, -0.28px 2.98px #ffffff, -1.24px 2.72px #ffffff, -2.07px 2.16px #ffffff, -2.66px 1.37px #ffffff, -2.96px 0.42px #ffffff, -2.94px -0.57px #ffffff, -2.59px -1.5px #ffffff, -1.96px -2.27px #ffffff, -1.11px -2.78px #ffffff, -0.13px -2.99px #ffffff, 0.85px -2.87px #ffffff, 1.74px -2.43px #ffffff, 2.44px -1.73px #ffffff, 2.88px -0.83px #ffffff;text-align: center;margin-right: 5px;
}
.todaysLesson .textName{
  float:left;width:175px;font-size:14px;font-size:1.4rem
}
@media screen and (max-width:768px){
  .mainSlider .img,.todaysLesson .detail{
  width:100%;height:auto
}
.topBlock{
  overflow:visible;border-radius:0;padding:5px 0 20px
}
.mainSlider{
  width:100%;float:none
}
.topBlock .panel{
  box-sizing:border-box;width:100%;float:none;padding:0 5px
}
.mainSlider .img{
  margin-bottom:5px
}
.todaysLesson{
  margin-bottom:10px
}
.todaysLesson .textName{
  width:72%
}
.todaysLesson .lessonMovieTitle{
  font-size:15px;font-size:1.5rem
}
.subSlider{
  width:auto
}
.subSlider .img{
  box-sizing:border-box;width:100%
}
}
.lessonSlider{
  margin-bottom:10px
}
.lessonMovie .movie .img{
  width:100%;
  max-width:100%;
  margin-bottom:10px;
}
.lessonMovie .panel{
  background:#fff;margin:0 2px;float: inherit;height: inherit;
}
.lessonMovie .slick-track{
  display: flex;min-height: inherit;
}
.lessonMovie .panel .text{
  padding:0 10px
}
.lessonMovie .panel .teacherArea{
  margin-top:10px
}
.lessonMovie .teacherPhoto{
  float:left;margin:0 10px 10px;width:50px;height:50px;background-position:center;background-size:cover
}
.lessonMovie .teacherName{
  float:left;width:220px;font-size:14px;font-size:1.4rem
}
.lessonMovie .teacherName .teacher{
  margin-left:5px
}
@media screen and (max-width:768px){
  .lessonBlock .blockTitle .img{
  width:100px;height:auto
}
.lessonMovie .panel .text{
  font-size:15px;font-size:1.5rem
}
.lessonMovie .teacherPhoto{
  width:34px;height:34px
}
.lessonMovie .teacherName{
  float:left;width:60%
}
}