@charset "utf-8";
#main .main_con {
  width: 762px;
  padding: 30px 39px 0;
}

.app_border {
  background-image: url(/shinko/preschool/ol/site/images/tab_bg03.png);
  background-repeat: repeat-x;
}

.app_box {
  width: 840px;
  margin: 0 auto;
  padding-top: 30px;
}

.app_box_btn {
  margin-top: -215px;
  padding-bottom: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.app_box_btn a:hover {
  opacity: .6;
}

.app_serial {
  width: 680px;
  margin: 0 auto 10px;
}

.app_num_box {
  position: relative;
  width: 680px;
  margin: -25px auto;
  background: url(/shinko/preschool/ol/site/images/app_txt03_bg_pc.jpg);
  background-size: 100%;
}

.app_num {
  position: relative;
  z-index: 99;
  width: 70%;
}

.app_num img {
  padding: 5px 5px 5px 30px;
}

.app_sp {
  position: absolute;
  top: -130px;
  right: -50px;
}

.app_tit {
  position: relative;
  width: 860px;
  margin: 15px auto 0;
  line-height: 0;
}

.app_books div {
  display: table-cell;
  vertical-align: middle;
}

.app_arrow {
  margin-left: -20px;
}

.bnr_google {
  margin-left: 20px;
}

.line_outer {
  margin: 80px auto;
}

@media only screen and (max-width:768px) {
  .app_box, .app_serial {
    width: 85%!important;
    height: 100%!important;
    min-width: initial!important;
    min-width: auto;
  }
  .app_serial {
    margin: 0 0 1%;
  }
  .app_box_btn {
    margin-top: -29%;
    padding-bottom: 30%;
    zoom: .45;
  }
  .app_box {
    width: 100%!important;
  }
  .app_box2 {
    width: 94%!important;
    height: auto;
    margin: -10% auto 0
  }
  .app_num_box {
    width: 100%!important;
    margin: -5% auto;
  }
  .app_num {
    width: 53%;
  }
  .app_num img {
    padding: 1% 1% 1% 11%;
  }
  .app_sp {
    width: 42%!important;
    top: -18%;
    right: -6%;
  }
  .line_outer {
    margin: 11% auto;
  }
  .app_books div {
    margin: 0!important;
    display: block;
  }
  .app_books div img {
    margin: 0 auto!important;
  }
  .app_tit {
    width: 100%!important;
    margin: 9% auto 0;
  }
  .app_books div img.app_arrow {
    width: 25%;
    margin: 3% auto 0!important;
  }
  .app_books div img.dn {
    width: 25%;
    margin: 3% auto 2%!important;
  }
  .bnr_google {
    margin-left: 5%px;
  }
}