@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

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

  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/200306_cover_spring_photo.jpg);
    background-color: #fff;
    background-size: auto;
    height: 430px;
  }
  .m-mv--free {
    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_合格実績

*/
.m-mv--goukaku {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .m-mv--goukaku__link {
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  .m-mv--goukaku__link img {
    width: 50px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-mv--goukaku {
    background-image: url(https://kou.benesse.co.jp/_assets18/pc/img/0811/cover_gokaku_photo.jpg);
    background-size: auto;
    background-color: #fff;
    height: 430px;
  }
  .m-mv--goukaku__lead {
    padding-top: 30px;
    text-align: right;
  }
  .m-mv--goukaku__link a:hover {
    opacity: .7;
  }
  .m-mv--goukaku__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
       -ms-flex-pack: end;
     justify-content: flex-end;
    margin-right: 90px;
    margin-top: -12px;
  }
  .m-mv--goukaku__btn a {
    font-size: 13px;
    margin-right: 10px;
    padding: 15px 28px 15px 10px;
    width: 150px;
  }
}

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

  LPOブラパネ

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

  new_kou1

*/
@media only screen and (min-width: 768px), print, tv {
  .m-mv--new_kou1 {
    background-image: url(/_assets/200131_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/200307_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/200302_cover_kou2.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/200312_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--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;
}