@charset "utf-8";
.note_wrap .bg_note {
  background-image: url(../images/about/subject/english/english_bg_01.png);
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
/* science---------------------------------------------------------- */
body.science #sec01 .secttl, body.socialstudies #sec01 .secttl  {
    z-index: 1;
}

body.science .trouble_box, body.socialstudies .trouble_box.lazyloaded {
  background-image: url(../images/type/level/level_bg_01.png);}
body.science .trouble_box, body.socialstudies .trouble_box {
  background-position: center top;
  padding: 75px 0 90px;
  background-size: cover;
  margin-bottom: 40px;
}
body.science .trouble_box .txt_box, body.socialstudies .trouble_box .txt_box {
  background-color: #FFFFFF;
}

body.science #sec02, body.socialstudies #sec02 {
  /* background-color: #eeeeee; */
  background-color: #FFF;
  position: relative;
}

body.science #sec02 .color, body.socialstudies #sec02 .color {
    background-color: #eeeeee;
    padding: 60px 0;
}

body.science #sec02 .inner, body.socialstudies #sec02 .inner {
  max-width: 1080px;
}

body.science.swiper_box, body.socialstudies.swiper_box {
  padding: 0 40px;
  position: relative;
}
body.science.swiper_box .swiper-container,body .socialstudies.swiper_box .swiper-container {
  position: static;
}
body.science .swiper_box .secttl,body .socialstudies .swiper_box .secttl  {
  border-radius: 16px 16px 0 0;
}

body .science .swiper_box .swiper_in ,body .socialstudies .swiper_box .swiper_in {
  border-radius: 0 0 16px 16px;
  background-color: #FFFFFF;
}
body#about .swiper-button-prev {
  background-image: url(../images/common/arrow_icon_01.png);
  width: 71px;
  height: 71px;
  background-size: contain;
  margin:auto;
  left: 1080px;
  right: 0;
  outline: 0;
}

body#about .swiper-button-next {
  background-image: url(../images/common/arrow_icon_01.png);
  width: 71px;
  height: 71px;
  background-size: contain;
  margin:auto;
  left: 0;
  right: 1080px;
  outline: 0;
}

body#about .swiper-button-prev:hover, body#about .swiper-button-next:hover {
  outline: 0;
}
body#about .swiper-button-next {
  /* left: auto;
  right: 0px; */
  transform: rotate(-180deg);
}
body.science.swiper_box dl dd.txt_box p,body.socialstudies.swiper_box dl dd.txt_box p {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 600;
}

body.science.swiper_box dl dd.txt_box .sub_txt,body.socialstudies.swiper_box dl dd.txt_box .sub_txt {
  text-align: center;
  margin-top: 15px;
}
body.science.swiper_box .secttl,body.socialstudies.swiper_box .secttl {
  box-shadow: none;
}

body.science.swiper_box .secttl:after,body.socialstudies.swiper_box .secttl:after {
  filter: none;
}

body.science .swiper_box .swiper-container,body.socialstudies .swiper_box .swiper-container {
  position: static;
}

