@charset "UTF-8";
/* include
=================================================================== */
/* center
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* position
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* background
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* vw
=================================================================== */
/* font pc
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* font sp
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* size
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* a
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
a {
  display: block;
  height: 100%; }

/* contents
=================================================================== */
/* 2019_splash
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.splash--wrapper {
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  top: 60px;
  left: 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 11; }
  .splash--wrapper .btn_item {
    bottom: 30px;
    left: auto;
    margin-left: 0;
    right: 50px;
    z-index: 111;
    background: #00b7ed;
    color: #fff;
    display: none; }
  .splash--wrapper .splash {
    position: relative;
    width: 100%;
    height: 100%; }
    .splash--wrapper .splash .splash__text, .splash--wrapper .splash .splash__img {
      position: absolute;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    .splash--wrapper .splash .splash__text {
      height: calc(615 / 766 * 100%);
      text-align: center;
      display: none; }
      .splash--wrapper .splash .splash__text .splash__text--contents {
        position: relative;
        height: 100%;
        display: inline-block; }
        @media screen\0 {
          .splash--wrapper .splash .splash__text .splash__text--contents {
            min-width: 550px; } }
        .splash--wrapper .splash .splash__text .splash__text--contents svg {
          position: relative; }
          .splash--wrapper .splash .splash__text .splash__text--contents svg .st0 {
            fill: #57C2E7;
            stroke: #57C2E7; }
          .splash--wrapper .splash .splash__text .splash__text--contents svg .st1 {
            fill: #57C2E7;
            stroke: #57C2E7; }
          .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--pc {
            height: calc(527 / 615 * 100%);
            width: auto; }
            .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--pc .st0 {
              stroke-width: 0.2985; }
            .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--pc .st1 {
              stroke-width: 0.3511; }
          .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--sp {
            display: none;
            width: 100%;
            height: auto; }
            .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--sp svg .st0 {
              stroke-width: 0.2763; }
            .splash--wrapper .splash .splash__text .splash__text--contents svg.splash__text--contents--sp svg .st1 {
              stroke-width: 0.3249; }
        .splash--wrapper .splash .splash__text .splash__text--contents aside {
          position: absolute;
          width: 100%;
          height: calc(97 / 786 * 100%);
          left: 0;
          bottom: 0; }
          .splash--wrapper .splash .splash__text .splash__text--contents aside span {
            text-indent: -9999px;
            display: block;
            height: 100%;
            background: url(../img/top/2019spring2/splash__text--aside.png) no-repeat left center;
            background-size: auto 100%; }
    .splash--wrapper .splash .splash__img {
      display: none;
      height: 100%; }
      .splash--wrapper .splash .splash__img > span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/top/2019autumn/splash__img--main.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      .splash--wrapper .splash .splash__img .splash__img--title {
        position: absolute;
        width: 10.0292825769vw;
        left: 32.9428989751vw;
        bottom: calc(160 / 765 * 100%);
        opacity: 0; }
        .splash--wrapper .splash .splash__img .splash__img--title > span {
          text-indent: -9999px;
          display: block;
          padding-top: calc(15 / 137 * 100%);
          background: url(../img/top/2019spring2/splash__img--title--white.png) no-repeat center center;
          background-size: 100% auto; }