@charset "UTF-8";

/* #pageHeader */
#pageHeader #pageTitle {
  max-width: 242px;
}

/* #pageBody */
#pageBody {
  background: #e3e3e3;
}
#pageBody .aboutItem {
  width: 100%;
  height: auto;
  position: relative;
}
#pageBody .aboutItem img {
  width: 100%;
  height: auto;
}
#pageBody .aboutItem .aboutDetail {
  width: 43.616%;
  padding: 3.469%;
  position: absolute;
  top: 5.6%;
  left: 6.2%;
  background: rgba(0,0,0,.6);
  box-sizing: border-box;
}
#pageBody .aboutItem .aboutDetail .aboutDetailTitle,
#pageBody .aboutItem .aboutDetail .aboutDetailText {
  font-family: "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
  color: #fff;
}
#pageBody .aboutItem .aboutDetail .aboutDetailTitle {
  margin: 0 0 18px;
  /*font-size: 38px;*/
  font-size: 1.97917vw;
}
#pageBody .aboutItem .aboutDetail .aboutDetailTitle strong {
  color: #1adeff;
}
#pageBody .aboutItem .aboutDetail .aboutDetailText {
  font-size: 1.1458vw;
  /* font-size: 22px; */
  line-height: 1.8;
  letter-spacing: -0.5px;
}
#pageBody .aboutItem .aboutDetail .aboutDetailText span {
  display: block;
  font-size: 0.625vw;
}
#pageBody #aboutUniverse .aboutDetail .aboutDetailText {
  margin: 0 0 4px;
}
#pageBody #aboutXv .aboutDetail {
  width: 57.804%;
}
#pageBody .btnWrap span {
  font-size: 1.1458vw;
  color: #1adeff;
  line-height: 1;
  border-bottom: 1px solid #1adeff;
}

/* #goTop */
#goTop {
  display: none!important;
}

@media screen and (max-width: 767px) {
  /* #pageHeader */
  #pageHeader #pageTitle {
    width: 35%;
    max-width: 162px;
  }

  /* #pageBody */
  #pageBody {
    padding: 0 0 40px;
  }
  #pageBody .aboutItem .aboutDetail {
    width: 94.67%;
    margin: 0 auto;
    padding: 20px 0;
    position: static;
    background: transparent;
    box-sizing: border-box;
  }
  #pageBody .aboutItem .aboutDetail .aboutDetailTitle {
    margin: 0 0 12px;
    font-size: 19px;
    color: #000;
  }
  #pageBody .aboutItem .aboutDetail .aboutDetailTitle strong {
    color: #03318e;
  }
  #pageBody .aboutItem .aboutDetail .aboutDetailText {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #000;
  }
  #pageBody .aboutItem .aboutDetail .aboutDetailText span {
    margin: 24px 0 0;
    font-size: 12px;
  }
  #pageBody .btnWrap {
    width: 100%;
    height: 52px;
  }
  #pageBody .btnWrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 32px 0 0;
    border: 1px solid #03318e;
  }
  #pageBody .btnWrap span {
    font-size: 0;
    position: relative;
    border: none;
  }
  #pageBody .btnWrap span::after {
    content: '';
    display: block;
    width: 17px;
    height: 26px;
    position: absolute;
    top: 50%;
    right: -36%;
    margin: -13px 0 0;
    background: url(/ffxvuniverse/assets/images/img-icon-tri@2x.png) no-repeat;
    background-size: cover;
  }
  #pageBody .btnWrap img {
    max-width: 77px;
  }
  #pageBody #aboutUniverse .aboutDetail .aboutDetailText {
    margin: 0 0 6px;
  }
  #pageBody #aboutXv .aboutDetail {
    width: 94.67%;
  }
  #pageBody #aboutXv .aboutDetail .aboutDetailText {
    margin: 0 0 24px;
  }

  /* #goTop */
  #goTop {
    display: block!important;
  }
}
@media screen and (max-width: 320px) {
  /* #pageBody */
  #pageBody .aboutItem .aboutDetail .aboutDetailTitle {
    font-size: 18px;
  }
}