body.science .remember,body.socialstudies .remember{
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width:768px) {

  /*  .science ---------------------------------------------------------------------------*/
  body.science .trouble_box .txt_box,body.socialstudies .trouble_box .txt_box {
    margin: 0 0 0 25%;
    padding: 40px 35px 40px 100px;
    border-radius: 16px 16px 16px 0;
  }
  body.science .trouble_box .txt_box p,body.socialstudies .trouble_box .txt_box p {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 300;
  }

  body.science .trouble_box .txt_box p span, body.socialstudies .trouble_box .txt_box p span {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 800;
  }
  body.science .trouble_box .inner,body.socialstudies .trouble_box .inner {
    position: relative;
    max-width: 810px;
  }
  body.science .trouble_box .inner:before {
    background-image: url(../images/about/subject/science/level_pic_01.png);
    width: 820px;
    height: 340px;
    display: block;
    position: absolute;
    left: 20px;
    bottom: -100px;
    content: "";
  }
  body.socialstudies .trouble_box .inner:before {
    background-image: url(../images/about/subject/socialstudies/level_pic_01.png);
    width: 820px;
    height: 340px;
    display: block;
    position: absolute;
    left: 50px;
    bottom: -100px;
    content: "";
  }

  body.science #sec02,body.socialstudies #sec02 {
    padding: 40px 0 30px;
    /* padding: 380px 0 50px; */
  }
  body.science #sec02:before {
      width: 1002px;
      height: 320px;
      top: 20px;
    /* top: -80px; */
  }
  body.science #sec02 .label_ttl,body.socialstudies #sec02 .label_ttl {
    font-size: 2.7rem;
    line-height: 1.4;
  }
  body.science .swiper_box .swiper_in,body.socialstudies .swiper_box .swiper_in {
    padding: 45px 80px;
  }
  body.science .swiper_box .bg_shadow,body.socialstudies .swiper_box .bg_shadow {
    margin: 0 5px 5px 0;
  }
  body.science .swiper_box dl dt.img,body.socialstudies .swiper_box dl dt.img {
    flex-basis: 40.5%;
  }
  body.science .swiper_box dl dd.txt_box,body.socialstudies .swiper_box dl dd.txt_box {
    flex-basis: 54%;
    margin-left: 5.5%;
  }
  body.science .swiper_box dl dd.txt_box .btn a,body.socialstudies .swiper_box dl dd.txt_box .btn a, {
    padding: 15px 0;
    min-width: 350px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
  body.science .swiper-button-pre,body.socialstudies .swiper-button-pre {
    left: 0px;
  }
  body.science .swiper-button-next,body.socialstudies .swiper-button-next {
    right: 0px;
  }

  .emphasis{
    font-weight:bold;
    font-size: 1.6rem;
  }

  .social_sub{
    font-weight:bold;
    font-size: 1.5rem;
    color:orange;
    border-bottom: 2px dotted orange;
    padding-bottom:3px;
  }
    }


.note_wrap .bg_note .img_ttl {
  text-align: center;
  margin-bottom: 10px;
}
.note_wrap .bg_note .ttl {
  color: #8dc41d;
  text-align: center;
}
.note_wrap .bg_note .ttl span {
  background: linear-gradient(#fff458 15px, transparent 15px);
  background-position: center 32px;
  display: inline;
}
.note_wrap .bg_note p {
  font-size: 1.4rem;
}
.course_wrap {
  background-color: #eeeeee;
}
.course_wrap .secttl {
  border-radius: 20px 20px 0 0;
  box-shadow: none;
}
.course_wrap .secttl:after {
  filter: none;
}
.course_wrap dl dd p {
  font-size: 1.4rem;
}
.course_wrap .ttl span {
  color: #FFFFFF;
  background-color: #8dc41d;
  font-weight: bold;
  display: table;
}
.course_wrap .ttl span + span {
  margin-top: 5px;
}
/*  language   ---------------------------------------------------------------------------*/
body.language .mv.lazyloaded {
  background-image: url(../images/about/subject/english/english_mv_01.png);
}
body.language #sec01 .lead p, body.arithmetic #sec01 .lead p, body.english #sec01 .lead, body.science #sec01 .lead,body.socialstudies #sec01 .lead p {
  font-size: 1.4rem;
}

.release {
  background-color: #f4f4f4;
  padding: 25px;
  margin-bottom: 30px;
  color: #f15a24;
  font-size: 1.3rem;
  line-height: 2.2;
  font-weight: bold;
}


