@charset "UTF-8";
/* CSS INFORMATION -====================================
File name : base.css
Description : 下層共通
===================================================== */
/* =====================================================
    header 下層ページ共通
======================================================*/
#header .header-inner h1 .header-logo {
  display: none;
}
#header .header-inner h1 .header-logo_lower {
  display: block;
  width: 27rem;
}

@media screen and (min-width: 768px) {
  #header .header-inner h1 .header-logo_lower {
    width: 38rem;
  }
}
/* =====================================================
    mv 下層ページ共通
======================================================*/
#mv_lower {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  background: #f8b1ba;
  height: 26rem;
  z-index: 20;
}
#mv_lower .intro-mv-bg {
  position: absolute;
  content: "";
  z-index: 4;
}
#mv_lower .intro-mv-bg.bg1 {
  top: -21rem;
  left: -18rem;
  width: 61rem;
  height: 55rem;
}
#mv_lower .intro-mv-bg.bg2 {
  display: none;
}
#mv_lower .intro-mv-wrap {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #mv_lower {
    background: #f8b1ba;
    height: 21rem;
    margin-left: 55rem;
  }
  #mv_lower .intro-mv-bg.bg1 {
    top: -11rem;
    left: -11rem;
    width: 50rem;
    height: 34rem;
  }
  #mv_lower .intro-mv-bg.bg2 {
    display: block;
    top: -14rem;
    right: 25rem;
    width: 62rem;
    height: 32rem;
  }
  #mv_lower .intro-mv-wrap {
    position: relative;
    display: flex;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  #mv_lower {
    margin-left: 48rem;
  }
  #mv_lower .intro-mv-wrap {
    padding-left: 8rem;
  }
}
@media screen and (min-width: 1600px) {
  #mv_lower {
    margin-left: 55rem;
  }
  #mv_lower .intro-mv-wrap {
    padding-left: 17rem;
  }
}
/* =====================================================
    共通タイトル 下層ページ共通
======================================================*/
.sec-ttl.lower-ttl {
  text-align: center;
  font-size: 10rem;
  letter-spacing: 0.2em;
  line-height: 0.78;
}

@media screen and (min-width: 768px) {
  .sec-ttl.lower-ttl {
    text-align: right;
    font-size: 9rem;
    line-height: 0.75;
    letter-spacing: 0.13em;
  }
}
@media screen and (min-width: 1400px) {
  .sec-ttl.lower-ttl {
    font-size: 11rem;
  }
}
/* =====================================================
    野球ボール 下層ページ共通
======================================================*/
.mv-lower_img {
  position: absolute;
  content: "";
  top: 126rem;
  right: 1rem;
  width: 26rem;
  height: 26rem;
  z-index: 25;
}

@media screen and (min-width: 768px) {
  .mv-lower_img {
    top: 15rem;
    right: 4rem;
    width: 16.5vw;
    height: 33rem;
  }
}
@media screen and (min-width: 1200px) {
  .mv-lower_img {
    top: 4rem;
    right: 16rem;
  }
}/*# sourceMappingURL=base-lower.css.map */