@charset "UTF-8";
/* =====================================

  FVバナー

*/
.m-evidence-bnr {
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 768px), print, tv {
  .m-evidence-bnr__cont {
    width: 960px;
    margin: 0 auto;
  }
  .m-evidence-bnr__cont a:hover {
    opacity: .7;
  }
}
/* ---------------------------

  高校生利用者数No.1

*/
@media only screen and (min-width: 768px), print, tv {
  .m-evidence-bnr-no1 {
    background-color: #fff;
  }
}

/* ---------------------------

  1.4人に1人

*/
@media only screen and (min-width: 768px), print, tv {
  .m-evidence-bnr-juku {
    background-color: #005bac;
  }
}

/* =====================================

  MV

*/
/* ---------------------------

  4月開講号締切延長

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--extention {
    background-image: url(/_assets/200425_cover_extention.png);
    background-color: #FFEA01;
    background-size: auto;
    height: 430px;
  }
}
/* ---------------------------

  休校応援

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--kyukou {
    background-image: url(/_assets/200904_cover_tokko_photo.jpg);
    background-color: #ffffff;
    background-size: auto;
    height: 430px;
  }
}
/* ---------------------------

  AIStlike_KV

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--aistlike {
    background-image: url(/_assets/200526_cover_aistlike_photo.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--aistlike__btn {
    position: relative;
    bottom: 95px;
    left: 495px;
  }
}
@media only screen and (max-width: 767px) {
  .m-mv--aistlike__btn {
    position: absolute;
    width: 90%;
    bottom: 3%;
    left: 5%;
  }
}
/* ---------------------------

  Default_自宅でできる

*/
.batch_position {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .m-mv--spring__batch {
    position: absolute;
    bottom: 1px;
    right: 3px;
  }
  .m-mv--spring__batch img {
    width: 135px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-mv--spring {
    background-image: url(/_assets/200409_cover_spring_photo.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--free {
    background-image: url(/_assets/200703_cover_free_photo.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .batch_position {
    width: 960px;
    height: 430px;
    margin: 0 auto;
  }
  .m-mv--spring__batch {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/* ---------------------------

  Default_CM連動

*/
.btn_position {
  position: relative;
}
.m-mv--cm__btn a {
  margin: 0px 10px;
}
.m-mv--cm__btn a:hover {
  opacity: .7;
}
@media only screen and (max-width: 767px) {
  .m-mv--cm__btn {
    display: flex;
    position: absolute;
    bottom: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-mv--cm {
    background-image: url(/_assets/200117_cover_cm_photo_pc.png);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--cm__lead {
    padding-top: 190px;
    text-align: right;
    height: 430px;
  }
  .m-mv--cm__btn {
    display: flex;
    position: absolute;
    bottom: 30px;
  }
}
/* ---------------------------

  Default_高校別アプリ&テキスト

*/
.m-mv--top__lead {
  position: relative;
}
@media only screen and (min-width: 768px), print, tv {
  .m-mv--top {
    background-image: url(https://kou.benesse.co.jp/_assets19/rwd/img/0409/cover_photo_pc.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--top__lead {
    padding-top: 100px;
    text-align: center;
    height: 430px;
  }
  .m-mv--top__btn {
    margin-top: 10px;
  }
  .m-mv--top__btn a:hover {
    opacity: .7;
  }
  .m-mv--top__link {
    position: absolute;
    bottom: 30px;
    right: 0;
    text-shadow: 1px 1px 2px #fff;
  }
}
@media only screen and (max-width: 767px) {
  .m-mv--top__link {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
  .m-mv--top__btn {
    margin-top: 10px;
  }
}

/* ---------------------------

  Default_合格実績

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--goukaku {
    background-repeat: no-repeat;
    background-image: url(/_assets/200812_jisseki_cover_photo.png);
    background-position: top;
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
}
.m-mv--goukaku .m-unit__box--spx{
  position: relative;
}
.m-u-kv-gokaku_ofr{
  position: absolute;
  text-align: center;
}
.jisseki-btn-position {
  position: absolute;
}
.jisseki-btn-position:hover {
    opacity:0.7;
  }

@media only screen and (min-width: 768px), print, tv {
  .m-u-kv-gokaku_ofr{
    right: 100px;
    bottom: 25px;
  }
  .jisseki-btn-position {
    bottom: 13px;
    right: 320px;
  }
}
@media only screen and (max-width: 767px), print, tv {
  .m-u-kv-gokaku_ofr {
    left: 65%;
    bottom: 8.5%;
  }
  .jisseki-btn-position {
    left: 3%;
    bottom: 5%;
    max-width: 60%;
  }
  
}
/* =====================================

  LPOブラパネ

*/
/* ---------------------------

  new_kou1

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--new_kou1 {
    background-image: url(/_assets/200911_cover_new_kou1.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  kou1

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--kou1 {
    background-image: url(/_assets/200920_cover_kou1.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  kou2

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--kou2 {
    background-image: url(/_assets/200904_cover_kou2.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  kou2_kyukou

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--kou2_kyukou {
    background-image: url(/_assets/200503_cover_kou2_kyukou.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  prejuken

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--prejuken {
    background-image: url(/_assets/200215_cover_prejuken.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  juken

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--juken {
    background-image: url(/_assets/200915_cover_juken.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
    padding-top: 40px;
  }
}

/* ---------------------------

  member

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--member {
    background-image: url(https://kou.benesse.co.jp/_assets17/pc/img/1201/cover_photo_syouronbun.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--member .m-btn {
    width: 360px;
  }
}
/* -- ce -- */
@media only screen and (min-width: 768px), print, tv {
  .m-mv--ce {
    background-image: url(/_assets/200227_cover_photo_listen.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--ce a {
    display: block;
    width: 960px;
    height: 430px;
    text-indent: -9999px;
    margin: auto;
  }
}

/* ---------------------------

  inr
  btn

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--new_kou1__inr,
  .m-mv--kou1__inr,
  .m-mv--kou2__inr,
  .m-mv--prejuken__inr,
  .m-mv--juken__inr {
    position: relative;
  }
  .m-mv--new_kou1 .m-btn,
  .m-mv--kou1 .m-btn,
  .m-mv--kou2 .m-btn,
  .m-mv--kou2_kyukou .m-btn,
  .m-mv--prejuken .m-btn,
  .m-mv--juken .m-btn {
    box-shadow: 0 5px rgba(178,178,178,0.9);
    width: 356px;
    position: absolute;
    bottom: 29px;
    right: 64px;
  }
}

/* ---------------------------

  member

*/
.index_member_b .m-cover:first-child {
  background-image: url(https://kou.benesse.co.jp/_assets16/20170215/pc/img/cover_photo_listen.png);
  background-color:#ffffff;
}
.index_member_b .m-cover:first-child .m-box a {
  height: 400px;
}

/* ---------------------------

  mayoi_lpo

*/
.index_hybrid_a .m-cover:first-child {
  background-image: url(https://kou.benesse.co.jp/_assets16/20160331-2/pc/img/cover_hybrid_a.jpg);
  background-color:#ffffff;
}
.index_hybrid_a .m-cover:first-child .m-box a {
  height: 400px;
}
.index_original_a .m-cover:first-child {
  background-image: url(https://kou.benesse.co.jp/_assets16/20160331-2/pc/img/cover_original_a.jpg);
  background-color:#ffffff;
}
.index_original_a .m-cover:first-child .m-box a {
  height: 400px;
}

/* ---------------------------

  m-btn--LPO

*/
.m-btn--LPO {
  width: 400px;
  margin-left: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: block;
}
.m-cover--link:not(:last-child) {
  margin-bottom: 18px;
}

/* ---------------------------

  asset-onebutto

*/
.asset-onebutton .m-feature__point {
    margin-bottom: 40px;
}
.asset-onebutton .m-block--s {
    margin-bottom: 50px;
}

/* ---------------------------

  Yahoo連動ブラパネ用設定

*/
#ypsd-cover .m-cover--bg {
  background-image: url('/_assets16/20160411/pc/img/ypsd_cover_bg.jpg');
}
#ypsd-cover-btn-list {
  width: 400px;
  margin: 50px 0;
  padding-left: 70px;
}
#ypsd-cover-btn-list .m-cover--link {
  width: 200px;
  margin-bottom: 11px;
}
#ypsd-cover-btn-list .m-btn {
  width: 200px;
  margin-left: 0;
  padding-top: 11px;
  padding-bottom: 11px;
}

/* ---------------------------

  コース登録ブラパネ用設定

*/
.course ul.m-grid li {
    position: relative;
    bottom: -300px;
    margin-right: 10px;
}

/* ---------------------------

  bnr

*/
@media only screen and (min-width: 768px), print, tv {
  .m-bnr--cp {
    background-color: #d30a2c;
  }
  .m-bnr--cp a:hover {
    opacity: .9;
  }
}

@media only screen and (min-width: 768px), print, tv {
  .m-bnr--2mcp {
    width: 960px;
    margin: auto;
    background-color: #FFEA00;
  }
  .m-bnr--2mcp a:hover {
    opacity: .9;
  }
}

/* ====================================

[CLXX]カルーセル_thumb

*/
@media only screen and (min-width: 768px), print, tv {
  .m-grid--3col-pc .js-slider--thumb.m-slider {
    width: 292px;
    margin: 0 auto;
  }
}
/* ====================================

  app_DL_btn

 */
.dl-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dl-btn_app {
    width: 44.8275862%;
}
.dl-btn_gooogle {
    width: 48.6206897%;
}
@media only screen and (max-width: 767px) {
    .dl-btn {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 768px), print, tv {
    .dl-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .dl-btn a:hover {
        opacity: .7;
    }
    .dl-btn_app {
        width: 208px;
    }
    .dl-btn_gooogle {
        width: 227px;
        margin: 0 0 0 32px;
    }
}