body.language .course_wrap .bg_box {
  background-color: #e2f9c1;
  position: relative;
  border-radius: 10px;
}
body.language .course_wrap .bg_box:before {
  background-image: url(../images/about/subject/language/language_icon_01.png);
  display: block;
  position: absolute;
  content: "";
}
body.language .course_wrap .bg_box p {
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
}
body.language .course_wrap .txt_s {
  font-size: 1.1rem;
}
/*  arithmetic   ---------------------------------------------------------------------------*/
body.arithmetic .mv.lazyloaded {
  background-image: url(../images/about/subject/arithmetic/arithmetic_mv_01.png);
}
body.arithmetic .course_wrap .txt_s.red, body.english .course_wrap .txt_s.red {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "Hiragino Sans";
  color: #e50012;
}
body.arithmetic .movie_wrap .movie iframe {
  width: 100%;
  height: 100%;
}
body.arithmetic .movie_wrap .txt_box p {
  font-size: 1.4rem;
}
/*  english   ---------------------------------------------------------------------------*/
body.english .mv.lazyloaded {
  background-image: url(../images/about/subject/english/english_mv_01.png);
}

/*  science   ---------------------------------------------------------------------------*/
body.science .mv.lazyloaded {
  background-image: url(../images/about/subject/science/science_mv_01.png);
}
body.science .mv h1 {
  text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
  }

body.science .mv h2  {
  font-size: 1.5rem;
  line-height: 1.2;
  text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
  }

body.science .course_wrap .txt_s.red, body.english .course_wrap .txt_s.red {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "Hiragino Sans";
  color: #e50012;
}
body.science .movie_wrap .movie iframe {
  width: 100%;
  height: 100%;
}
body.science .movie_wrap .txt_box p {
  font-size: 1.4rem;
}

/*  socialstudies   ---------------------------------------------------------------------------*/
body.socialstudies .mv.lazyloaded {
  background-image: url(../images/about/subject/socialstudies/socialstudies_mv_01.png);
}

body.socialstudies .mv h1 {
  text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
  }

body.socialstudies .mv h2  {
  font-size: 1.5rem;
  line-height: 1.2;
  text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
  }
