@charset "UTF-8";
/* ===========================================================

  Title: top.css
  Created: 2018-05-02
  TOP専用スタイル

=========================================================== */
/*


=========================================================== */


.jumbotron { display: block; padding: 1.0rem; margin: 0 auto; max-width: 1400px; position: relative; }


.jumbotron-photo {
  display: block; padding: 0; margin: 0;
}
.jumbotron-photo__cell {
  display: block; width: 100%; padding: 0; margin: 0;
  flex-wrap: wrap;
}
.jumbotron-photo__image {
  display: block; width: 50%; padding: 0.25rem; margin: 0;
  float: left;
}
.jumbotron-photo__cell span {
  display: block; width: 100%; height: 0; padding: 100% 0 0 0; margin: 0;
  vertical-align: bottom;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


@media print, screen and (min-width: 768px) {
  
  .jumbotron-photo {
    display: flex; margin: 0 -0.25rem;
  }
  .jumbotron-photo__cell {
    display: block; width: 25%;
  }
  .jumbotron-photo__image {
    display: block; width: 100%; padding: 0.25rem; margin: 0;
    float: none;
  }
  .jumbotron-photo__cell span { }
}
@media print, screen and (min-width: 992px) {
  
  .jumbotron-photo { margin: 0 -1.0rem; }
  .jumbotron-photo__cell { }
  .jumbotron-photo__image { padding: 1.0rem ; margin: 0; }
  .jumbotron-photo__cell span { }
}


.jumbotron-slogan {
  display: block;
  text-align: center;
  padding: 2.0rem 0;
}
.jumbotron-slogan__inner {
  display: block; padding: 2.0rem 1.0rem; 
  background-color: rgba(255,255,255,0.90);
  width: 100%;
}
.jumbotron-slogan h1,
.jumbotron-slogan h2 {
  display: block; margin: 0 auto;
}
.jumbotron-slogan h1 {
  padding: 0 0 1.0rem 0;
}
.jumbotron-slogan h2 {
  padding: 1.0rem 0;
}
.is-ja .jumbotron-slogan h1 { max-width: 848px; }
.is-ja .jumbotron-slogan h2 { max-width: 700px; }
.is-en .jumbotron-slogan h1 { max-width: 848px; }
.is-en .jumbotron-slogan h2 { max-width: 700px; }

.jumbotron-slogan__lineup,
.jumbotron-slogan__lineup_en {
  display: flex; padding: 0; margin: 0 0;
  flex-wrap: wrap;
  justify-content: center;
}

.jumbotron-slogan__lineup li,
.jumbotron-slogan__lineup_en li {
  display: block; padding: 0; margin: 0;
  text-align: center; width: 50%;
}

.jumbotron-slogan__lineup a {
  display: block; padding: 0; margin: 0;
}

@media print, screen and (min-width: 768px) {
  .jumbotron-slogan {
    display: flex; align-items: center;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    
  }
  .jumbotron-slogan__lineup {
    flex-wrap: nowrap;
  }
  
  .jumbotron-slogan__lineup_en {
    flex-wrap: wrap;
    padding-right: 30px;
  }
  /* .jumbotron-slogan__lineup_en ul {
    display: flex;
  } */
  .jumbotron-slogan__lineup li {
    width: 16.66666%;
  }
  .jumbotron-slogan__lineup_en li {
    width: 33.333333%;
  }
}