@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
  display: block;
}

body, html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 1em;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before {
  content: "";
  content: none;
}

q:after, q:before {
  content: "";
  content: none;
}

a img {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=button], input[type=text], input[type=tel], input[type=email], input[type=submit], input[type=image], textarea {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

button,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

input[type=radio] {
  display: none;
}

input[type=radio]:checked + label {
  background: #5f5f5f;
}

select::-ms-expand {
  display: none;
}

figure img {
  vertical-align: bottom;
}

video {
  -webkit-filter: drop-shadow(0px 0px #000);
          filter: drop-shadow(0px 0px #000);
  outline: none;
  border: none;
}

em {
  font-style: normal;
}

/* Text Color */
/* FONT SIZE */
/* FONT SET */
@media screen and (min-width: 1025px) {
  .lt-tbltNone {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .st-tbltNone {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .lt-spNone {
    display: none !important;
  }
}
@media screen and (max-width: 639px) {
  .st-spNone {
    display: none !important;
  }
}
/*******************************

    BLOCK

*******************************/
/*******************************

   SINGLE

*******************************/
/*******************************

  HOVER

*******************************/
/*******************************

  TXT/BG/BTN

*******************************/
.cmn__bg01 {
  background: url(../img/bg01.jpg) center center repeat;
  background-size: 400px auto;
}
@media screen and (max-width: 1024px) {
  .cmn__bg01 {
    background-size: 200px auto;
  }
}

.cmn__ttl01 {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .cmn__ttl01 {
    font-size: 3.5rem;
  }
}

.cmn__txt__m {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .cmn__txt__m {
    font-size: 1.04rem;
  }
}

.cmn__txt__ml {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .cmn__txt__ml {
    font-size: 1.3rem;
  }
}

.cmn__btn01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 1.3rem;
}
.cmn__btn01.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 0q;
}
.cmn__btn01 a {
  width: 24rem;
  height: 5.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  border: 1px solid #000000;
  font-weight: 700;
  background: #FFF;
}
.cmn__btn01 a:hover::after {
  width: 4rem;
}
.cmn__btn01 a::after {
  content: "";
  background: #000;
  height: 1px;
  width: 2.7rem;
  position: absolute;
  top: 50%;
  right: -1.3rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.cmn__btn02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 1.3rem;
}
.cmn__btn02.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 0q;
}
.cmn__btn02 a {
  width: 24rem;
  height: 5.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3rem 0 2rem;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  border: 1px solid #000000;
  font-weight: 700;
  background: #000;
  color: #FFF;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.cmn__btn02 a img {
  margin-right: 0.5rem;
}
.cmn__btn02 a:hover {
  background: #FFF;
  color: #000;
}

.twitter-share-button {
  background: #000;
  color: #fff;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  letter-spacing: 0.05em;
}
.twitter-share-button > img {
  width: 10px;
}

/*******************************

  SECTION

*******************************/
.cmn__inner {
  max-width: calc(140rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .cmn__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .cmn__inner {
    width: calc(100% - 2rem * 2);
  }
}

.cmn__lowerKv {
  width: calc(100% - 54rem);
  padding-top: 12rem;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16rem;
}
@media screen and (max-width: 1024px) {
  .cmn__lowerKv {
    margin-bottom: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv {
    margin-bottom: calc(16rem * 0.5);
  }
}
.cmn__lowerKv.spmin {
  margin-bottom: 16rem;
}
@media screen and (max-width: 1024px) {
  .cmn__lowerKv.spmin {
    margin-bottom: calc(16rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv.spmin {
    margin-bottom: calc(16rem * 0.3);
  }
}
@media screen and (max-width: 1024px) {
  .cmn__lowerKv {
    width: 85%;
    padding-top: 2rem;
  }
}
.cmn__lowerKv__ttl {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 9rem;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #FFF;
  padding: 0 1rem 1rem 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv__ttl {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv__ttl {
    padding: 0 1rem 0 0;
  }
}
.cmn__lowerKv__img {
  height: calc(100vh - 18rem);
  max-height: 50rem;
  margin-top: -6rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .cmn__lowerKv__img {
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv__img {
    margin-top: -2rem;
  }
}
.cmn__lowerKv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .cmn__lowerKv__img img {
    aspect-ratio: 640/400;
  }
}

.cmn__lttlSect__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .cmn__lttlSect__inner {
    display: block;
  }
}
.cmn__lttlSect__main {
  width: 100%;
}
.cmn__lttlSect .cmn__lttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 640px) {
  .cmn__lttlSect .cmn__lttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 640px) {
  .cmn__lttlSect .cmn__lttl__head {
    width: 14rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
  }
}
@media screen and (max-width: 639px) {
  .cmn__lttlSect .cmn__lttl__head {
    margin-bottom: 2.5rem;
  }
}
.cmn__lttlSect .cmn__lttl span {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #B3B3B3;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 639px) {
  .cmn__lttlSect .cmn__lttl span {
    font-size: 3.7rem;
  }
}
@media screen and (min-width: 640px) {
  .cmn__lttlSect .cmn__lttl span {
    margin-left: -0.25em;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.cmn__lttlSect .cmn__lttl::after {
  height: 25rem;
  width: 1px;
  content: "";
  display: block;
  background: #B3B3B3;
}
@media screen and (min-width: 640px) {
  .cmn__lttlSect .cmn__lttl::after {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 639px) {
  .cmn__lttlSect .cmn__lttl::after {
    width: 100%;
    height: 1px;
    margin-bottom: 0.5rem;
  }
}

.cmn__eventlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10rem;
}
@media screen and (min-width: 1025px) {
  .cmn__eventlist > li {
    width: calc(33.333% - 3rem * 2 / 3);
  }
  .cmn__eventlist > li:not(:nth-of-type(3n)) {
    margin-right: 3rem;
  }
  .cmn__eventlist > li:nth-of-type(n+4) {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__eventlist > li {
    width: calc(50% - 3rem / 4);
  }
  .cmn__eventlist > li:nth-of-type(odd) {
    margin-right: calc(3rem / 2);
  }
  .cmn__eventlist > li:nth-of-type(n+3) {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 639px) {
  .cmn__eventlist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 639px) {
  .cmn__eventlist > li {
    width: 100%;
  }
  .cmn__eventlist > li:nth-of-type(odd) {
    margin-right: 0;
  }
  .cmn__eventlist > li:not(:first-of-type) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__eventlist {
    margin-bottom: calc(10rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .cmn__eventlist {
    margin-bottom: calc(10rem * 0.5);
  }
}
.cmn__eventlist a {
  display: block;
  position: relative;
}
.cmn__eventlist a figure {
  position: relative;
  overflow: hidden;
}
.cmn__eventlist a figure::before {
  display: block;
  content: "";
  position: absolute;
  right: -30%;
  top: -260%;
  width: 230%;
  height: 200%;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}
.cmn__eventlist a figure::after {
  display: block;
  content: "";
  position: absolute;
  right: -30%;
  top: -260%;
  width: 230%;
  height: 200%;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}
.cmn__eventlist a figure img {
  display: block;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(101%);
          transform: scale(101%);
}
.cmn__eventlist a:hover figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.cmn__eventlist a:hover figure::before {
  top: 0;
}
.cmn__eventlist a:hover figure::after {
  top: 0;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.cmn__eventlist a:hover .cmn__eventlist__item {
  opacity: 0.6;
}
.cmn__eventlist__img {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .cmn__eventlist__img {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__img {
    margin-bottom: calc(2rem * 0.5);
  }
}
.cmn__eventlist__img img {
  aspect-ratio: 40/26.6;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmn__eventlist__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.cmn__eventlist__item__date {
  display: block;
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 6.5rem;
  margin-right: 2rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.cmn__eventlist__item__date .year {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
  display: block;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__date .year {
    font-size: 1.33rem;
  }
}
.cmn__eventlist__item__date .mdw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cmn__eventlist__item__date .month {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__date .month {
    font-size: 1.53rem;
  }
}
.cmn__eventlist__item__date .month::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.9rem;
  background: #000;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  margin-left: 0.35rem;
  margin-right: 0.25rem;
}
.cmn__eventlist__item__date .day {
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0;
}
.cmn__eventlist__item__date .week {
  width: 100%;
  background: #333333;
  color: #FFF;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  padding: 2px 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__date .week {
    font-size: 0.8rem;
  }
}
.cmn__eventlist__item__date .week.is-sat {
  background: #2E3192;
}
.cmn__eventlist__item__date .week.is-sun {
  background: #DC0045;
}
.cmn__eventlist__item__date .eventcat {
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__date .eventcat {
    font-size: 0.8rem;
  }
}
.cmn__eventlist__item__ttl {
  font-weight: 700;
}
.cmn__eventlist__item__ttl .artist {
  margin-bottom: 1rem;
  word-break: break-all;
}
.cmn__eventlist__item__ttl .artist.en {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__ttl .artist.en {
    font-size: 1.71rem;
  }
}
.cmn__eventlist__item__ttl .artist.ja {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__item__ttl .artist.ja {
    font-size: 1.52rem;
  }
}
.cmn__eventlist__item__ttl .event {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.cmn__eventlist__share {
  position: relative;
}
.cmn__eventlist__share button:hover {
  cursor: pointer;
}
.cmn__eventlist__share__window {
  position: absolute;
  bottom: 2rem;
  right: -3rem;
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}
.cmn__eventlist__share__window.is-active {
  visibility: visible;
  height: auto;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__share__window {
    right: -1rem;
  }
}
.cmn__eventlist__share__window__list {
  background: #333;
  padding: 3rem 1rem 2rem;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__share__window__list {
    padding: 2.5rem 1rem 1.5rem;
  }
}
.cmn__eventlist__share__window__list li {
  margin: 0 0.5rem;
  height: 20px;
  text-align: right;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__share__window__list li {
    margin: 0 0.25rem;
  }
}
.cmn__eventlist__share__window__list li:not(:last-of-type) {
  margin-bottom: 0.75rem;
}
.cmn__eventlist__share__window__list .twitter-share-button {
  padding: 3px 0;
  text-align: center;
}
.cmn__eventlist__share__window::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #333 transparent transparent transparent;
  margin-left: auto;
  margin-right: 5rem;
  margin-top: -1px;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__share__window::after {
    margin-right: 2.75rem;
  }
}
.cmn__eventlist__share__window__close {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.cmn__eventlist__share__window__close:hover {
  opacity: 0.6;
}
@media screen and (max-width: 639px) {
  .cmn__eventlist__share__window__close {
    right: 0.5rem;
    top: 0.5rem;
  }
}
.cmn__eventlist__share__window__close::before, .cmn__eventlist__share__window__close::after {
  content: "";
  width: 1.5rem;
  height: 1px;
  background: #FFF;
  display: block;
}
.cmn__eventlist__share__window__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cmn__eventlist__share__window__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -1px;
}
.cmn__eventlist__share__btn {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.cmn__eventlist__share__btn:hover {
  opacity: 0.6;
}
.cmn__eventlist__share__btn img {
  width: 1.5rem;
  margin-left: 0.25rem;
}

/*******************************

  EDITER

*******************************/
/* 文字色 */
.has-color1-color {
  color: #dc0045;
}

.has-color2-color {
  color: #e2dede;
}

/* 背景色 */
.has-color1-background-color {
  background-color: #dc0045;
}

.has-color2-background-color {
  background-color: #e2dede;
}

/*******************************

    BASE

*******************************/
html,
body {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  position: relative;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 0.5208333333vw;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw;
  }
}
@media screen and (max-width: 639px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  background: #FFF;
  color: #000;
  font-size: 1.6rem;
}
img {
  max-width: 100%;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

a {
  text-decoration: none;
  color: #000;
}

p {
  word-wrap: break-word;
}

p img {
  vertical-align: bottom;
  max-width: 100%;
}

input[type=button], input[type=text], input[type=tel], input[type=email], input[type=submit], input[type=image], textarea, button {
  color: #000;
}

.of-cover {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

.cfi.cfi01 {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}
.cfi.cfi01.frame-in {
  opacity: 1;
}
.cfi.cfi02 {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.75s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.cfi.cfi02.frame-in {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.cfi.cfi03 {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.75s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.75s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.cfi.cfi03.frame-in {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

a::-moz-selection, abbr::-moz-selection, acronym::-moz-selection, address::-moz-selection, applet::-moz-selection, article::-moz-selection, aside::-moz-selection, audio::-moz-selection, b::-moz-selection, big::-moz-selection, blockquote::-moz-selection, body::-moz-selection, canvas::-moz-selection, caption::-moz-selection, center::-moz-selection, cite::-moz-selection, code::-moz-selection, dd::-moz-selection, del::-moz-selection, details::-moz-selection, dfn::-moz-selection, div::-moz-selection, dl::-moz-selection, dt::-moz-selection, em::-moz-selection, embed::-moz-selection, fieldset::-moz-selection, figcaption::-moz-selection, figure::-moz-selection, footer::-moz-selection, form::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, header::-moz-selection, hgroup::-moz-selection, html::-moz-selection, i::-moz-selection, iframe::-moz-selection, img::-moz-selection, ins::-moz-selection, kbd::-moz-selection, label::-moz-selection, legend::-moz-selection, li::-moz-selection, mark::-moz-selection, menu::-moz-selection, nav::-moz-selection, object::-moz-selection, ol::-moz-selection, output::-moz-selection, p::-moz-selection, pre::-moz-selection, q::-moz-selection, ruby::-moz-selection, s::-moz-selection, samp::-moz-selection, section::-moz-selection, small::-moz-selection, span::-moz-selection, strike::-moz-selection, strong::-moz-selection, sub::-moz-selection, summary::-moz-selection, sup::-moz-selection, table::-moz-selection, tbody::-moz-selection, td::-moz-selection, tfoot::-moz-selection, th::-moz-selection, thead::-moz-selection, time::-moz-selection, tr::-moz-selection, tt::-moz-selection, u::-moz-selection, ul::-moz-selection, var::-moz-selection, video::-moz-selection, main::-moz-selection, br::-moz-selection, picture::-moz-selection, pre::-moz-selection {
  background: #000;
  color: #FFF;
}

a::selection, abbr::selection, acronym::selection, address::selection, applet::selection, article::selection, aside::selection, audio::selection, b::selection, big::selection, blockquote::selection, body::selection, canvas::selection, caption::selection, center::selection, cite::selection, code::selection, dd::selection, del::selection, details::selection, dfn::selection, div::selection, dl::selection, dt::selection, em::selection, embed::selection, fieldset::selection, figcaption::selection, figure::selection, footer::selection, form::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, header::selection, hgroup::selection, html::selection, i::selection, iframe::selection, img::selection, ins::selection, kbd::selection, label::selection, legend::selection, li::selection, mark::selection, menu::selection, nav::selection, object::selection, ol::selection, output::selection, p::selection, pre::selection, q::selection, ruby::selection, s::selection, samp::selection, section::selection, small::selection, span::selection, strike::selection, strong::selection, sub::selection, summary::selection, sup::selection, table::selection, tbody::selection, td::selection, tfoot::selection, th::selection, thead::selection, time::selection, tr::selection, tt::selection, u::selection, ul::selection, var::selection, video::selection, main::selection, br::selection, picture::selection, pre::selection {
  background: #000;
  color: #FFF;
}
a::-moz-selection, abbr::-moz-selection, acronym::-moz-selection, address::-moz-selection, applet::-moz-selection, article::-moz-selection, aside::-moz-selection, audio::-moz-selection, b::-moz-selection, big::-moz-selection, blockquote::-moz-selection, body::-moz-selection, canvas::-moz-selection, caption::-moz-selection, center::-moz-selection, cite::-moz-selection, code::-moz-selection, dd::-moz-selection, del::-moz-selection, details::-moz-selection, dfn::-moz-selection, div::-moz-selection, dl::-moz-selection, dt::-moz-selection, em::-moz-selection, embed::-moz-selection, fieldset::-moz-selection, figcaption::-moz-selection, figure::-moz-selection, footer::-moz-selection, form::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, header::-moz-selection, hgroup::-moz-selection, html::-moz-selection, i::-moz-selection, iframe::-moz-selection, img::-moz-selection, ins::-moz-selection, kbd::-moz-selection, label::-moz-selection, legend::-moz-selection, li::-moz-selection, mark::-moz-selection, menu::-moz-selection, nav::-moz-selection, object::-moz-selection, ol::-moz-selection, output::-moz-selection, p::-moz-selection, pre::-moz-selection, q::-moz-selection, ruby::-moz-selection, s::-moz-selection, samp::-moz-selection, section::-moz-selection, small::-moz-selection, span::-moz-selection, strike::-moz-selection, strong::-moz-selection, sub::-moz-selection, summary::-moz-selection, sup::-moz-selection, table::-moz-selection, tbody::-moz-selection, td::-moz-selection, tfoot::-moz-selection, th::-moz-selection, thead::-moz-selection, time::-moz-selection, tr::-moz-selection, tt::-moz-selection, u::-moz-selection, ul::-moz-selection, var::-moz-selection, video::-moz-selection, main::-moz-selection, br::-moz-selection, picture::-moz-selection, pre::-moz-selection {
  background: #000;
  color: #FFF;
}

/*******************************

    HEAD

*******************************/
/* DISPLAY
----------------------------- */
.head {
  z-index: 99999;
}
@media screen and (min-width: 1025px) {
  .head {
    position: absolute;
    top: 8rem;
    left: 26rem;
    width: 27rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .head {
    top: 6rem;
  }
}
@media screen and (max-width: 1024px) {
  .head {
    background: #FFF;
    height: 12rem;
    position: fixed;
    width: 100%;
    padding: 0 4rem;
  }
}
@media screen and (max-width: 639px) {
  .head {
    height: 6rem;
    padding: 0 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .headMenu {
    opacity: 0;
    -webkit-transition: ease 0.6s;
    transition: ease 0.6s;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 9000;
  }
}

@media screen and (max-width: 1024px) {
  .head.is-active .headMenu {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .head.is-active .menu-inner {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
}

@media screen and (max-width: 1024px) {
  .head.is-open .headMenu {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  main {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 639px) {
  main {
    padding-top: 6rem;
  }
}

/* DESIGN
----------------------------- */
.head__inner {
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .head__inner {
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
.head__logo {
  width: 17.2rem;
  margin-bottom: 2.5rem;
  z-index: 9001;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .head__logo {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__logo {
    margin-top: 0.05rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .head__logo {
    width: 8.6rem;
  }
}
.head__logo img {
  display: block;
}

@media screen and (max-width: 1024px) {
  .headMenu {
    background: #FFF;
    padding: 18rem 4rem;
  }
}
@media screen and (max-width: 639px) {
  .headMenu {
    padding: 8rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__list {
    margin-bottom: 2rem;
  }
}
.headMenu__list li {
  margin-bottom: 1rem;
}
.headMenu__list a {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.headMenu__list a:hover {
  color: #DC0045;
}
@media screen and (max-width: 1024px) {
  .headMenu__list a {
    font-size: 2.5rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
.headMenu__list a img {
  padding-right: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .headMenu__list a img.link {
    width: 1em;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__list a img.stream {
    width: 1.25em;
  }
}
.headMenu__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 11rem;
}
@media screen and (max-width: 1024px) {
  .headMenu__sns {
    width: 15rem;
  }
}
.headMenu__sns li {
  margin-right: 1.3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .headMenu__sns li {
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
.headMenu__sns li a {
  display: block;
  width: 2rem;
  height: 2rem;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.headMenu__sns li a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1024px) {
  .headMenu__sns li a {
    width: 3rem;
    height: 3rem;
  }
}
.headMenu__sns li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .head__menubtn {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 90003;
    height: 6.7rem;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn {
    height: 3.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn i {
    width: 6.7rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn i {
    width: 3.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn span {
    height: 2px;
    background: #000;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn span:first-of-type {
    width: 6.7rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn span:first-of-type {
    width: 3.35rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn span:nth-of-type(2) {
    width: 5.7rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn span:nth-of-type(2) {
    width: 2.85rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn span:nth-of-type(3) {
    width: 4.7rem;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn span:nth-of-type(3) {
    width: 2.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn.is-open i {
    width: 6.7rem;
  }
}
@media screen and (max-width: 639px) {
  .head__menubtn.is-open i {
    width: 3.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn.is-open i span {
    margin: 0;
    background: #000;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn.is-open i span:first-of-type {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn.is-open i span:nth-of-type(2) {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .head__menubtn.is-open i span:last-of-type {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 100%;
    margin: -2px 0 0 0px;
  }
}

/*******************************

    POLICY

*******************************/
.policySect__ttl {
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 639px) {
  .policySect__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .policySect__ttl {
    margin-bottom: calc(3rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .policySect__ttl {
    margin-bottom: calc(3rem * 0.5);
  }
}
.policySect__ttl span {
  font-size: 0.6em;
  margin-top: 0.4em;
}
.policySect__txt:not(:last-of-type) {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .policySect__txt:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .policySect__txt:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75);
  }
}
.policySect__list {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .policySect__list {
    margin-bottom: calc(10rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .policySect__list {
    margin-bottom: calc(10rem * 0.75);
  }
}
.policySect__list dt {
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 639px) {
  .policySect__list dt {
    font-size: 1.62rem;
  }
}
@media screen and (max-width: 1024px) {
  .policySect__list dt {
    margin-bottom: calc(2rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .policySect__list dt {
    margin-bottom: calc(2rem * 0.75);
  }
}
.policySect__list dd:not(:last-of-type) {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .policySect__list dd:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .policySect__list dd:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75);
  }
}
.policySect__list dd a {
  color: #3694FF;
  text-decoration: underline;
  padding: 0 0.25em;
}

/*******************************

    FOOT

*******************************/
.footBnr {
  padding-top: 20rem;
  padding-bottom: 15rem;
}
@media screen and (max-width: 1024px) {
  .footBnr {
    padding-top: calc(20rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .footBnr {
    padding-top: calc(20rem * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .footBnr {
    padding-bottom: calc(15rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .footBnr {
    padding-bottom: calc(15rem * 0.5);
  }
}
.footBnr__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .footBnr__list li {
    width: calc(25% - 3.3rem * 3 / 4);
  }
  .footBnr__list li:not(:nth-of-type(4n)) {
    margin-right: 3.3rem;
  }
  .footBnr__list li:nth-of-type(n+5) {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .footBnr__list li {
    width: calc(50% - 3.3rem / 4);
  }
  .footBnr__list li:nth-of-type(odd) {
    margin-right: calc(3.3rem / 2);
  }
  .footBnr__list li:nth-of-type(n+3) {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 639px) {
  .footBnr__list li {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footBnr__list li:nth-of-type(odd) {
    margin-right: 0;
  }
  .footBnr__list li:not(:first-of-type) {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 639px) {
  .footBnr__list {
    max-width: 27rem;
    margin: 0 auto;
  }
}
.footBnr__list img {
  width: 100%;
}
.footBnr__list a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.footBnr__list a:hover {
  opacity: 0.6;
}

.foot {
  padding-bottom: 6rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .foot {
    padding-bottom: calc(6rem * 0.35 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .foot {
    padding-bottom: calc(6rem * 0.35);
  }
}
.foot__inner {
  max-width: calc(110rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .foot__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .foot__inner {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .foot__inner {
    margin-bottom: calc(8rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .foot__inner {
    margin-bottom: calc(8rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .foot__inner {
    display: block;
  }
}
.foot__info {
  width: 40rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .foot__info {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 639px) {
  .foot__info {
    width: 100%;
  }
}
.foot__info__logo {
  width: 12.8rem;
  margin-bottom: 1.8rem;
}
.foot__info__name {
  margin-bottom: 1em;
}
@media screen and (max-width: 639px) {
  .foot__info__name {
    margin-bottom: 2.2rem;
  }
}
.foot__info__add {
  font-style: normal;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 639px) {
  .foot__info__add {
    margin-bottom: 3rem;
  }
}
.foot__info__add__txt:not(:last-of-type) {
  margin-bottom: 1em;
}
@media screen and (max-width: 639px) {
  .foot__info__add__txt:not(:last-of-type) {
    margin-bottom: 2.2rem;
  }
}
.foot__info__sns {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.foot__info__sns p {
  padding-right: 1.7rem;
}
.foot__info__sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.foot__info__sns__list li {
  margin-right: 1.3rem;
}
@media screen and (max-width: 639px) {
  .foot__info__sns__list li {
    margin-right: 1rem;
  }
}
.foot__info__sns__list li a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.foot__info__sns__list li a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 639px) {
  .foot__info__sns__list li a {
    width: 2rem;
    height: 2rem;
  }
}
.foot__info__sns__list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.foot .footMenu {
  width: 100%;
  padding-top: 6.5rem;
}
@media screen and (max-width: 639px) {
  .foot .footMenu {
    padding-top: 5rem;
  }
}
.foot .footMenu__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, 5rem);
  grid-template-columns: repeat(3, 19.5rem);
}
@media screen and (max-width: 639px) {
  .foot .footMenu__list {
    grid-template-rows: repeat(5, 3rem);
    grid-template-columns: repeat(2, 50%);
  }
}
.foot .footMenu__list a {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.foot .footMenu__list a:hover {
  color: #DC0045;
}
@media screen and (max-width: 639px) {
  .foot .footMenu__list a {
    font-size: 1.2rem;
  }
}
.foot .footMenu__list img {
  padding-right: 0.5rem;
}
.foot__copy {
  max-width: calc(110rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .foot__copy {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .foot__copy {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .foot__copy {
    font-size: 1.105rem;
  }
}
@media screen and (max-width: 639px) {
  .foot__copy {
    padding: 0 4rem;
  }
}
.foot__copy a {
  text-decoration: underline;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.foot__copy a:hover {
  opacity: 0.6;
}

#pagetop {
  position: fixed;
  right: 2.5rem;
  bottom: 2rem;
  display: none;
  text-align: center;
}
@media screen and (max-width: 639px) {
  #pagetop {
    right: 1rem;
    bottom: 1rem;
  }
}
#pagetop:hover {
  cursor: pointer;
}
#pagetop:hover svg {
  fill: #DC0045;
}
#pagetop svg {
  width: 3.3rem;
  display: block;
  margin: 0 auto 1rem;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  height: auto;
}
@media screen and (max-width: 1024px) {
  #pagetop svg {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 639px) {
  #pagetop svg {
    width: 1.65rem;
    margin-bottom: 0.5rem;
  }
}
#pagetop p {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 639px) {
  #pagetop p {
    font-size: 1.2rem;
  }
}

/*******************************

    recruit

*******************************/
.recruitSect__ttl {
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 6rem;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 639px) {
  .recruitSect__ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .recruitSect__ttl {
    margin-bottom: calc(6rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .recruitSect__ttl {
    margin-bottom: calc(6rem * 0.5);
  }
}
.recruitSect__ttl .recruitSect-c {
  color: #DC0045;
}
@media screen and (max-width: 639px) {
  .recruitSect__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.recruitSect__txt:not(:last-of-type) {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .recruitSect__txt:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .recruitSect__txt:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75);
  }
}
.recruitSect__list {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .recruitSect__list {
    margin-bottom: calc(10rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .recruitSect__list {
    margin-bottom: calc(10rem * 0.75);
  }
}
.recruitSect__list dt {
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .recruitSect__list dt {
    font-size: 1.62rem;
  }
}
@media screen and (max-width: 1024px) {
  .recruitSect__list dt {
    margin-bottom: calc(2rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .recruitSect__list dt {
    margin-bottom: calc(2rem * 0.75);
  }
}
.recruitSect__list dt::after {
  border-top: 1px solid;
  content: "";
  width: 4rem;
  margin-left: 1rem;
}
@media screen and (max-width: 639px) {
  .recruitSect__list dt::after {
    width: 2rem;
    margin-left: 0.5rem;
  }
}
.recruitSect__list dd:not(:last-of-type) {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .recruitSect__list dd:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .recruitSect__list dd:not(:last-of-type) {
    margin-bottom: calc(6rem * 0.75);
  }
}
.recruitSect__list dd a {
  color: #3694FF;
  text-decoration: underline;
  padding: 0 0.25em;
}
.recruitSect__list dd .recruitSect-s {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #DC0045;
}
@media screen and (max-width: 639px) {
  .recruitSect__list dd .recruitSect-s {
    font-size: 0.5rem;
  }
}
.recruitSect__list .line-through {
  text-decoration: line-through;
}

/*******************************

    access

*******************************/
.accessSect .cmn__ttl01 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .accessSect .cmn__ttl01 {
    margin-bottom: calc(3rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .accessSect .cmn__ttl01 {
    margin-bottom: calc(3rem * 0.5);
  }
}
.accessSect .access-map {
  height: 68rem;
}
@media screen and (max-width: 639px) {
  .accessSect .access-map {
    height: 30rem;
  }
}
.accessSect .access-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15rem;
}
@media screen and (max-width: 639px) {
  .accessSect .access-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 3rem;
  }
}
.accessSect .access-info__address dd {
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.accessSect .access-info__address dd:not(:last-of-type) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .accessSect .access-info__address dd:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .accessSect .access-info__address dd:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75);
  }
}
.accessSect .access-info__address dd .accessSect-s {
  font-size: 1.4rem;
  color: #DC0045;
}
.accessSect .access-info__address .cmn__btn01 {
  display: block;
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .accessSect .access-info__address .cmn__btn01 {
    margin-top: calc(4rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .accessSect .access-info__address .cmn__btn01 {
    margin-top: calc(4rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .accessSect .access-info__root {
    margin-top: 3rem;
  }
}
.accessSect .access-info__root dd {
  line-height: 1.8;
}
.accessSect .access-info__root dd:not(:last-of-type) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .accessSect .access-info__root dd:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .accessSect .access-info__root dd:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75);
  }
}
.accessSect .access-info__root dd .accessSect-s {
  font-size: 1.4rem;
  color: #DC0045;
}

/*******************************

    floor

*******************************/
.floorSect {
  padding-bottom: 15rem;
  padding-top: 15rem;
}
@media screen and (max-width: 1024px) {
  .floorSect {
    padding-bottom: calc(15rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect {
    padding-bottom: calc(15rem * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .floorSect {
    padding-top: calc(15rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect {
    padding-top: calc(15rem * 0.3);
  }
}
.floorSect__info__cont {
  width: 45%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .floorSect__info__cont {
    width: 100%;
  }
}
.floorSect__info__cont .cmn__ttl01 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .floorSect__info__cont .cmn__ttl01 {
    margin-bottom: calc(5rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect__info__cont .cmn__ttl01 {
    margin-bottom: calc(5rem * 0.5);
  }
}
.floorSect__info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .floorSect__info__item {
    display: block;
  }
}
.floorSect__info__item:not(:last-of-type) {
  margin-bottom: 13rem;
}
@media screen and (max-width: 1024px) {
  .floorSect__info__item:not(:last-of-type) {
    margin-bottom: calc(13rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect__info__item:not(:last-of-type) {
    margin-bottom: calc(13rem * 0.5);
  }
}
.floorSect__info__item p {
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1025px) {
  .floorSect__info__item p {
    padding-right: 7rem;
  }
}
@media screen and (max-width: 639px) {
  .floorSect__info__item p {
    font-size: 1.4rem;
  }
}
.floorSect__info__item p:not(:last-of-type) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .floorSect__info__item p:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect__info__item p:not(:last-of-type) {
    margin-bottom: calc(3rem * 0.75);
  }
}
.floorSect__info__item p .floorSect-s {
  font-size: 1.4rem;
  color: #DC0045;
}
.floorSect .swiper {
  margin-bottom: 7rem;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .floorSect .swiper {
    margin-bottom: calc(7rem * 0.35 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect .swiper {
    margin-bottom: calc(7rem * 0.35);
  }
}
@media screen and (max-width: 1024px) {
  .floorSect .swiper {
    padding-bottom: 0;
  }
}
.floorSect .swiper img {
  vertical-align: bottom;
  width: 100%;
}
.floorSect .swiper-pagination {
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  .floorSect .swiper-pagination {
    position: relative;
    bottom: auto !important;
    padding-top: 10px;
  }
}
.floorSect .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 0;
}
.floorSect .swiper-pagination-bullet-active {
  background: #DC0045;
}

.floorSect2 {
  padding-bottom: 20rem;
  padding-top: 15rem;
}
@media screen and (max-width: 1024px) {
  .floorSect2 {
    padding-bottom: calc(20rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect2 {
    padding-bottom: calc(20rem * 0.3);
  }
}
@media screen and (max-width: 1024px) {
  .floorSect2 {
    padding-top: calc(15rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect2 {
    padding-top: calc(15rem * 0.3);
  }
}
.floorSect2__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .floorSect2__list li {
    width: calc(33.333% - 7rem * 2 / 3);
  }
  .floorSect2__list li:not(:nth-of-type(3n)) {
    margin-right: 7rem;
  }
  .floorSect2__list li:nth-of-type(n+4) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .floorSect2__list li {
    width: calc(50% - 7rem / 4);
  }
  .floorSect2__list li:nth-of-type(odd) {
    margin-right: calc(7rem / 2);
  }
  .floorSect2__list li:nth-of-type(n+3) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 639px) {
  .floorSect2__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 639px) {
  .floorSect2__list li {
    width: 100%;
  }
  .floorSect2__list li:nth-of-type(odd) {
    margin-right: 0;
  }
  .floorSect2__list li:not(:first-of-type) {
    margin-top: 4rem;
  }
}
.floorSect2__list__img {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .floorSect2__list__img {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .floorSect2__list__img {
    margin-bottom: calc(2rem * 0.5);
  }
}
.floorSect2__list__ttl {
  font-weight: 700;
}
@media screen and (max-width: 639px) {
  .floorSect2__list__ttl {
    font-size: 2rem;
  }
}
.floorSect2__list__txt {
  margin-top: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 639px) {
  .floorSect2__list__txt {
    font-size: 1.4rem;
  }
}
.floorSect2__list__txt .floorSect-s {
  font-size: 1.4rem;
  color: #DC0045;
}

.fl-map .fl-map-img {
  padding-bottom: 12rem;
  padding-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .fl-map .fl-map-img {
    padding-bottom: calc(12rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .fl-map .fl-map-img {
    padding-bottom: calc(12rem * 0.3);
  }
}
@media screen and (max-width: 1024px) {
  .fl-map .fl-map-img {
    padding-top: calc(6rem * 0.3 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .fl-map .fl-map-img {
    padding-top: calc(6rem * 0.3);
  }
}
.fl-map .fl-map-btn {
  display: block;
  text-align: center;
}

.fl-bg {
  background: url(../img/bg01.jpg) center center repeat;
  background-size: 400px auto;
}
@media screen and (max-width: 1024px) {
  .fl-bg {
    background-size: 200px auto;
  }
}

/*******************************

    TOP

*******************************/
/* kv
----------------------------- */
.topKv {
  position: relative;
  margin-bottom: 16rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .topKv {
    margin-bottom: calc(16rem * 0.25 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topKv {
    margin-bottom: calc(16rem * 0.25);
  }
}
@media screen and (max-width: 639px) {
  .topKv {
    overflow: hidden;
  }
}
.topKv__main {
  max-width: 155rem;
  margin: 0 auto;
  padding: 0;
}
.topKv__mainslider li {
  background: #FFF;
  padding: 0 7rem 10rem 33rem;
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
  .topKv__mainslider li {
    padding: 0 7rem 17rem 27rem;
  }
}
@media screen and (max-width: 1024px) {
  .topKv__mainslider li {
    padding: 0;
  }
}
.topKv__mainslider a {
  display: block;
}
.topKv__mainslider__img {
  width: 100%;
  height: 70rem;
  position: relative;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__img {
    aspect-ratio: 75/46.5;
    height: auto;
  }
}
.topKv__mainslider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media screen and (min-width: 1025px) {
  .topKv__mainslider__item {
    position: absolute;
    left: 12rem;
    top: 55rem;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1400px) {
  .topKv__mainslider__item {
    top: 58rem;
  }
}
@media screen and (max-width: 1024px) {
  .topKv__mainslider__item {
    padding: 4rem 4rem 0;
  }
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item {
    padding: 1rem 2rem 0;
  }
}
.topKv__mainslider__item__date {
  display: inline-block;
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
}
.topKv__mainslider__item__date::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: 0.5s ease-out 0.3s;
  transition: 0.5s ease-out 0.3s;
}
@media screen and (max-width: 1024px) {
  .topKv__mainslider__item__date {
    margin-bottom: 0.5rem;
  }
}
.topKv__mainslider__item__date .year {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .year {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .year {
    padding-left: 1.4rem;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.topKv__mainslider__item__date .mdw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.topKv__mainslider__item__date .month {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .month {
    font-size: 1.5rem;
  }
}
.topKv__mainslider__item__date .month::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.9rem;
  background: #000;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.topKv__mainslider__item__date .month {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .month {
    font-size: 1.5rem;
  }
}
.topKv__mainslider__item__date .day {
  font-size: 7rem;
  line-height: 1;
  letter-spacing: 0;
  margin-right: 1rem;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .day {
    font-size: 3.01rem;
  }
}
.topKv__mainslider__item__date .week {
  background: #333333;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  padding: 2px 1rem;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__date .week {
    font-size: 0.98rem;
  }
}
.topKv__mainslider__item__ttl p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.topKv__mainslider__item__ttl .en {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__ttl .en {
    font-size: 1.8rem;
  }
}
.topKv__mainslider__item__ttl .ja {
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .topKv__mainslider__item__ttl .ja {
    font-size: 1.62rem;
  }
}
.topKv__mainslider__item__ttl span {
  display: block;
  background: #FFF;
  font-weight: 700;
  margin-bottom: 0.5rem;
  position: relative;
}
.topKv__mainslider__item__ttl span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: 0.5s ease-out 0.45s;
  transition: 0.5s ease-out 0.45s;
}
@media screen and (min-width: 1025px) {
  .topKv__mainslider__item__ttl span {
    padding: 0.5rem 1.5rem 0.5rem 0;
  }
}
.swiper-slide-active .topKv__mainslider__item__ttl span::after, .swiper-slide-active .topKv__mainslider__item__date::after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.topKv__subslider__box {
  padding: 3rem 1.5rem 1rem;
  background: #FFF;
  width: 65rem;
  position: absolute;
  right: 0;
  top: 51.1rem;
  z-index: 1;
}
@media screen and (max-width: 639px) {
  .topKv__subslider__box {
    width: 25rem;
    margin-right: -3rem;
    top: 22rem;
    padding: 1.5rem 0.75rem 0;
  }
}
.topKv__subslider .swiper-slide {
  padding: 0 1.5rem;
}
@media screen and (max-width: 639px) {
  .topKv__subslider .swiper-slide {
    padding: 0 0.75rem;
  }
}
.topKv__subslider .swiper-slide figure {
  aspect-ratio: 20.3/12.6;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.topKv__subslider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.topKv .swiper-pagination {
  right: 3rem;
  left: auto;
  bottom: auto;
  bottom: 35%;
  width: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
  .topKv .swiper-pagination {
    bottom: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .topKv .swiper-pagination {
    display: none;
  }
}
.topKv .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: block;
  margin: 0 0 1.2rem 0 !important;
  border-radius: 0;
}
.topKv .swiper-pagination-bullet-active {
  background: #DC0045;
}

/* rec
----------------------------- */
.topRec {
  margin-bottom: 16rem;
}
@media screen and (max-width: 1024px) {
  .topRec {
    margin-bottom: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topRec {
    margin-bottom: calc(16rem * 0.5);
  }
}

/* info
----------------------------- */
.topInfo {
  margin-bottom: 16rem;
}
@media screen and (max-width: 1024px) {
  .topInfo {
    margin-bottom: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topInfo {
    margin-bottom: calc(16rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .topInfo__inner {
    width: 100%;
    padding: 0;
  }
}
.topInfo__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .topInfo__list {
    display: block;
  }
}
.topInfo__list li {
  width: 33.3%;
  position: relative;
  padding-bottom: 5rem;
}
@media screen and (max-width: 639px) {
  .topInfo__list li {
    width: 100%;
    padding-bottom: 0;
  }
}
.topInfo__list__img figure img {
  aspect-ratio: 46.7/56;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topInfo__list__item {
  width: 29rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 639px) {
  .topInfo__list__item {
    width: 23rem;
  }
}
.topInfo__list__item a {
  background: #DC0045;
  min-height: 11rem;
  padding: 1.5rem 5rem 1.5rem 2rem;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 639px) {
  .topInfo__list__item a {
    min-height: auto;
  }
}
.topInfo__list__item a:hover img {
  right: 1rem;
}
.topInfo__list__item__ttl {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .topInfo__list__item__ttl {
    margin-bottom: calc(1rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topInfo__list__item__ttl {
    margin-bottom: calc(1rem * 0.5);
  }
}
.topInfo__list__item__txt {
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.topInfo__list__item img {
  width: 0.8rem;
  position: absolute;
  top: calc(50% - 0.65rem);
  right: 1.25rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

/* access
----------------------------- */
.topAccess {
  padding-bottom: 16rem;
  padding-top: 16rem;
}
@media screen and (max-width: 1024px) {
  .topAccess {
    padding-bottom: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess {
    padding-bottom: calc(16rem * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .topAccess {
    padding-top: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess {
    padding-top: calc(16rem * 0.5);
  }
}
.topAccess__inner {
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .topAccess__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .topAccess__inner {
    width: calc(100% - 2rem * 2);
  }
}
.topAccess__ttl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .topAccess__ttl {
    margin-bottom: calc(5rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess__ttl {
    margin-bottom: calc(5rem * 0.5);
  }
}
.topAccess__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .topAccess__item {
    display: block;
  }
}
.topAccess__map {
  width: 55%;
  height: 50rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10rem;
}
@media screen and (max-width: 639px) {
  .topAccess__map {
    width: 100%;
    height: 35rem;
    margin-right: 0;
    margin-bottom: 5rem;
  }
}
.topAccess__info {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.topAccess__info__logo {
  width: 20rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .topAccess__info__logo {
    margin-bottom: calc(4rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess__info__logo {
    margin-bottom: calc(4rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess__info__logo {
    width: 13rem;
  }
}
.topAccess__info__logo img {
  width: 100%;
}
.topAccess__info__name {
  margin-bottom: 1em;
}
@media screen and (max-width: 639px) {
  .topAccess__info__name {
    margin-bottom: 2.2rem;
  }
}
.topAccess__info__add {
  font-style: normal;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .topAccess__info__add {
    margin-bottom: calc(5rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .topAccess__info__add {
    margin-bottom: calc(5rem * 0.75);
  }
}
.topAccess__info__add__txt:not(:last-of-type) {
  margin-bottom: 1em;
}
@media screen and (max-width: 639px) {
  .topAccess__info__add__txt:not(:last-of-type) {
    margin-bottom: 2.2rem;
  }
}
.topAccess__info .cmn__btn01 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*******************************

    ARCHIVE

*******************************/
/* header
----------------------------- */
.scheduleMain__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .scheduleMain__header {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scheduleMain__header {
    margin-bottom: calc(2rem * 0.5);
  }
}
.scheduleMain__header .date {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .scheduleMain__header .date {
    font-size: 3.9rem;
  }
}
.scheduleMain__header .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.scheduleMain__header .btns button:hover {
  cursor: pointer;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.scheduleMain__header .btns button:hover:hover {
  opacity: 0.6;
}
.scheduleMain__header .btns .prev, .scheduleMain__header .btns .next {
  width: 1.3rem;
  padding: 0 !important;
  margin-left: 4rem;
}
.scheduleMain__header .btns .prev.is-disabled, .scheduleMain__header .btns .next.is-disabled {
  opacity: 0.3;
}
@media screen and (max-width: 639px) {
  .scheduleMain__header .btns .prev, .scheduleMain__header .btns .next {
    width: 0.7rem;
    margin-left: 2rem;
  }
}
.scheduleMain__header .btns .prev img, .scheduleMain__header .btns .next img {
  width: 100%;
}
.scheduleMain__header .btns .today {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.1em;
  margin: 0 4rem !important;
  padding: 0.25em 0 0 !important;
}
@media screen and (max-width: 639px) {
  .scheduleMain__header .btns .today {
    font-size: 1.95rem;
  }
}
@media screen and (max-width: 639px) {
  .scheduleMain__header .btns .today {
    padding-top: 0 !important;
    margin: 0 0 0 1.5rem !important;
  }
}

@media screen and (max-width: 1024px) {
  .scheduleArc__lowerKv {
    padding-top: 14rem;
  }
}
@media screen and (max-width: 639px) {
  .scheduleArc__lowerKv {
    padding-top: 8rem;
  }
}
.scheduleArc__lowerKv + .scheduleArc__lowerKv {
  display: none !important;
}

/* calender
----------------------------- */
@media screen and (max-width: 639px) {
  .scheduleCalender {
    display: none;
  }
}
.scheduleCalender table {
  width: 100%;
  table-layout: fixed;
}
.scheduleCalender th, .scheduleCalender td {
  border: 1px solid #000;
  position: relative;
  width: 14.2857142857%;
}
.scheduleCalender th {
  padding: 1.5rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
.scheduleCalender th:first-of-type {
  color: #DC0045;
}
.scheduleCalender th:last-of-type {
  color: #2E3192;
}
.scheduleCalender tr td:first-child time, .scheduleCalender tr td:first-child time * {
  color: #DC0045;
}
.scheduleCalender tr td:last-child time, .scheduleCalender tr td:last-child time * {
  color: #2E3192;
}
.scheduleCalender td {
  padding: 1.5rem 0 0;
  height: 20rem;
}
.scheduleCalender td.is-event {
  background: rgba(0, 102, 255, 0.05);
}
.scheduleCalender td.is-holiday {
  background: rgba(220, 0, 69, 0.03) !important;
}
@media screen and (max-width: 782px) {
  .scheduleCalender td {
    height: 10rem;
  }
}
.scheduleCalender td time {
  padding-left: 1.5rem;
  display: block;
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 782px) {
  .scheduleCalender td time {
    padding-left: 0;
  }
}

.eventItem, .ticketItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.eventItem .ttl, .ticketItem .ttl {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  word-break: break-all;
  line-height: 1.2;
}
.eventItem .txt, .ticketItem .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.eventItem .sold, .ticketItem .sold {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem;
  margin-top: 0.5rem;
  background: #DC0045;
  color: #FFF;
  padding: 0.25rem 0.5rem 0;
  letter-spacing: 0.1em;
}

.eventItem {
  padding: 0 1.5rem;
}
.eventItem .ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000;
}
.eventItem .ttl::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background: #DC0045;
  display: block;
  margin-right: 0.5rem;
  margin-top: 0.35rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.eventItem .txt {
  padding-left: 1.7rem;
  color: #000;
  word-break: break-all;
}
.eventItem .sold {
  margin-left: 1.7rem;
}
.eventItem + .eventItem,
.eventItem + .ticketItem {
  margin-top: 3rem;
}
.eventItem:last-of-type {
  margin-bottom: 1.5rem;
}

.ticketItem {
  padding: 2rem 1.5rem;
  background: #828282;
}
.ticketItem p {
  color: #FFF;
}
.ticketItem .ticketday {
  color: #FFCC00;
  font-size: 1.4rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.ticketItem .ticketday::before {
  content: "";
  width: 2.6rem;
  height: 1.6rem;
  background: url(../img/icon-ticket.svg) center center no-repeat;
  background-size: contain;
  display: block;
  margin-right: 0.5rem;
  margin-top: -0.25rem;
}
.ticketItem + .eventItem {
  margin-top: 3rem;
}
.ticketItem + .ticketItem .ticketday {
  display: none;
}

/* LIST
----------------------------- */
.scheduleLists {
  max-width: 126rem;
  margin: 0 auto;
}

.cmn__pager .cmn__pager-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.cmn__pager .cmn__pager-links a, .cmn__pager .cmn__pager-links span {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0;
  margin: 0 1rem;
}
@media screen and (max-width: 639px) {
  .cmn__pager .cmn__pager-links a, .cmn__pager .cmn__pager-links span {
    font-size: 1.6rem;
  }
}
.cmn__pager .cmn__pager-links .current {
  border-bottom: 1px solid #000;
}
.cmn__pager .cmn__pager-links a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmn__pager .cmn__pager-links a:hover {
  opacity: 0.6;
}
.cmn__pager .cmn__pager-links .prev {
  margin-right: 2rem;
}
.cmn__pager .cmn__pager-links .next {
  margin-left: 2rem;
}
@media screen and (max-width: 639px) {
  .cmn__pager .cmn__pager-links .prev, .cmn__pager .cmn__pager-links .next img {
    width: 0.7rem;
  }
}

/* BTN
----------------------------- */
.scheduleMain__btn {
  padding-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .scheduleMain__btn {
    padding-top: calc(10rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scheduleMain__btn {
    padding-top: calc(10rem * 0.5);
  }
}

/*******************************

    SINGLE

*******************************/
.scSingleMain {
  overflow: hidden;
}
.scSingleMain .cmn__inner {
  margin-bottom: 12rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain .cmn__inner {
    margin-bottom: calc(12rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain .cmn__inner {
    margin-bottom: calc(12rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain .cmn__inner {
    width: 100%;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain .cmn__lttl__head {
    width: calc(100% - 4rem);
    margin-left: auto;
    margin-right: auto;
  }
}
.scSingleMain__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10rem 6rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__main {
    padding: 4rem 2rem;
  }
}
.scSingleMain__main::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/bg01.jpg) center center repeat;
  background-size: 400px auto;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__main::before {
    background-size: 200px auto;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__main::before {
    width: 100%;
  }
}
.scSingleMain__main__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  padding-right: 6rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__main__info {
    width: 100%;
    padding-right: 0;
  }
}
.scSingleMain__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__head {
    margin-bottom: calc(4rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__head {
    margin-bottom: calc(4rem * 0.5);
  }
}
.scSingleMain__head__date {
  display: block;
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 11.5rem;
  margin-right: 4rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date {
    width: 6rem;
    margin-right: 2rem;
  }
}
.scSingleMain__head__date .year {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
  display: block;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .year {
    font-size: 0.8rem;
  }
}
.scSingleMain__head__date .mdw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.scSingleMain__head__date .month {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .month {
    font-size: 1.5rem;
  }
}
.scSingleMain__head__date .month::after {
  content: "";
  display: block;
  width: 1px;
  height: 2.5rem;
  background: #000;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .month::after {
    height: 1.5rem;
    margin-left: 0.35rem;
    margin-right: 0.25rem;
  }
}
.scSingleMain__head__date .day {
  font-size: 6.3rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .day {
    font-size: 3.15rem;
  }
}
.scSingleMain__head__date .week {
  width: 100%;
  background: #333333;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  padding: 3px 1rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .week {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .week {
    margin-bottom: 0.5rem;
  }
}
.scSingleMain__head__date .eventcat {
  text-align: center !important;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__date .eventcat {
    font-size: 0.9rem;
  }
}
.scSingleMain__head__ttl {
  font-weight: 700;
  margin-top: 2.5rem;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__ttl {
    margin-top: 1.5rem;
  }
}
.scSingleMain__head__ttl .artist {
  margin-bottom: 1.5rem;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__head__ttl .artist {
    margin-bottom: calc(1.5rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__ttl .artist {
    margin-bottom: calc(1.5rem * 0.5);
  }
}
.scSingleMain__head__ttl .artist.en {
  font-family: din-2014, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__ttl .artist.en {
    font-size: 2.08rem;
  }
}
.scSingleMain__head__ttl .artist.ja {
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__ttl .artist.ja {
    font-size: 1.95rem;
  }
}
.scSingleMain__head__ttl .event {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .scSingleMain__head__ttl .event {
    font-size: 1.3rem;
  }
}
.scSingleMain__start {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 4rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .scSingleMain__start {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .scSingleMain__start {
    margin-bottom: calc(4rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__start {
    margin-bottom: calc(4rem * 0.5);
  }
}
.scSingleMain__start span {
  color: #DC0045;
  margin-right: 1.5em;
  max-width: 50%;
}
.scSingleMain__start time {
  color: #000;
  padding-left: 0.5rem;
}
.scSingleMain__lineup {
  width: 100%;
  margin-bottom: 8rem;
}
.scSingleMain__lineup div {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (max-width: 639px) {
  .scSingleMain__lineup div {
    font-size: 1.3rem;
  }
}
.scSingleMain__lineup div:not(:last-of-type) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__lineup div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__lineup div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65);
  }
}
.scSingleMain__lineup dt {
  color: #DC0045;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__lineup dt {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .scSingleMain__lineup dt {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 1024px) and (max-width: 639px) {
  .scSingleMain__lineup dt {
    margin-bottom: calc(2rem * 0.5);
  }
}
.scSingleMain__lineup dd {
  line-height: 1.6;
}
.scSingleMain__lineup dd.playguide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.scSingleMain__lineup dd.playguide a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  width: calc(33.3% - 0.6666666667rem);
}
.scSingleMain__lineup dd.playguide a:hover {
  opacity: 0.6;
}
.scSingleMain__lineup dd.playguide a:not(:nth-of-type(3n)) {
  margin-right: 1rem;
}
.scSingleMain__lineup dd.playguide a:nth-of-type(n+4) {
  margin-top: 1rem;
}
.scSingleMain__lineup dd.playguide img {
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__lineup {
    margin-bottom: calc(8rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__lineup {
    margin-bottom: calc(8rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__lineup {
    margin-bottom: 0;
  }
}
.scSingleMain__lineup div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__lineup div {
    display: block;
  }
}
.scSingleMain__lineup dt {
  width: 15rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 639px) {
  .scSingleMain__share {
    width: calc(100% - 4rem);
    margin: 3rem auto 0;
    padding-bottom: 2rem;
  }
}
.scSingleMain__share__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.scSingleMain__share__list li {
  margin-left: 1rem;
  height: 20px;
}
@media screen and (max-width: 639px) {
  .scSingleMain__share__list li {
    margin-left: 0.5rem;
  }
}
.scSingleMain__imgbox {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__imgbox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .scSingleMain__imgbox {
    margin-bottom: calc(6rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 1024px) and (max-width: 639px) {
  .scSingleMain__imgbox {
    margin-bottom: calc(6rem * 0.5);
  }
}
.scSingleMain__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10rem 6rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__detail {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__detail {
    padding: 4rem 2rem;
  }
}
.scSingleMain__detail__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__detail__ttl {
    margin-bottom: calc(4rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__detail__ttl {
    margin-bottom: calc(4rem * 0.5);
  }
}
.scSingleMain__detail__ttl img {
  display: block;
  width: 4.6rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 639px) {
  .scSingleMain__detail__ttl img {
    width: 3rem;
    margin-right: 1rem;
  }
}
.scSingleMain__detail__ttl span {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-top: 0.25em;
}
@media screen and (max-width: 639px) {
  .scSingleMain__detail__ttl span {
    font-size: 3rem;
  }
}
.scSingleMain__ticket {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 6rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__ticket {
    width: 100%;
    padding: 0;
  }
}
.scSingleMain__ticket dl {
  width: 100%;
}
.scSingleMain__ticket dl div {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (max-width: 639px) {
  .scSingleMain__ticket dl div {
    font-size: 1.3rem;
  }
}
.scSingleMain__ticket dl div:not(:last-of-type) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__ticket dl div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__ticket dl div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65);
  }
}
.scSingleMain__ticket dl dt {
  color: #DC0045;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__ticket dl dt {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .scSingleMain__ticket dl dt {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 1024px) and (max-width: 639px) {
  .scSingleMain__ticket dl dt {
    margin-bottom: calc(2rem * 0.5);
  }
}
.scSingleMain__ticket dl dd {
  line-height: 1.6;
}
.scSingleMain__ticket dl dd.playguide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.scSingleMain__ticket dl dd.playguide a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  width: calc(33.3% - 0.6666666667rem);
}
.scSingleMain__ticket dl dd.playguide a:hover {
  opacity: 0.6;
}
.scSingleMain__ticket dl dd.playguide a:not(:nth-of-type(3n)) {
  margin-right: 1rem;
}
.scSingleMain__ticket dl dd.playguide a:nth-of-type(n+4) {
  margin-top: 1rem;
}
.scSingleMain__ticket dl dd.playguide img {
  vertical-align: bottom;
}
@media screen and (max-width: 639px) {
  .scSingleMain__ticket dl div:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}
.scSingleMain__ticket dt {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__ticket dt {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__ticket dt {
    margin-bottom: calc(2rem * 0.5);
  }
}
.scSingleMain__youtube {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__youtube {
    width: 100%;
    padding-top: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .scSingleMain__youtube {
    padding-top: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 1024px) and (max-width: 639px) {
  .scSingleMain__youtube {
    padding-top: calc(6rem * 0.75);
  }
}
.scSingleMain__youtube iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.scSingleMain__info {
  width: 100%;
  padding-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info {
    padding-top: calc(6rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__info {
    padding-top: calc(6rem * 0.75);
  }
}
.scSingleMain__info dl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scSingleMain__info dl div {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (max-width: 639px) {
  .scSingleMain__info dl div {
    font-size: 1.3rem;
  }
}
.scSingleMain__info dl div:not(:last-of-type) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dl div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__info dl div:not(:last-of-type) {
    margin-bottom: calc(5rem * 0.65);
  }
}
.scSingleMain__info dl dt {
  color: #DC0045;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dl dt {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .scSingleMain__info dl dt {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 1024px) and (max-width: 639px) {
  .scSingleMain__info dl dt {
    margin-bottom: calc(2rem * 0.5);
  }
}
.scSingleMain__info dl dd {
  line-height: 1.6;
}
.scSingleMain__info dl dd.playguide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.scSingleMain__info dl dd.playguide a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  width: calc(33.3% - 0.6666666667rem);
}
.scSingleMain__info dl dd.playguide a:hover {
  opacity: 0.6;
}
.scSingleMain__info dl dd.playguide a:not(:nth-of-type(3n)) {
  margin-right: 1rem;
}
.scSingleMain__info dl dd.playguide a:nth-of-type(n+4) {
  margin-top: 1rem;
}
.scSingleMain__info dl dd.playguide img {
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dl {
    display: block;
  }
}
.scSingleMain__info dl > div {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dl > div {
    width: 100%;
  }
}
.scSingleMain__info dl > div:first-of-type {
  padding-right: 6rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dl > div:first-of-type {
    padding-right: 0;
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__info dl > div:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}
.scSingleMain__info dl > div p {
  font-weight: 700;
}
.scSingleMain__info dl > div p:first-of-type + p {
  margin-top: 1em;
}
.scSingleMain__info dl > div a {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.scSingleMain__info dl > div a:hover {
  color: #DC0045;
}
.scSingleMain__info dt {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .scSingleMain__info dt {
    margin-bottom: calc(2rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .scSingleMain__info dt {
    margin-bottom: calc(2rem * 0.5);
  }
}

/*******************************

    CONTACT

*******************************/
.contactMain {
  padding-bottom: 16rem;
  padding-top: 16rem;
}
@media screen and (max-width: 1024px) {
  .contactMain {
    padding-bottom: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .contactMain {
    padding-bottom: calc(16rem * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .contactMain {
    padding-top: calc(16rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .contactMain {
    padding-top: calc(16rem * 0.5);
  }
}
.contactMain .cmn__inner {
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .contactMain .cmn__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 639px) {
  .contactMain .cmn__inner {
    width: calc(100% - 2rem * 2);
  }
}
.contactMain__ttl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .contactMain__ttl {
    margin-bottom: calc(5rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .contactMain__ttl {
    margin-bottom: calc(5rem * 0.5);
  }
}
@media screen and (min-width: 640px) {
  .contactMain dl > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 640px) {
  .contactMain dl > div dt {
    width: 34rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    text-align: right;
    margin-top: 1.2rem;
  }
}
.contactMain dl > div dd {
  width: 100%;
}
.contactMain dl > div:not(:last-of-type) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .contactMain dl > div:not(:last-of-type) {
    margin-bottom: calc(4rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .contactMain dl > div:not(:last-of-type) {
    margin-bottom: calc(4rem * 0.75);
  }
}
.contactMain dl dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 639px) {
  .contactMain dl dt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 639px) {
  .contactMain dl dt {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  .contactMain dl dt::before {
    content: "";
    width: 6.5rem;
    height: 3rem;
    display: block;
    margin-right: 2rem;
  }
}
.contactMain dl dt .req {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0;
  background: #DC0045;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFF;
  font-weight: 700;
  width: 6.5rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 639px) {
  .contactMain dl dt .req {
    font-size: 1.12rem;
  }
}
@media screen and (min-width: 640px) {
  .contactMain dl dt .req {
    height: 3rem;
    margin-right: 2rem;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 639px) {
  .contactMain dl dt .req {
    padding: 0.5rem 1rem;
    margin-right: 1rem;
  }
}

/* SELECT
-----------------------------*/
.your-recipient {
  position: relative;
  display: block;
  max-width: 80rem;
}
.your-recipient::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 8px);
  right: 1rem;
}

/* TEXT
-----------------------------*/
input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
  padding: 1.5rem;
  width: 100%;
  display: inline-block;
  background: #FFF;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  border: 1px solid #000;
  border-radius: 1rem;
}
@media screen and (max-width: 639px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  select {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 639px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  select {
    padding: 1.25rem 1.5rem;
    border-radius: 0.5rem;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #000;
}

/* SEND
-----------------------------*/
.submit-container {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .submit-container {
    margin-top: calc(6rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .submit-container {
    margin-top: calc(6rem * 0.5);
  }
}
.submit-container input[type=submit] {
  width: 24rem;
  margin: 0 auto;
  display: block;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  background: #DC0045;
  color: #FFF;
  padding: 2rem 0;
  font-weight: 700;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
@media screen and (max-width: 639px) {
  .submit-container input[type=submit] {
    font-size: 1.5rem;
  }
}
.submit-container input[type=submit]:hover {
  background: #2E3192;
}

/*******************************

    about

*******************************/
.aboutMenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  max-width: 94rem;
  margin-bottom: 15rem;
}
@media screen and (max-width: 1024px) {
  .aboutMenu {
    margin-bottom: calc(15rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutMenu {
    margin-bottom: calc(15rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutMenu li:not(:last-of-type) {
    margin-bottom: 6rem;
  }
}
.aboutMenu li a {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  position: relative;
  opacity: 0.3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 639px) {
  .aboutMenu li a {
    font-size: 3rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutMenu li a {
    opacity: 1;
  }
}
.aboutMenu li a:hover {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.aboutMenu li a:hover::after {
  content: "";
  width: 11rem;
  height: 4px;
  display: inline-block;
  background-color: #DC0045;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.aboutMenu li a::after {
  content: "";
  width: 5rem;
  height: 4px;
  display: inline-block;
  background-color: #000000;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 639px) {
  .aboutMenu li a::after {
    background-color: #DC0045;
  }
}

.aboutGuide .about-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .aboutGuide .about-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.aboutGuide__info .aboutMain__subttl {
  font-size: 3.6rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin: 8rem 0;
}
@media screen and (max-width: 639px) {
  .aboutGuide__info .aboutMain__subttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutGuide__info .aboutMain__subttl {
    margin: 4rem 0;
  }
}
.aboutGuide__info .aboutMain__subttl span {
  color: #DC0045;
}
.aboutGuide__info dl {
  max-width: 70rem;
}
@media screen and (max-width: 1024px) {
  .aboutGuide__info dl {
    max-width: 100%;
  }
}
.aboutGuide__info dl dt {
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .aboutGuide__info dl dt {
    font-size: 1.755rem;
  }
}
@media screen and (max-width: 1024px) {
  .aboutGuide__info dl dt {
    margin-bottom: calc(2rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutGuide__info dl dt {
    margin-bottom: calc(2rem * 0.75);
  }
}
.aboutGuide__info dl dt span {
  color: #DC0045;
}
.aboutGuide__info dl dd {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .aboutGuide__info dl dd {
    font-size: 1.3rem;
  }
}
.aboutGuide__info dl dd:not(:last-of-type) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .aboutGuide__info dl dd:not(:last-of-type) {
    margin-bottom: calc(4rem * 0.75 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutGuide__info dl dd:not(:last-of-type) {
    margin-bottom: calc(4rem * 0.75);
  }
}
.aboutGuide__info dl dd a {
  color: #3694FF;
  text-decoration: underline;
  padding: 0 0.25em;
}
.aboutGuide__info dl dd .recruitSect-s {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #DC0045;
}
@media screen and (max-width: 639px) {
  .aboutGuide__info dl dd .recruitSect-s {
    font-size: 0.5rem;
  }
}
.aboutGuide__info dl dd span {
  color: #DC0045;
}
.aboutGuide .aboutGuide__img {
  margin-top: 8rem;
  margin-left: 10rem;
  max-width: 60rem;
}
@media screen and (max-width: 1024px) {
  .aboutGuide .aboutGuide__img {
    margin: 8rem auto 0;
  }
}
@media screen and (max-width: 639px) {
  .aboutGuide .aboutGuide__img {
    width: 100%;
    margin: 0 auto 3rem;
  }
}
.aboutGuide .btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 639px) {
  .aboutGuide .btn {
    font-size: 1.6rem;
  }
}
.aboutGuide a.btn--white {
  color: #212529;
  background-color: #fff;
  border: 1px solid #000;
}
.aboutGuide a.btn--white:hover {
  color: #fff;
  background: #212529;
}
.aboutGuide .btn-c {
  position: relative;
  padding: 1.5rem 3.5rem 1.5rem 2rem;
  margin-top: 20px;
}
.aboutGuide .btn-c i.fa {
  margin-right: 4px;
}
.aboutGuide .btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1.5rem;
  margin: 0;
  padding: 0;
  content: "\f054";
}

.aboutRental .aboutMain__subttl {
  font-size: 3.6rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin: 4rem 0 7rem 0;
}
@media screen and (max-width: 639px) {
  .aboutRental .aboutMain__subttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental .aboutMain__subttl {
    margin: 2rem 0 4rem 0;
  }
}
.aboutRental .aboutMain__subttl span {
  color: #DC0045;
}
.aboutRental__list + .aboutMain__subttl {
  margin-top: 14rem;
}
@media screen and (max-width: 1024px) {
  .aboutRental__list + .aboutMain__subttl {
    margin-top: calc(14rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list + .aboutMain__subttl {
    margin-top: calc(14rem * 0.5);
  }
}
.aboutRental__list__ttl {
  font-size: 2.7rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 4rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list__ttl {
    font-size: 1.755rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list__ttl {
    margin-bottom: 2rem;
  }
}
.aboutRental__list__ttl::before {
  content: url(../img/icon-tag.svg);
  vertical-align: middle;
  padding-right: 0.3rem;
  display: inline-block;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
@media screen and (max-width: 639px) {
  .aboutRental__list__ttl::before {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    padding-right: 0.1rem;
  }
}
.aboutRental__list li:not(:last-of-type) {
  margin-bottom: 12rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li:not(:last-of-type) {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table-wrap {
    overflow-x: auto;
    overflow-y: scroll;
    padding-bottom: 5px;
  }
}
.aboutRental__list li .about-table-wrap.mt {
  margin-top: 5rem;
}
@media screen and (max-width: 1024px) {
  .aboutRental__list li .about-table-wrap.mt {
    margin-top: calc(5rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table-wrap.mt {
    margin-top: calc(5rem * 0.5);
  }
}
.aboutRental__list li .about-table {
  border-collapse: collapse;
  /* border: 1px solid #333; */
  width: 100%;
  background: #FFF;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table {
    width: 100%;
  }
}
.aboutRental__list li .about-table .tategaki {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.aboutRental__list li .about-table tbody tr {
  border-collapse: collapse;
  border: 1px solid #333;
}
.aboutRental__list li .about-table tbody tr th {
  border-collapse: collapse;
  border: 1px solid #333;
  text-align: center;
  vertical-align: middle;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  padding: 1.5rem 0;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr th {
    font-size: 1.32rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr th {
    font-size: 1.1rem;
  }
}
.aboutRental__list li .about-table tbody tr .about-time {
  text-align: left;
  padding: 0 10rem 0 2rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr .about-time {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr .about-time.is-spcenter {
    text-align: center;
  }
}
.aboutRental__list li .about-table tbody tr td {
  border-collapse: collapse;
  border: 1px solid #333;
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0;
  vertical-align: middle;
  padding: 2.5rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr td {
    font-size: 1.21rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr td {
    padding: 1rem 0.8rem;
    font-size: 1rem;
  }
}
.aboutRental__list li .about-table tbody tr td .table-sub {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr td .table-sub {
    font-size: 0.77rem;
  }
}
.aboutRental__list li .about-table tbody tr td .red {
  color: #DC0045;
}
.aboutRental__list li .about-table tbody tr td .big {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #DC0045;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table tbody tr td .big {
    font-size: 1.65rem;
  }
}
.aboutRental__list li .about-table tbody tr .center {
  text-align: center;
}
.aboutRental__list li .about-table tbody tr .bg-gr {
  background: #E2DEDE;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .about-table.scroll-table {
    width: 500px;
  }
}
.aboutRental__list li .point {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 4rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .point {
    font-size: 1.2rem;
  }
}
.aboutRental__list li .point .red {
  color: #DC0045;
}
.aboutRental__list li .basic {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .basic {
    font-size: 1.3rem;
  }
}
.aboutRental__list li .basic .red {
  color: #DC0045;
}
.aboutRental__list li .basic .big {
  font-size: 3rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-decoration: underline;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .basic .big {
    font-size: 1.5rem;
  }
}
.aboutRental__list li .basic-m {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 4rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .basic-m {
    font-size: 1.2rem;
  }
}
.aboutRental__list li .basic-m .red {
  color: #DC0045;
}
.aboutRental__list li .border {
  font-size: 2rem;
  line-height: 1.8;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 2.5rem 0;
  margin-top: 4rem;
}
@media screen and (max-width: 639px) {
  .aboutRental__list li .border {
    border: 1px solid #000;
    font-size: 1.8rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding: 1rem;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .aboutRental__list li .border {
    font-size: 1.35rem;
  }
}
.aboutRental__list li .border .red {
  color: #DC0045;
}
.aboutRental__list__subttl {
  background: #E2DEDE;
  font-weight: 700;
}

.aboutMain__sect {
  padding-bottom: 20rem;
  padding-top: 20rem;
}
@media screen and (max-width: 1024px) {
  .aboutMain__sect {
    padding-bottom: calc(20rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutMain__sect {
    padding-bottom: calc(20rem * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .aboutMain__sect {
    padding-top: calc(20rem * 0.5 * 1.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutMain__sect {
    padding-top: calc(20rem * 0.5);
  }
}
@media screen and (max-width: 639px) {
  .aboutMain__sect {
    padding: 6rem 0;
  }
}
.aboutMain__sect:nth-of-type(odd) {
  background: url(../img/bg01.jpg) center center repeat;
  background-size: 400px auto;
}
@media screen and (max-width: 1024px) {
  .aboutMain__sect:nth-of-type(odd) {
    background-size: 200px auto;
  }
}
@media screen and (max-width: 639px) {
  .aboutMain .item-table {
    width: 100% !important;
  }
}
.aboutMain .item-table th:first-of-type {
  width: 20rem;
}
@media screen and (max-width: 639px) {
  .aboutMain .item-table th:first-of-type {
    width: 10rem;
  }
}
.aboutMain .item-table th:nth-of-type(2) {
  width: 40rem;
}
@media screen and (max-width: 639px) {
  .aboutMain .item-table th:nth-of-type(2) {
    width: 20rem;
  }
}
.aboutMain .item-table th:nth-of-type(3) {
  width: 40rem;
}
@media screen and (max-width: 639px) {
  .aboutMain .item-table th:nth-of-type(3) {
    width: 20rem;
  }
}
.aboutMain .item-table th:nth-of-type(4) {
  width: 12rem;
}
@media screen and (max-width: 639px) {
  .aboutMain .item-table th:nth-of-type(4) {
    width: 6rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutMain .policy-table {
    width: 100% !important;
  }
}
.aboutMain .policy-table th {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media screen and (max-width: 639px) {
  .aboutMain .policy-table th,
  .aboutMain .policy-table td {
    text-align: center !important;
  }
}

.aboutFixedmenu {
  display: none !important;
  position: fixed;
  right: 0;
  bottom: 11rem;
  width: 16rem;
  display: none;
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu {
    width: 10rem;
    bottom: 6rem;
  }
}
.aboutFixedmenu__list {
  padding: 2rem 1.5rem;
  background: #FFF;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 100%;
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__list {
    font-size: 1.32rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__list {
    padding: 1.5rem 1rem 1.25rem;
  }
}
.aboutFixedmenu__list li:not(:last-of-type) {
  margin-bottom: 1rem;
}
.aboutFixedmenu__list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.aboutFixedmenu__list a:hover svg {
  fill: #DC0045;
}
.aboutFixedmenu__list a span {
  padding-top: 0.1em;
}
.aboutFixedmenu__list a svg {
  width: 0.9rem;
  height: auto;
  display: block;
  margin-right: 0.75rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__list a svg {
    width: 0.54rem;
  }
}
.aboutFixedmenu__pdf {
  font-family: bebas-neue-by-fontfabric, "游ゴシック Medium", YuGothic, YuGothicM, "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.08em;
  width: 100%;
  background: #000;
  color: #FFF;
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__pdf {
    font-size: 1.32rem;
  }
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__pdf {
    padding: 0.5rem;
  }
}
.aboutFixedmenu__pdf span {
  padding-top: 0.2em;
}
.aboutFixedmenu__pdf img {
  display: block;
  width: 1.4rem;
  margin-right: 0.75rem;
  height: auto;
}
@media screen and (max-width: 639px) {
  .aboutFixedmenu__pdf img {
    width: 0.84rem;
  }
}
.aboutFixedmenu__pdf:hover {
  background: #FFF;
  color: #000;
}

.intro {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.intro .splashbg {
  display: none;
}
.intro svg {
  width: 30rem;
}
@media screen and (max-width: 639px) {
  .intro svg {
    width: 20rem;
  }
}
.intro.is-active .splashbg {
  display: block;
  -webkit-animation-name: PageAnime;
          animation-name: PageAnime;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: fixed;
  z-index: 999;
  width: 50%;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-300%) skewX(-45deg);
          transform: translateX(-300%) skewX(-45deg);
  background-color: #333; /*伸びる背景色の設定*/
}

@-webkit-keyframes PageAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: translateX(-300%) skewX(-45deg);
            transform: translateX(-300%) skewX(-45deg);
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: translateX(500%) skewX(-45deg);
            transform: translateX(500%) skewX(-45deg);
  }
}

@keyframes PageAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: translateX(-300%) skewX(-45deg);
            transform: translateX(-300%) skewX(-45deg);
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: translateX(500%) skewX(-45deg);
            transform: translateX(500%) skewX(-45deg);
  }
}/*# sourceMappingURL=screen.css.map */