@charset "UTF-8";

/* base
------------------------------------ */

body {
  width: 100%;
  height: 100%;
  font-family: -apple-system ,sans-serif;
  font-size: 13px;
  line-height: 1.8em;
  color: #000;
  word-break: break-word;
  font-feature-settings: "palt";
}

section {
    width: 100%;
    padding: 30px 5%;
    margin: 0 auto;
    box-sizing: border-box;
}

h1 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 auto 30px;
  color: #000;
  text-align: center;
  line-height: 1.25;
  font-family: 'Noto Sans Japanese'-apple-system ,sans-serif;
}

h2 {
  font-size: 20px;
  font-size: 6.5vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  margin: 0 auto 20px;
}
h3{
  font-size: 20px;
  color: #000;
  text-align: center;
  font-weight: bold;
  margin: 40px auto 20px;
}
.lead { font-size: 16px; text-align: left; line-height: 160%; }
.txt--sub{ font-size: 0.8em; line-height: 1.2; }
.lead+.txt--sub.center{ text-align: left; }
.pc{ display: none !important;}


/*------inner1------*/
.block--hero figure{ width: 48%; margin: 0 auto 10px; }
.logo { width: 40%; margin: 0 auto 5px;}
h1 { color: #fff; font-size: 8vw; letter-spacing: 0.05em;margin: 0 auto; }
h2 .num{ line-height: 1;}
.scroll { bottom: 0; display: none;}


.list--point li{
  padding: 15px;
  text-align: left;
}
.list--point .tit {
  font-size: 15px;
}
.list--point li a{
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 80px;
}
.list--point li a .fa{
  display: none;
}
.list--point .num{
  font-size: 16px;
  margin-bottom: 0px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
}
.list--point li:not(:last-child) {
    margin-bottom: 5px;
}
.list--step { padding-top: 30px; }
.list--step li {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  background: #eee;
  border-radius: 4px;
}
.block--dticket .list--step li { background: #222; }
.list--step li:not(:last-of-type) { margin-right: auto; margin-bottom: 40px; }
.list--step li figure img{ display: block; width: 46%; margin: 0 auto; }
.list--step figcaption { padding-top: 10px; font-size: 13px; }
.list--step .fa{
  font-size: 40px;
  margin-left: -6px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: inherit;
  right: inherit;
  left: 50%;
  bottom: -50px;
}
.list--contents li{
  display: block;
  width: 100%;
  float: none;
  padding: 10px;
  text-align: left;
  height: auto;
  position: relative;
}
.list--contents li .tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
  position: absolute;
  top: 17px;
  left: 50px;
  margin: 0;
}
.icon { width: 30px; height: 30px;}
.list--contents li .fa{ font-size: 18px; line-height: 30px; }
.material-icons { font-size: 26px; line-height: 1.16; }
.material-icons.movie{ font-size: 21px; line-height: 1.4; }
.list--contents li .txt { font-size: 12px; }
.block--attention{ padding: 10px;}
.block--attention dt { font-weight: bold; }
.block--panel figure:first-of-type{ width: 100%; }
.block--panel figure:last-of-type {
  margin: 0 auto 30px;
  background: #222;
  line-height: 0;
  text-align: center;
  padding: 20px;
  width: 100%;
}
.block--panel figure{margin-bottom: 30px;}