@charset "UTF-8";
 /* max-width: 768px
=================================================================== */
@media only screen and (max-width: 768px) {
  /* include
  =================================================================== */
  /* center
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* position
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* background
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* vw
  =================================================================== */
  /* font pc
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* font sp
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* size
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* a
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  a {
    display: block;
    height: 100%; }

  /* contents
  =================================================================== */
  /* 2019_splash
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  .splash--wrapper {
    height: calc(100% - 48px);
    top: 48px; }
    .splash--wrapper .btn_item {
      bottom: 20px;
      right: auto;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }
    .splash--wrapper .splash {
      width: auto;
      margin: 0 10px; }
      .splash--wrapper .splash .splash__text {
        left: 0;
        top: 20px;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0); }
        .splash--wrapper .splash .splash__text .splash__text--contents {
          position: relative;
          width: 100%;
          height: auto;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%); }
          .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--pc {
            width: 100%;
            height: auto; }
          .splash--wrapper .splash .splash__text .splash__text--contents aside {
            position: relative;
            height: auto; }
            .splash--wrapper .splash .splash__text .splash__text--contents aside span {
              padding-top: calc(84 / 490 * 100%);
              height: 0;
              background: url(../img/top/2019spring2/splash__text--main--sp.png) no-repeat left top;
              background-size: 100% auto; }
      .splash--wrapper .splash .splash__img {
        position: fixed;
        height: calc(100% - 48px);
        top: 48px;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0); }
        .splash--wrapper .splash .splash__img > span {
          background-image: url(../img/top/2019autumn/splash__img--main--sp.jpg); }
        .splash--wrapper .splash .splash__img .splash__img--title {
          width: 34.6666666667vw;
          left: 16vw;
          bottom: calc(94 / 624 * 100%); }
          .splash--wrapper .splash .splash__img .splash__img--title > span {
            padding-top: calc(134 / 261 * 100%);
            background: url(../img/top/2019spring2/splash__img--title--sp--white.png) no-repeat center center;
            background-size: 100% auto; } }