body.socialstudies .course_wrap .txt_s.red, body.english .course_wrap .txt_s.red {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "Hiragino Sans";
  color: #e50012;
}
body.socialstudies .movie_wrap .movie iframe {
  width: 100%;
  height: 100%;
}
body.socialstudies .movie_wrap .txt_box p {
  font-size: 1.4rem;
}
/* ------------------------------
    pc
------------------------------ */
@media screen and (min-width:768px) {
  .note_wrap .inner {
    padding: 50px 0;
    max-width: 800px;
  }
  .note_wrap .bg_note {
    padding: 35px 55px 45px 75px;
  }
  .note_wrap .bg_note + .bg_note {
    margin-top: 30px;
  }
  .note_wrap .bg_note .ttl {
    font-size: 2.5rem;
    margin-bottom: 35px;
  }
  .note_wrap .bg_note .ttl span {
    background: linear-gradient(#fff458 21px, transparent 20px);
    background-position: center 55px;
  }

  .note_wrap .bg_note .ttl .subtxt {
     text-align: center;
     font-size: 2rem;
     color:gray;
     font-weight: bold;
  }

  .note_wrap .bg_note p {
    line-height: 1.8;
  }
  .note_wrap .bg_note p + p {
    margin-top: 30px;
  }
  .note_wrap .bg_note .fukidasi_bg {
    width: auto;
  }
  .note_wrap .img_txt {
    text-align: center;
  }

  .note_wrap .dust {
    background-color: #FFF;
    padding: 15px 25px 15px;
    margin: 20px auto 30px;
    width: 600px;
    border-radius: 10px;
  }

  .note_wrap .dust p {
    line-height: 1.8;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

  .note_wrap .dust h1 {
    font-weight: bold;
        font-size: 1.5rem;
        color: orange;
        border-bottom: 1px dotted orange;
        padding: 15px 0 3px;
        margin-bottom: 10px;
    }

  .course_wrap .inner {
    padding: 40px 0 70px;
  }
  .course_wrap dl {
    padding: 40px 50px;
    position: relative;
    min-height: 320px;
  }
  .course_wrap dl dt {
    position: absolute;
    top: 40px;
    right: 50px;
  }
  .course_wrap dl dd {
    flex-basis: 56.5%;
    margin-right: 5.5%;
  }
  .course_wrap dl dd p {
    line-height: 2;
  }
  .course_wrap .ttl {
    margin-bottom: 25px;
  }
  .course_wrap .ttl span {
    padding: 0px 15px;
    font-size: 2.2rem;
    line-height: 1.9;
  }
  .course_wrap .box + .box {
    margin-top: 30px;
  }
  /*  language   ---------------------------------------------------------------------------*/
  body.language .mv {
    background-size: auto;
  }
  body.language #sec01 .inner, body.arithmetic #sec01 .inner, body.english #sec01 .inner,body.science #sec01 .inner,body.socialstudies #sec01 .inner {
    max-width: 800px;
  }
  body.language #sec01 .lead, body.arithmetic #sec01 .lead, body.english #sec01 .lead,body.science #sec01 .lead,body.socialstudies #sec01 .lead {
    margin: 30px 0 50px;
  }
  body.language #sec01 .lead p, body.arithmetic #sec01 .lead p, body.english #sec01 .lead,body.science #sec01 .lead,body.socialstudies #sec01 .lead p {
    line-height: 1.8;
  }
  body.language .note_wrap .img {
    text-align: center;
  }
  body.language .course_wrap .bg_box {
    padding: 15px 0;
    margin: 20px 0 10px;
  }
  body.language .course_wrap .bg_box:before {
    width: 85px;
    height: 87px;
    top: -50px;
    right: -35px;
  }
  /*  arithmetic   ---------------------------------------------------------------------------*/
  body.arithmetic .mv {
    background-size: auto;
  }
  body.arithmetic .course_wrap .txt_s.red, body.english .course_wrap .txt_s.red {
    letter-spacing: -0.3px;
    margin-top: 5px;
  }
  body.arithmetic .movie_wrap .inner {
    padding: 50px 0;
  }
  body.arithmetic .movie_wrap .movie {
    flex-basis: 46%;
    height: 250px;
  }
  body.arithmetic .movie_wrap .txt_box {
    flex-basis: 48%;
    margin-left: 6%;
  }
  body.arithmetic .movie_wrap .txt_box p {
    line-height: 2;
    letter-spacing: -1px;
  }
  /*  english   ---------------------------------------------------------------------------*/
  body.english .mv {
    background-size: auto;
  }
}
/* ------------------------------
    IE
------------------------------ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .note_wrap .bg_note .ttl span {
    background: linear-gradient(#fff458 15px, transparent 15px);
    background-position: center 40px;
  }
}
/* ------------------------------
    Edge
------------------------------ */
@supports (-ms-ime-align: auto) {
  .note_wrap .bg_note .ttl span {
    background: linear-gradient(#fff458 15px, transparent 15px);
    background-position: center 40px;
  }
}
/* ------------------------------
    sp
------------------------------ */
@media screen and (max-width: 767px) {

  .note_wrap .inner {
    padding: 30px 3%;
  }
  .note_wrap .bg_note {
    padding: 15px 3% 15px 7.5%;
  }
  .note_wrap .bg_note + .bg_note {
    margin-top: 15px;
  }
  .note_wrap .bg_note .img_ttl {
    margin: 0 auto;
    width: 70%;
  }
  .note_wrap .bg_note .ttl {
    margin-bottom: 10px;
  }
  .note_wrap .bg_note .ttl span {
    background: linear-gradient(#fff458 15px, transparent 15px);
    background-position: center 10px;
    background-size: auto 1.5em;
  }
  .note_wrap .bg_note p + p {
    margin-top: 15px;
  }
  .note_wrap .img_txt {
    margin-top: 10px;
  }
  .course_wrap .inner {
    padding: 30px 3%;
  }
  .course_wrap dl {
    padding: 15px 3%;
  }
  .course_wrap dl dt {
    margin-bottom: 15px;
  }
  .course_wrap .ttl {
    margin-bottom: 15px;
  }
  .course_wrap .ttl span {
    padding: 5px 10px;
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .course_wrap .box + .box {
    margin-top: 15px;
  }

  .note_wrap .bg_note .ttl .subtxt {
     text-align: center;
     font-size: 1.6rem;
     color:gray;
     font-weight: bold;
     margin: 10px 0 30px;
  }

  .release {
    background-color: #f4f4f4;
    padding: 25px;
    margin: 0 15px 30px;
    color: #f15a24;
    font-size: 1.3rem;
    line-height: 2.2;
    font-weight: bold;
  }



  /*  science,socialstudies   ---------------------------------------------------------------------------*/
  #sec01{
    margin-top: 10px;
  }
  #sec01 .inner {
    padding-bottom: 20px;
  }
  #sec01 .inner p {
    padding:0 15px;
  }

  body.science #sec01 .secttl img, body.socialstudies #sec01 .secttl img {
    height: 33px;
  }

  body.science #sec02,body.socialstudies #sec02 {
    padding: 25px 0 20px;
    /* padding: 155px 0 20px; */
  }
  body.science #sec02:before,body.socialstudies #sec02:before {
    width: 100%;
    height: 265px;
    top: -55px;
    background-size: auto 160px;
    background-position: center;
  }
  body.science .cta_wrap .label_ttl,body.socialstudies .cta_wrap .label_ttl {
    font-size: 1.6rem;
  }
  body.science #sec02 .label_ttl,body.socialstudies #sec02 .label_ttl {
    font-size: 1.6rem;
  }


  body.science #sec02 .color,body.socialstudies #sec02 .color {
    background-color: #eeeeee;
    padding: 30px 0;
      }


       body.science .trouble_box:after {
         background-image: url(../images/about/subject/science/level_pic_01_sp.png);
         width: 320px;
         height: 150px;
         margin: 0 -10px auto;
         display: block;
         content: "";
         background-size: cover;
      }

      body.socialstudies .trouble_box:after {
       background-image: url(../images/about/subject/socialstudies/level_pic_01_sp.png);
       width: 320px;
       height: 150px;
       margin: 0 -10px auto;
       display: block;
       content: "";
       background-size: cover;
     }

      /*  body.socialstudies .trouble_box:after {
      background-image: url(../images/about/subject/socialstudies/level_pic_01.png);
      width: 124px;
      height: 150px;
      margin: 10px auto;
      display: block;
      content: "";
      background-size: cover;
    }*/

    body.science .trouble_box{
      padding: 30px 3% 10px;
      position: relative;
      margin-bottom: 20px;
    }
    body.socialstudies .trouble_box {
      padding: 30px 3%;
      position: relative;
      margin-bottom: 20px;
    }

    body.science .trouble_box .txt_box{
       padding: 30px 3%;
       border-radius: 16px;
     }

     body.socialstudies .trouble_box .txt_box{
       padding: 30px 3%;
       border-radius: 16px;
     }

    body.science .trouble_box .txt_box p,body.socialstudies .trouble_box .txt_box p {
      font-size: 1.5rem;
      line-height: 1.8;
      font-weight: 300;
    }

    body.science .trouble_box .txt_box p span,body.socialstudies .trouble_box .txt_box p span {
      font-size: 1.5rem;
      line-height: 1.8;
      font-weight: 800;
    }

  body.science .swiper_box,body.socialstudies .swiper_box {
    padding: 0 3%;
  }
  body.science .swiper_box .bg_shadow,body.socialstudies .swiper_box .bg_shadow {
    margin: 0 5px 5px 0;
  }
  body.science .swiper_box .secttl img{
    height: 27px;
  }

  body.socialstudies .swiper_box .secttl img {
    height: 29px;
  }
  body.science .swiper_box .swiper_in,body.socialstudies .swiper_box .swiper_in {
    padding: 15px 7.5% 20px;
  }
  body.science .swiper_box dl dt.img,body.socialstudies .swiper_box dl dt.img {
    margin-bottom: 15px;
  }
  body.science .swiper_box dl dd.txt_box .sub_txt,body.socialstudies .swiper_box dl dd.txt_box .sub_txt {
    margin-bottom: 5px;
  }
  body.science .swiper_box dl dd.txt_box .btn a,body.socialstudies .swiper_box dl dd.txt_box .btn a {
    letter-spacing: normal;
    font-size: 1.4rem;
  }
  body.science .swiper_box dl dd.txt_box .btn a:after,body.socialstudies .swiper_box dl dd.txt_box .btn a:after {
    margin-top: -5px;
  }

  body.science #sec02 .color, body.socialstudies #sec02 .color {
      background-color: #eeeeee;
      padding: 30px 0 10px;
  }


  /*  dust   ---------------------------------------------------------------------------*/

  .note_wrap .dust {
    background-color: #FFF;
    padding: 15px;
    margin: 20px auto 30px;
    border-radius: 10px;
    width: 95%;
  }

  .note_wrap .dust p {
    line-height: 1.8;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .note_wrap .dust h1 {
    font-weight: bold;
        font-size: 1.5rem;
        color: orange;
        border-bottom: 1px dotted orange;
        padding: 15px 0 3px;
        margin-bottom: 10px;
    }

.emphasis{
  font-weight: bold;
    font-size: 1.4rem;
  }

  /*  language   ---------------------------------------------------------------------------*/
  body.language#sec01 .lead, body.arithmetic#sec01 .lead, body.english#sec01, body.science#sec01 .lead,body.socialstudies#sec01 .lead {
    padding: 15px 3% 30px;
  }
  body.language .course_wrap .bg_box {
    margin: 15px 0 10px;
    padding: 15px 4.5%;
  }
  body.language .course_wrap .bg_box:before {
    width: 50px;
    height: 52px;
    top: -25px;
    right: -6.5%;
    background-size: contain;
  }
  body.language .course_wrap .bg_box p br {
    display: none;
  }

  /*  science,socialstudies ---------------------------------------------------------------------------*/

  body.science .movie_wrap .inner,body.socialstudies .movie_wrap .inner {
    padding: 30px 3%;
  }
  body.science .movie_wrap .movie,body.socialstudies .movie_wrap .movie {
    height: 300px;
    margin-bottom: 30px;
  }
  body.science .remember .secttl img,body.socialstudies .remember .secttl img {
      height: 27px;
  }
  body#about .swiper-button-prev {
       background-image: url(../images/common/arrow_icon_01.png);
      width: 50px;
      height: 71px;
      background-size: contain;
      margin: auto;
      left: -280px;
      right: 0;
      outline: 0;
  }

  body#about .swiper-button-next {
       background-image: url(../images/common/arrow_icon_01.png);
      width: 50px;
      height: 71px;
      background-size: contain;
      margin: auto;
      left: 0;
      right: -280px;
      outline: 0;
  }
  body#about .swiper-button-prev, body#about .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  body.science .swiper-slide .swiper_in {
    padding: 20px 7.5%;
  }
  body.science .swiper-button-prev {
    left: -3%;
  }
  body.science .swiper-button-next {
    right: -3%;
  }
  body.science .mv h2,body.socialstudies .mv h2  {
    font-size: 1.0rem;
    line-height: 1.2;
    text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
    }
  body.science .mv h1 img,body.socialstudies .mv h1 img {
    width: 80%;
    height: auto;
  }


  /*  english   ---------------------------------------------------------------------------*/
}