@charset "UTF-8";
/*
 * 変数
 */
/*
 * ブレークポイント
 */
/*
 * 560pxより広くなったら改行なくす
 */
@media (min-width: 560px) {
  .br_sp {
    display: none;
  }
}

/*
 * 560pxより狭くなったら改行なくす
 */
@media (max-width: 560px) {
  .sp_br {
    display: none;
  }
}

/*
 * 780pxより広くなったら改行なくす
 */
@media (min-width: 900px) {
  .br_tab {
    display: none;
  }
}

/*
 * 780pxより狭くなったら改行なくす
 */
@media (max-width: 900px) {
  .pc_br {
    display: none;
  }
}

/*
 * トランジション
 */
.header {
  height: 84px;
}
@media (max-width: 560px) {
  .header {
    height: 60px;
  }
}

.main-tit-block {
  padding-top: calc(78px + 1%);
  padding-bottom: 6%;
  background-image: url("../images/me-back.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom 16%;
  position: relative;
}
.main-tit-block .main-tit {
  color: white;
}
@media (max-width: 900px) {
  .main-tit-block {
    padding: 66px 0 13%;
  }
}
@media (max-width: 560px) {
  .main-tit-block {
    padding: 53px 0 11%;
  }
}

.ov-grad {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(32, 42, 88, 0.5) 100%);
}

/*# sourceMappingURL=page-base.css.map */