/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: flex;
    margin-left: auto;
    margin-right: auto;
}
/* .slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
} */
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    min-height: 1px;
}
.slick-slide > div {
    height: 100%;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../img/aa0362498da.jpg') center center no-repeat;
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: "Sawarabi Gothic", sans-serif;
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: "Sawarabi Gothic", sans-serif;
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

























































































































/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

























































































































/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */


* {
  margin: 0px;
  padding: 0px;
}
body {
  width: 100%;
  margin: 0;
  background-color: #fef6f8;
  color: #646464;
  font-family: "Sawarabi Gothic", sans-serif;
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}
/* window bigger than 1512px */
@media screen and (min-width: 1513px) {
  .nav-menu-pc {
    font-size: 0.6vw !important;
  }
}
/* window for pc */
@media screen and (max-width: 961px) {
  body {
    font-size: 10px;
  }
}
header {
  position: sticky;
  top: 0;
  height: 90px;
  /* [変更] headerがposition:sticky+z-indexで独自のスタッキングコンテキストを作るため、
     中にあるSPメニュー(.nav-modal-container)がフローティングバナー(z-index:1000、header外の要素)より
     前面に出られるよう、header自体のz-indexも引き上げる */
  z-index: 1002;
  background-color: #fef6f8;
}

/* window for pc and tabble */
@media screen and (min-width: 768px) {
  .section-pc {
    display: block !important;
  }
  .section-sp {
    display: none !important;
  }

  .header-container-pc {
    display: flex !important;
  }
  .nav-modal-container {
    display: none !important;
  }
  .footer {
    padding-top: 120px;
  }
  .footer-pc {
    display: block !important;
    position: relative;
  }
  .page-top-container {
    position: absolute;
    top: -40px;
    right: 10%;
    z-index: 1;
  }
  /* douga section */
  .video-check-banner-img {
    width: 100%;
  }
  .header-text-logo {
    width: 16px;
    position: relative;
    top: -2px;
    padding: 0 2px;
  }
  /* end douga section */
}

/*window for sp*/
@media screen and (max-width: 767px) {
  .logo-img {
    width: 20%;
  }
  .header-text-logo {
    width: 16px;
    position: relative;
    top: -2px;
    padding: 0 2px;
  }
  .section-pc {
    display: none !important;
  }
  .section-sp {
    display: block !important;
  }

  .header-container-sp {
    display: flex !important;
  }
  .footer {
    padding-top: 0;
  }
  .footer-sp {
    display: flex !important;
  }
  /** douga section **/
  .video-check-title {
    background-position: center;
  }
  .video-check-banner-text > img {
    height: 40px;
  }
  .video-check-banner-text > p {
    display: block !important;
    text-align: center;
    white-space: nowrap;
  }
  .video-check-banner-text > p > span {
    font-size: clamp(14px, 4.2vw, 20px) !important;
    font-weight: 700;
  }
  .video-check-banner-text > p > span:nth-child(2),
  .video-check-banner-text > p > span.count-num {
    font-size: 20px !important;
  }
  .video-check-banner-text > p > span:nth-child(1):not(.count-num) {
    display: block !important;
  }
  .video-check-banner-img {
    content: url('../img/a4e689a7054.webp');
    width: 90%;
    margin: 0 auto;
    display: flex;
    padding-right: 5%;
  }
  .page-top-container {
    z-index: 0 !important;
  }
  /** end douga section **/
}

div,
p {
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
  color: #b8005a;
  text-decoration: none;
}
/* a:hover {
    background-color: #FEF6F8;
    opacity: 0.9;
} */

.hidden {
  display: none;
}
a[target="_blank"]:after {
  background: url('../img/a392dbfad69.svg') no-repeat 100%;
  content: "";
  padding-right: 17px;
}

/** header **/
/* header-container for pc */
.header-container-pc {
  max-width: 1280px;
  width: 100%;
  height: 90px;
  display: none;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}

/* logo area background, full-bleed to viewport left edge (matches .logo-img's 17% width) */
.header-container-pc::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: 72%;
  background-color: #b8005a;
  z-index: -1;
}

/* muryou button container */
.header-container-pc > a:nth-child(3) {
  width: 15%;
  height: 100%;
  margin-left: auto;
}

/* header logo container */
.logo-img {
  width: 17%;
  height: 100%;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* header logo img */
.logo-img img {
  width: 100%;
}
/* navigation container for pc */
.nav-pc {
  width: 63%;
  box-sizing: border-box;
  padding-left: 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #b8005a;
  font-size: 0.87vw;
}

/* line between each of navigation's component */
.nav-menu-pc > .line {
  height: 16px;
  width: 1px;
  background-color: #b8005a;
}

/* navigation title */
.nav-pc p {
  font-weight: bold;
  margin: 8px 0;
}
.nav-pc small {
  color: #646464;
  font-size: 0.8rem;
}

/* navigation tab menu */
.nav-menu-pc {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.73vw;
  font-weight: 800;
}
.nav-menu-pc a {
  color: #b8005a;
}

.free-btn {
  width: 100%;
  height: 100%;
  background-color: #e40065;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
}
/* muryo button for pc */
.free-btn.pc {
  font-size: 0.83vw;
  position: relative;
}
/* muryo button for sp */
.free-btn.sp {
  font-size: 0.8rem;
  position: relative;
}

/* green yellow img */
.free-btn.pc img {
  height: 50%;
  width: 15%;
  margin: 0 10%;
}

.free-btn.sp img {
  height: 40%;
  margin: 0 10% 0 7%;
}
.free-btn-text {
  line-height: 1.2;
  font-size: 14px;
}

/* muryou button arrow */
.free-btn.pc::after {
  display: block;
  content: "";
  width: 1vw;
  height: 1vw;
  opacity: 1;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 1vw;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.free-btn.sp::after {
  display: block;
  content: "";
  width: 2.5vw;
  height: 2.5vw;
  opacity: 1;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* header container for sp */
.header-container-sp {
  width: 100%;
  height: 124px;
  clip-path: ellipse(110% 90% at 60% 0%);
  background-color: #fbbecd;
  display: none;
  flex-direction: column;
  position: relative;
  z-index: 5;
}

.header-text-sp {
  width: 100%;
  height: 22%;
  color: #b8005a;
  font-size: 4.3vw;
  font-weight: 600;
  padding: 9px 0;
  background-color: #fef5f8;
  text-align: center;
  line-height: 1.2;
}
.header-text-sp small {
  font-size: 0.6rem;
  color: #646464;
  display: block;
}

/* white curve for header */
.nav-sp {
  width: 100%;
  height: 56px;
  clip-path: ellipse(80% 100% at 50% 0%);
  display: flex;
  background-color: #b8005a;
  position: relative;
}

/* logo container: absolutely centered in the whole bar */
.nav-sp a:nth-child(1) {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-sp a:nth-child(1) img {
  width: 35vw;
  object-fit: contain;
}

/* logo's img size */
.header-container-sp img {
  height: 75%;
}

/* menu icon container */
.nav-menu-sp {
  width: 15%;
  background-color: #b8005a;
  border-left: 1px solid #fff;
  display: flex;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
}

/* menu icon */
.nav-menu-sp img {
  width: 50%;
  object-fit: contain;
}

/* menu modal */
.nav-modal-container {
  width: 100%;
  height: calc(100vh - 50px); /* 130px - 80px = 50px の位置から開始されるため */
  height: calc(100dvh - 50px); /* スマホ用 */
  background-color: #fff;
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; 
  position: fixed;
  top: 140px;
  right: 0;
  /* [変更] header自体のz-indexを引き上げたため元の値に戻す。
     これより高くすると兄弟要素の.header-container-sp(z-index:5、ロゴ部分)より
     前面に出てしまい、margin-top:-80pxで被った際にロゴが隠れてしまう */
  z-index: 4;
  isolation: isolate;
  padding-top: 60px;
  padding-bottom: 120px; /* 一番下のバナーまでしっかりスクロールさせるため多めに */
  margin-top: -80px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 1 item 1 line */
.nav-modal-item {
  width: 80%;
  font-size: 14px;
  font-weight: 600;
  color: #b8005a;
  position: relative;
  padding: 15px 0;
}
/* 2 item 1 line */
.nav-modal-item.sm {
  width: 40% !important;
}
/* right item for 2 item 1 line */
.nav-modal-item.even {
  border: none;
  text-indent: 10px;
}

.nav-modal-item.odd {
  border-right: 1px solid #b8005a;
}
/* small item under 2 item 1 line */
.nav-modal-item.xs {
  width: fit-content !important;
  font-size: 15px !important;
}

.nav-modal-item.xs p {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}

.nav-modal-item.xs::after {
  content: none;
}
/* small item arrow */
.nav-modal-item.xs p::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  position: relative;
  left: 7px;
}
/* modal item arrow */
.nav-modal-item::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  position: absolute;
  right: 20px;
  top: 40%;
}

.nav-modal-item.last-item-sm::after {
  content: none;
  display: none;
}

/* dash between 2 row of modal menu */
.nav-dash {
  width: 85%;
  height: 1px;
  opacity: 0.5;
  background-color: #b8005a;
  margin: 0 auto;
}
/* small item container */
.recruitment-group {
  width: 80%;
  display: flex;
  margin: 0 auto;
  gap: 10px;
}
/* modal footer container */
.nav-modal-footer {
  width: 100%;
  padding: 15px 10px;
  background-color: #b8005a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
/* 3 contact card container */
.contact-card-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  width: 100%;
}
/* contact card */
.contact-card-group > .contact-card {
  width: 30%;
  background-color: #fff;
  border-radius: 10px;
  color: #b8005a;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  position: relative;
}
.contact-card-group > .contact-card::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  position: relative;
  left: 7px;
}

.nav-modal-banner {
  width: 90%;
  padding-bottom: 70px;
}

/** end of header.css **/

/** footer **/
/* all footer container */
.footer {
  position: absolute;
  width: 100%;
  margin-top: -80px;
  background: linear-gradient(to bottom, #FFD8EA, #FFBEDC);
}

.footer-pc {
  width: 100%;
  height: fit-content;
  display: none;
  font-size: 14px;
  padding-top: 120px;
  margin: 0 auto;
}

/* pagetop button container */
.page-top-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #b8005a;
  font-weight: bold;
  font-size: clamp(5px, 1.5vw, 12px);
  gap: 10px;
  opacity: 0.8;
  width: 20%;
  z-index: 3;
}
.page-top-container.sp > p {
  font-size: 2.5vw;
  width: fit-content;
}

/* pagetop circle border */
.page-top-btn {
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
  position: relative;
  max-width: 70px;
  width: 20%;
  border: 2px solid #b8005a;
  background-color: #fff;
}

/* pagetop arrow */
.page-top-btn-arrow {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-135deg);
  width: 0.6vw;
  height: 0.6vw;
  border-bottom: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
}

.page-top-btn-arrow.sp {
  width: 2.5vw;
  height: 2.5vw;
  border-bottom: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
}

.page-top-btn-arrow.pc {
  width: 0.8vw;
  height: 0.8vw;
  border-bottom: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
}

/* footer content part */
.footer-container-pc {
  max-width: 1280px;
  width: 100%;
  height: 75%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto 60px auto;
}
/* page top and media button container */
.pagetop-mediabtn-container {
  width: 80%;
  display: flex;
  justify-content: space-between;
}
/* media button group */
.media-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.media-btn.pc {
  width: 25%;
}

.media-btn.sp {
  width: 70%;
}

.media-btn.sp a {
  width: 20% !important;
}

/* footer link group for pc */
.footer-link {
  width: 50%;
  padding-left: 5%;
  display: flex;
  justify-content: space-between;
  color: #b8005a;
  font-size: clamp(8px, 1vw, 14px);
}

/* footer link group's column */


/* line between column 2 and 3 */


.copyright-pc {
  width: 100%;
  background-color: #b8005a;
}

.copyright-container-pc {
  max-width: 1280px;
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #b8005a;
  font-size: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
}

.copyright-container-pc img {
  margin: 0 30px;
  width: 8%;
}

.footer-sp {
  width: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 90px;
  position: relative;
}
.footer-sp > .media-btn > a {
  width: 15%;
}
/* link group's row for sp */
.link-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto;
  color: #b8005a;
  gap: 1vw;
}
/* each row link group's column */
.link-group > div {
  min-width: 49%;
  display: flex;
  flex-direction: column;
  font-size: 3.4vw;
  letter-spacing: 0.2em;
  gap: 10px;
  margin: 5px 0;
}

.link-group > div:nth-child(even) {
  padding-left: 3%;
}

.link-group .iris-div {
  padding-left: 0 !important;
}

/* line between each row of link group */
.footer-sp > .line {
  width: 95%;
  height: 1px;
  background-color: #b8005a;
  opacity: 0.5;
}

.copyright-container-sp {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #ff036f;
  width: 100%;
  padding: 30px 0 5px 0;
  margin-top: 40px;
  color: #fff;
  font-size: 1.5vw;
}

.copyright-container-sp > img {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #ff036f;
}

/** end of footer.css **/

/* head campaign banner section for pc */
.campaign-banner-section.section-pc {
  display: none;
  position: relative;
  z-index: 1;
}

.campaign-banner-section.section-sp {
  display: none;
  position: relative;
  top: -50px;
  z-index: 1;
}
/** end head campaign banner section **/

.campaign-banner-section.section-sp > .campaign-banner {
  width: 100vw;
  height: fit-content;
  clip-path: ellipse(100vh 88vh at 47% 0%);
  overflow: hidden;
  background-color: #fff;
  position: relative;
}

/** end head campaign banner container **/

/** slider banner section **/
.slider-banner-section.section-pc {
  display: none;
  position: relative;
  margin-top: -180px;
}
/* slider background */
.slider-container {
  /* width: 100vw; */
  height: fit-content;
  background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/a074e8580dc.webp');
  background-size: 100% 10%, 100% 95%;
  background-position: top, bottom;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.slider-container.pc {
  padding: 0 0 100px 0;
}
/* slider imgs */
.slider-banner-section.section-pc > .slider-container > .slider-imgs {
  max-width: 860px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3vw;
}

.slider-banner-section.section-pc > .slider-container.pc > .slider-imgs > a {
  width: 30%;
}

.slider-container > .slider {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .slider-container {
    background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/aab6747e498.webp');
    height: auto;
    z-index: auto;
  }
  .link-group > div:nth-child(even) {
    padding-left: 0;
  }
}

/** end slider banner section **/

/** end san riyuu row sp **/

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

動画でcheck_はじまり

********************************/
.video-back {
  background-color: #fbbdce;
}
.video-check-section {
  align-self: stretch;
  width: 100%;
}
.video-check-container {
  width: 100%;
  height: fit-content;
  padding: 0 0 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  background-image: url('../img/aaf76a5f4ac.png');
  background-size: 100% 10%, 100% 80%;
  background-position: top, bottom;
  background-repeat: no-repeat;
}

.video-check-title {
  width: 100%;
  height: 20%;
  color: #b8005a;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #fbbdce;
  padding-bottom: 20px;
  padding-top: 50px;
}
/* douga title first line */
.video-check-title > p:nth-child(1) {
  font-size: 24px;
}
/* douga title second line */

.video-check-title > p:nth-child(2) > span {
  font-size: 45px;
  font-weight: bold;
}

.video-check-title > .sankaku {
  border-top: 11px solid #b7a35c;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}

.video-check-title > p.slant-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-feature-settings: "palt";
  font-size: 40px;
}

.video-check-title > p.slant-title::before,
.video-check-title > p.slant-title::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.4em;
  background: currentColor;
  margin: 0 0.6em;
}

.video-check-title > p.slant-title::before {
  transform: rotate(-35deg);
}

.video-check-title > p.slant-title::after {
  transform: rotate(35deg);
}

.video {
  max-width: 1000px;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0 auto 60px;
  position: relative;
}

.video > .player-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.video > .player-btn > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.video-check-container > .video > .player-btn > div {
  background-image: url('../img/a14d458563c.webp');
}

.video > .player-btn > div > img {
  width: 20%;
  max-width: 70px;
  aspect-ratio: 1/1;
}

.video > .youtube-player {
  width: 100%;
  height: 100%;
}

.video-check-banner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* text above banner */
.video-check-banner-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #b8005a;
  font-size: 1.6vw;
  font-weight: bold;
}
.video-check-banner-text > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
  letter-spacing: 2px;
}

.video-check-banner-text > p > span:nth-child(2) {
  position: relative;
  top: -2px;
  font-size: 1.6vw;
}
.video-check-banner-text > p > span.count-num {
  position: relative;
  top: -2px;
  font-size: 45px;
}
@media screen and (max-width: 768px) {
  .video-check-banner-text {
    gap: 4px;
  }
  .video-check-banner-text > p {
    letter-spacing: 0;
  }
  .video-check-banner-text > p > span:nth-child(2),
  .video-check-banner-text > p > span.count-num {
    top: 0;
  }
  .video-check-container {
    padding: 20px 0 0;
    z-index: 0;
  }
  .video-check-title > p:nth-child(1) {
    font-size: 16px;
  }
  .video-check-title > p:nth-child(2) > span {
    font-size: 28px;
  }
}
/********************************

  動画でcheck_おわり

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

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

  ダンスジャンル_はじまり

********************************/
.dance-genre-title {
  width: fit-content;
  padding: 0 20px;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.dance-genre-row {
  width: 90%;
  max-width: 750px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dance-genre-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  gap: 12px;
}
.dance-genre-card img:hover {
  background-color: #d5d5d537;
  opacity: 0.9;
}

.dance-footer-img {
  max-width: 150px;
  width: 20%;
  margin: 40px auto 80px;
}

@media screen and (max-width: 767px) {
  .dance-genre-section {
    margin-bottom: 50px;
    margin-top: 30px;
  }
  .dance-genre-title {
    margin-bottom: 0;
  }
}
/********************************

  ダンスジャンル_おわり

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

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

  ダンスマップ_はじまり

********************************/
.map-bg {
  width: 100%;
  height: fit-content;
  padding: 80px 0 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  background-image: url('../img/aaf76a5f4ac.png');
  background-size: 100% 10%, 100% 80%;
  background-position: top, bottom;
  background-repeat: no-repeat;
}
/** map section component for pc **/
.map-bg.pc {
  padding: 50px 0 0;
}
.map-container.pc {
  width: 90%;
  margin: 0px auto;
  display: flex;
  padding: 0 0 80px 0;
  gap: 5%;
  font-size: 20px;
}

.map-container.pc > .map-content {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: center;
}

.map-container.pc > .map-content > div:nth-child(2) {
  width: 100%;
  height: 30vw;
  max-height: 300px;
  margin-top: 50px;
  position: relative;
}
.map-container.pc > .map-content > div:nth-child(2) > img {
  width: 30%;
  min-width: 200px;
}
.map-container.pc > .map-content > div:nth-child(2) > img:nth-child(1) {
  position: absolute;
  right: 0;
  top: 0;
}
.map-container.pc > .map-content > div:nth-child(2) > img:nth-child(2) {
  position: absolute;
  right: 20%;
  top: 40%;
}

.map-container.pc > img {
  width: 30%;
  min-width: 350px;
  object-fit: contain;
}

.dance-map-tit-sub {
  color: #b8005a;
  font-weight: 700;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .map-container.pc > .map-content > div:nth-child(2) {
    display: none;
  }
  .map-container.pc {
    flex-flow: column;
    padding: 0 0 10px 0;
  }
  .map-container.pc > .map-content {
    width: 100%;
    align-items: center;
  }
  .dance-map-tit {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 0 25px 0;
  }
  .dance-map-tit-sub {
    font-size: 16px;
  }
  .map-bg {
    z-index: 0;
  }
}

/** end map section component for pc **/
/** map section component for sp **/


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

  ダンスマップ_おわり

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

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

  生徒さんの声_はじまり

********************************/
.student-say-video-check-container {
  width: 100%;
  height: fit-content;
  background-image: linear-gradient(to bottom, #fef5f8 50%, #b8005a 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 0 60px 0;
}
.student-say-video-check-title {
  color: #b8005a;
  font-weight: bold;
  text-align: center;
  width: fit-content;
  margin: 80px 0 40px 0;
}
.student-say-video-check-title > p {
  font-size: 20px;
}
.chat-box {
  position: relative;
  padding: 15px;
  border-radius: 10px;
  border: 1.5px solid #b7a35c;
  width: 300px;
  margin: 20px;
  font-size: 30px;
  text-align: center;
  color: #b8005a;
  font-weight: bold;
}
.chat-box::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: calc(50% - 5px);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #fef5f8;
}
.chat-box::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #b7a35c;
}
.student-say-card-group-container {
  width: 100%;
  max-width: 1260px;
  position: relative;
  overflow-x: hidden;
  /* margin: auto; */
  /* margin-left: calc((50vw - min(1260px, 100%) / 2)); */
}
.student-say-video-check-card-group {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  transition: transform 0.5s ease-in-out;
}

@media screen and (max-width: 1260px) {
  .student-say-video-check-card-group {
    transform: translateX(calc((-1260px + 100vw) / 2));
  }

  .swiper-button-next {
    right: calc((100vw - 80px) / 3 + 8px);
    top: calc(50% - 2 * 52px);
  }
}
@media screen and (max-width: 767px) {
  .student-say-card-group-container {
    width: 100%;
  }
  .student-say-video-check-title {
    margin: 40px 0 40px 0;
  }
  .swiper-button-prev {
    left: calc(5% - 26px + 8px);
    top: calc(50% - 52px);
  }
  .swiper-button-next {
    right: calc(5% - 26px + 8px);
    top: calc(50% - 52px);
  }
}
@media screen and (max-width: 571px) {
  .student-say-video-check-card-group {
    transform: translateX(calc((100vw - (3 * 70vw + 60px)) / 2));
  }
  .student-say-video-check-title > p {
    font-size: 16px;
  }
  .chat-box {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    border: 1.5px solid #b7a35c;
    width: 240px;
    margin: 15px 0 0 0;
    font-size: 30px;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
    font-size: 25px;
  }
}
.chat-box::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: calc(50% - 5px);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #fef5f8;
}
.chat-box::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc(50% - 7px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #b7a35c;
}
.student-say-card-group-container {
  width: 100%;
  max-width: 1260px;
  position: relative;
  overflow-x: hidden;
  /* margin: auto; */
  /* margin-left: calc((50vw - min(1260px, 100%) / 2)); */
}
.student-say-video-check-card-group {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  transition: transform 0.5s ease-in-out;
}
.swiper-button-prev {
  left: calc((1260px - 80px) / 3 + 8px);
  top: 300px;
}
.swiper-button-next {
  right: calc((1260px - 80px) / 3 + 8px);
  top: 300px;
}
@media screen and (max-width: 1260px) {
  .student-say-video-check-card-group {
    transform: translateX(calc((-1260px + 100vw) / 2));
  }
  .swiper-button-prev {
    left: calc((100vw - 80px) / 3 + 8px);
    top: calc(50% - 2 * 52px);
  }
  .swiper-button-next {
    right: calc((100vw - 80px) / 3 + 8px);
    top: calc(50% - 2 * 52px);
  }
}
@media screen and (max-width: 767px) {
  .student-say-card-group-container {
    width: 100%;
  }
  .student-say-video-check-title {
    margin: 40px 0 40px 0;
  }
  .swiper-button-prev {
    left: calc(5% - 16px + 8px);
    top: calc(50% - 32px);
    z-index: 1 !important;
  }
  .swiper-button-next {
    right: calc(5% - 16px + 8px);
    top: calc(50% - 32px);
    z-index: 1 !important;
  }
}
@media screen and (max-width: 571px) {
  .student-say-video-check-card-group {
    transform: translateX(calc((100vw - (3 * 70vw + 60px)) / 2));
  }
  .student-say-video-check-title > p {
    font-size: 16px;
  }
  .chat-box {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    border: 1.5px solid #b7a35c;
    width: 240px;
    margin: 15px 0 0 0;
    font-size: 30px;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
    font-size: 25px;
  }
}
.student-say-video-check-card {
  width: 70vw;
  max-width: 400px;
  border-radius: 12px;
  background-color: #fef5f8;
  flex-shrink: 0;
  z-index: 0;
}

.student-say-video-check-card.active {
  z-index: 2;
}

.student-say-video-check-card > .content {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
  color: #b8005a;
  font-weight: bold;
  gap: 10px;
  padding: 20px 10px 20px 10px;
}
.student-say-video-check-card > .content > .yellow-border-box {
  font-size: 1.1rem;
}
.student-say-video-check-card > .content > p:nth-child(2) {
  font-size: 1.4rem;
}
.student-say-video-check-card > .content > p:nth-child(3) {
  font-size: 15px;
  font-weight: normal;
  color: #646464;
  line-height: 1.7;
}

.student-say-video-check-card > .video {
  margin: 0 auto;
}

.student-say-video-check-card > .video > .player-btn > div {
  background-image: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}
.student-say-video-check-card > .video > .player-btn > div > img {
  width: 20%;
  max-width: 50px;
  aspect-ratio: 1/1;
}
.student-say-video-check-card > .video > .youtube-player {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.btn {
  width: fit-content;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 1px solid #b7a35c;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: calc(50% - 24px);
  z-index: 3;
}
.prev-btn {
  left: 3%;
}
.next-btn {
  right: 3%;
}
.next-btn.btn > .sankaku {
  border-top: 6px solid transparent;
  border-left: 10px solid #b7a35c;
  border-right: 0;
  border-bottom: 6px solid transparent;
  position: relative;
  right: -1px;
}
.prev-btn.btn > .sankaku {
  border-top: 6px solid transparent;
  border-left: 0;
  border-right: 10px solid #b7a35c;
  border-bottom: 6px solid transparent;
  position: relative;
  left: -2px;
}
.student-say-card-group-container > .btn {
  top: 25%;
}
.student-say-card-group-container > .prev-btn {
  left: calc(50% - 220px);
}
.student-say-card-group-container > .next-btn {
  right: calc(50% - 220px);
}
@media screen and (max-width: 767px) {
  .prev-btn.btn > .sankaku {
    border-top: 6px solid transparent;
    border-left: 0;
    border-right: 9px solid #b7a35c;
    border-bottom: 6px solid transparent;
  }
  .next-btn.btn > .sankaku {
    border-top: 6px solid transparent;
    border-left: 9px solid #b7a35c;
    border-right: 0;
    border-bottom: 6px solid transparent;
  }
  .atmosphere-container > .btn {
    top: 60%;
  }
  .student-say-video-check-card > .content > p:nth-child(3) {
    font-size: 14px;
    line-height: 1.8;
  }

  .prev-btn {
    left: -3%;
  }
  .next-btn {
    right: -3%;
  }
}

@media screen and (max-width: 571px) {
  .student-say-card-group-container > .prev-btn {
    left: calc(15vw - 20px);
  }
  .student-say-card-group-container > .next-btn {
    right: calc(15vw - 20px);
  }
}

.swiper-pagination.student {
  position: static;
}
.student-say-video-check-container > .see_more_btn {
  border: 1px solid #fff;
  color: #fff;
  margin-top: 80px;
}
.student-say-video-check-container > .see_more_btn > span {
  align-items: center;
}
.student-say-video-check-container > .see_more_btn > span::after {
  content: '' !important;
  width: 6px !important;
  height: 6px !important;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 30px;
  margin-left: 10px !important;
}
/********************************

  生徒さんの声_おわり

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

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

  ギャラリー_はじまり

********************************/
.see_more_btn {
  width: 160px;
  padding: 13px 13px;
  border-radius: 30px;
  border: 1px solid #b8005a;
  color: #b8005a;
  text-align: center;
  position: relative;
  font-size: 16px;
  z-index: 2;
}

.see_more_btn > span:nth-child(1) {
  align-items: center;
}
.see_more_btn > span:nth-child(2) {
  align-items: center;
  display: none;
}

.see_more_btn > span:nth-child(1):after {
  content: "＋";
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .see_more_btn {
    width: 105px;
    font-size: 14px;
    padding: 10px 20px;
    z-index: 0;
  }
  .student-say-video-check-container > .see_more_btn > span::after {
    top: 43%;
    right: 20px;
  }
}
/********************************

  ギャラリー_おわり

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

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

	CVAはじまり

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

.bg-03 {
  background-color: #fef5f8;
  width: 100%;
  height: fit-content;
}

.bg-03-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 110px 0 110px 0;
}

.curved {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  z-index: 2;
}
.curved::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/a2f043f8117.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .bg-03-img {
    padding: 40px 0 0px 0;
  }
  .free-trial-bnr-shadow {
    box-shadow: none;
    border-radius: 0;
  }
  .video-check-banner {
    margin-bottom: 50px;
    z-index: 0;
  }
  .curved {
    margin-bottom: 50px;
    z-index: 1;
  }
}

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

	CVAおわり

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

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

	ダンスヴィレッジが選ばれる3つの理由_はじまり

********************************/
.three-reason-row.pc {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}
/* .three-reason-row.pc:nth-child(2),
.three-reason-row.pc:nth-child(4) {
  gap: 40px;
} */

.three-reason-row.pc > .illustration {
  width: 50%;
}

.three-reason-row.pc > div > .number-point {
  width: 8% !important;
  position: absolute;
  left: 45%;
}

.three-reason-row-content.pc {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: flex-start;
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.8vw;
  color: #646464;
}

.three-reason-row-content.pc > h3:nth-child(1) {
  color: #b8005a;
  font-size: clamp(14px, 1.8vw, 24px);
  line-height: 2.1vw;
  font-weight: bold;
}

/* three-reason-row first container point number img */
/* .three-reason-row.pc:nth-child(2) > div > .number-point,
.three-reason-row.pc:nth-child(4) > div > .number-point {
  left: 50%;
  top: -5%;
} */

.three-reason-row.pc:nth-child(3) > .number-point {
  position: absolute;
  right: 47%;
  top: -5%;
  z-index: 1;
}

.three-reason-section {
  background-color: #fef6f8;
}
.three-reason-section.section-pc {
  padding: 80px 0 100px 0;
}
.three-reason-section.section-sp {
  padding: 100px 0 50px 0;
}

.three-reason-container {
  max-width: 1000px;
  width: 100%;
  margin: 80px auto 150px;
}
.three-reason-container.no-bottom-margin {
  margin-bottom: 0;
}
.three-reason-container-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 120px;
  margin-bottom: 80px;
}
.three-reason-container-area.no-bottom-margin {
  margin-bottom: 0;
}
.three-reason-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 70px;
}
.three-reason-title-hukidashi {
  color: #b8005a;
  font-size: 1.4rem;
  font-weight: 700;
}
.three-reason-title-sub {
  color: #b8005a;
  font-size: 1.8rem;
  font-weight: 700;
}

.three-reason-title-hukidashi::before {
  content: ""; /*何も入れない*/
  display: inline-block;
  width: 25px; /*画像の幅*/
  height: 40px; /*画像の高さ*/
  background-image: url('../img/ad35ca36e86.png');
  background-size: contain;
  vertical-align: middle;
}
.three-reason-title-hukidashi::after {
  content: ""; /*何も入れない*/
  display: inline-block;
  width: 25px; /*画像の幅*/
  height: 40px; /*画像の高さ*/
  background-image: url('../img/adeb573df3c.png');
  background-size: contain;
  vertical-align: middle;
}
.three-reason-title-2nd-block {
  display: flex;
}
.three-reason-title-2nd-block-sub {
  color: #b8005a;
  font-size: 2.6rem;
  font-weight: 500;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 767px) {
  .three-reason-title-sp {
    color: #b8005a;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
  }
  .three-reason-title-sp-block {
    width: 90%;
    max-width: 750px;
    margin: 0 auto 25px;
  }

  .three-reason-title-sub {
    font-size: 25px;
  }

  .three-reason-title-2nd-block {
    color: #b8005a;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    justify-content: center;
    align-items: center;
  }
  .three-reason-sub-f {
    font-size: 23px;
    font-weight: 700;
  }

  .three-reason-title-2nd-block img {
    width: 70px;
  }

  .three-reason-title-2nd-block {
    color: #b8005a;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    justify-content: center;
    align-items: center;
  }
  .three-reason-sub-f {
    font-size: 23px;
    font-weight: 700;
  }

  .three-reason-title-2nd-block img {
    width: 70px;
  }

  .three-reason-title-2nd-block-sub {
    display: flex;
  }
  .three-reason-row.pc {
    flex-flow: column;
    gap: 10px;
    align-items: end;
  }
  .three-reason-row.pc > div > .number-point {
    left: 30px;
    top: 0;
    width: 20% !important;
  }
  .three-reason-row.pc > .illustration {
    width: 100%;
  }
  .three-reason-row-content.pc {
    padding: 0 0 0 30px;
    width: 100%;
    box-sizing: border-box;
  }
  .three-reason-row-content.pc > h3:nth-child(1) {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .three-reason-row-content-text {
    font-size: 14px;
    line-height: 1.8;
    width: 90%;
  }
  .left-img {
    max-width: 350px;
  }
  .right-img {
    max-width: 350px;
  }
  /* .three-reason-row.pc:nth-child(2),
  .three-reason-row.pc:nth-child(4) {
    flex-direction: column-reverse;
    gap: 10px;
    overflow: hidden;
    align-items: start;
  } */
  .three-reason-container-area {
    gap: 50px;
  }
  .three-reason-row.pc:nth-child(3) > .number-point {
    right: 40px;
    top: 0;
    width: 20% !important;
  }
  /* .three-reason-row.pc:nth-child(2) > div > .number-point,
  .three-reason-row.pc:nth-child(4) > div > .number-point {
    top: 0%;
    z-index: 1;
    left: 73%;
  } */
  .three-reason-container {
    margin: 30px auto 0;
  }

  .three-reason-title-2nd-block-sub {
    display: flex;
  }
  .three-reason-row.pc {
    flex-flow: column;
    gap: 10px;
    align-items: end;
  }
  .three-reason-row.pc > div > .number-point {
    left: 30px;
    top: 0;
    width: 20% !important;
  }
  .three-reason-row.pc > .illustration {
    width: 100%;
  }
  .three-reason-row-content.pc {
    padding: 0 0 0 30px;
    width: 100%;
    box-sizing: border-box;
  }
  .three-reason-row-content.pc > p:nth-child(1) {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .three-reason-row-content-text {
    font-size: 14px;
    line-height: 1.8;
    width: 90%;
  }
  .left-img {
    max-width: 350px;
  }
  .right-img {
    max-width: 350px;
  }
  /* .three-reason-row.pc:nth-child(2),
  .three-reason-row.pc:nth-child(4) {
    flex-direction: column-reverse;
    gap: 10px;
    overflow: hidden;
    align-items: start;
  } */
  .three-reason-container-area {
    gap: 50px;
  }
  .three-reason-row.pc:nth-child(3) > .number-point {
    right: 40px;
    top: 0;
    width: 20% !important;
  }
  /* .three-reason-row.pc:nth-child(2) > div > .number-point,
  .three-reason-row.pc:nth-child(4) > div > .number-point {
    top: 0%;
    z-index: 0;
    left: 73%;
  } */
  .three-reason-container {
    margin: 30px auto 0;
  }
}
/********************************

	ダンスヴィレッジが選ばれる3つの理由_おわり

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

/********************************
	ピンク背景CVA_はじまり
********************************/
.pink-cva {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  z-index: 2;
  clip-path: ellipse(160% 95% at 50% 0%);
}
.pink-cva::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/aa688cdac6f.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.pink-cva-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 70px 0;
}
@media screen and (max-width: 767px) {
  .pink-cva {
    margin-bottom: 30px;
    z-index: 0;
  }
  .pink-cva-img {
    padding: 8px 0 0px 0;
    z-index: 1;
    position: relative;
  }
}
/********************************
	ピンク背景CVA_おわり
********************************/

/********************************
	セクションタイトル_はじまり
********************************/
.sec-title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  text-align: center;
  margin: 80px 0 40px 0;
}
.sec-title {
  font-weight: bold;
  font-size: 20px;
  color: #b8005a;
}
.yellow-border-box {
  width: fit-content;
  padding: 5px 10px;
  font-size: 40px;
  border-top: 2px solid #b7a35c;
  border-bottom: 2px solid #b7a35c;
  text-align: center;
  color: #b8005a;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .sec-title {
    font-size: 16px;
  }
  .yellow-border-box {
    font-size: 28px;
    padding: 5px 0;
    line-height: 1.2;
  }
  .sec-title-box {
    margin: 0 0 25px 0;
  }
}
/********************************
	セクションタイトル_おわり
********************************/

/********************************
	Youtube動画_はじまり
********************************/
.dance-movie-back {
  background-color: #fbbecd;
}
.dance-movie-block {
  display: block;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-top: 56%;
  margin-bottom: 2em;
}
.embed-responsive iframe,
.embed-responsive img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.play-icon {
  position: absolute !important;
  top: calc(50% - 35px) !important;
  left: calc(50% - 35px) !important;
  width: 50px !important;
  height: 50px !important;
}
.bottom-link {
  border-top: 2px solid #ff006e;
}
@media screen and (max-width: 767px) {
  .play-icon {
    position: absolute !important;
    top: calc(50% - 25px) !important;
    left: calc(50% - 25px) !important;
    width: 50px !important;
    height: 50px !important;
  }
}
/********************************
	Youtube動画_おわり
********************************/

/********************************
	ダンスジャンル_はじまり
********************************/
.dance-genre-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px; /* ボックス間の間隔 */
  margin-top: -100px;
  max-width: 900px;
  margin: 0 auto;
  justify-content: flex-start;
  margin-bottom: 60px;
}
.dance-genre-container::after {
  content: "";
  display: block;
  flex: 0 0 calc((100% - 80px) / 3); /* 3カラム計算、gapが2つなので 40px × 2 = 80px */
  height: 0;
  visibility: hidden;
}

.dance-genre-box {
  width: calc(33.333% - 40px); /* PC時に3列 */
  aspect-ratio: 1; /* 正方形 */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.dance-genre-card-text-frame {
    background-color: #ffffff;
    width: 100%;
    padding: 5px 0;
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
}
.dance-genre-card-text {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}


@media (max-width: 768px) {
  .dance-genre-container {
    gap: 25px;
    justify-content: center;
    margin: 0 20px;
  }
  .dance-genre-box {
    width: calc(50% - 15px); /* SP時に2列 */
    align-items:flex-start
  }
  .dance-genre-card-text {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
}

/********************************
	ダンスジャンル_おわり
********************************/

.sp-br {
  display: none;
}
.visually-hidden {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .sp-br {
    display: block;
  }
  :target::before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px;
  }
}

/********************************
	フローティングバナー_はじまり
********************************/
.floatingBanner {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  width: 100%;
}
.floatingBanner_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #b8005a;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.2em;
  margin: 0 7vw;
}
.floatingBanner_inner p img {
  width: 20px;
  height: auto;
  margin: 0 3px 0 2px;
}
.floatingBanner_img {
  display: block;
  transition: 0.3s;
}
.floatingBanner_img:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .floatingBanner {
    width: 100%;
    right: 0;
    bottom: 0;
  }
}
.top-free-bnr:hover {
  opacity: 0.9;
  filter: brightness(105%);
}
.cta-container {
  position: fixed;
  bottom: -100px; /* 初期状態で隠す */
  flex-direction: column-reverse;
  gap: 3px;
  align-items: flex-end;
  opacity: 0;
  transition: bottom 0.5s ease-out, opacity 0.5s ease-out;
}
.cta-container.show {
  bottom: 0px;
  right: 0px;
  opacity: 1;
  background-color: #b8005a;
  background-size: 100%;
}
.floatingBanner_img img {
  width: 350px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .cta-container {
    width: 100%;
    left: 0;
    transform: none;
  }
  .cta-container.show {
    bottom: 0px;
    right: 0;
    z-index: 10;
  }
  .floatingBanner_img img {
    width: 100%;
  }
  .floatingBanner_inner p {
    display: none;
  }
}
/********************************
	フローティングバナー_おわり
********************************/

/********************************
	初心者支持No.1モーダル_はじまり
********************************/
.no1-img-block {
  position: relative;
}
/*モーダルを開くボタン*/
.modal-open{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 81%;
  color: #FC036E;
  margin: auto;
  cursor: pointer;
  transform: translate(-50%, -50%);
    font-size: 13px;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  z-index: 2;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 800px;
  width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  background: #b8005a;
  border-radius: 50%;
  font-weight: 700;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
  background: #fff;
  text-align: left;
  padding: 30px;
}
.no1-modal-title {
  color: #b8005a;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.no1-modal-subtitle {
  font-weight: bold;
  padding-bottom: 7px;
}
.no1-modal-contents-list {
  padding-left: 30px;
  line-height: 1.8;
}
.no1-modal-contents-sublist {
  padding-left: 30px;
}
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .modal-container {
    padding: 0;
  }
  .modal-body {
    position: relative;
    top: 60px;
    width: 90%;
    max-width: 600px;
    height: 80%;
    overflow-y: auto; /* ← ここでスクロール可能に */
    background: #fff;
    border-radius: 8px;
  }
  .modal-open {
    font-size: 10px;
  }
  .modal-close {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 24px;
    background: #b8005a;
    border-radius: 50%;
  }
  .modal-content {
    padding: 50px 15px 20px;
    font-size: 14px;
  }
  .no1-modal-contents-list {
    padding-left: 20px;
  }
  .no1-modal-contents-sublist {
    padding-left: 20px;
  }
}
/********************************
	初心者支持No.1モーダル_おわり
********************************/




/********************************
	フッターSEO_はじまり
********************************/
.footer-accordion {
  margin: 1em auto 5em;
  max-width: 60vw;
  }
  .footer-toggle {
  display: none;
  }
  .footer-option {
  position: relative;
  margin-bottom: 1em;
  }
  .footer-title,
  .footer-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  }
  .footer-title {
    /* padding: 1em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #b8005a;
    font-weight: bold;
    position: relative; */
    text-align: right;
    padding: 0;
  }
  .footer-button {
    display: inline-block;
    padding: 0.5em 1em;
    color: #b8005a;
    border-radius: 4px;
    cursor: pointer;
  }
  .footer-button::before {
    content: "＋";
    font-size: 20px;
    display: inline-block;
  }
  
  /* チェックが入ってたらマイナスに */
  .footer-toggle:checked + .footer-title .footer-button::before {
    content: "−";
  }
  /* .footer-title::after,
  .footer-title::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    width: 2px;
    height: 1em;
    background-color: #b8005a;
    transition: all 0.3s;
    pointer-events: auto; 
    cursor: pointer;
  } */
  /* .footer-title::after {
  transform: rotate(90deg);
  } */
  .footer-content {
  max-height: 0;
  overflow: hidden;
  }
  .footer-content p {
  margin: 0;
  padding: 1.5em 1em 1em 0.5em;
  font-size: 0.9em;
  line-height: 1.5;
  }
  .footer-toggle:checked + .footer-title + .footer-content {
  max-height: 800px;
  transition: all 1.5s;
  }
  .footer-toggle:checked + .footer-title::before {
  transform: rotate(90deg) !important;
  }
  .footer-seo-link {
    text-decoration: underline;
  }
/********************************
	フッターSEO_おわり
********************************/

/********************************
	フッター_はじまり
********************************/
.footer-flex {
  display: flex;
  justify-content: center;
}

/* 基本のスタイル（共通） */
.footer-link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.footer-link div {
  width: 100%;
}

/* メディアボタンの共通スタイル */
.media-btn {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  gap: 20px;
  align-items:flex-start
}

/* 著作権部分の共通スタイル */
.copyright {
  text-align: center;
  width: 100%;
  background-color: #b8005a;
  display: flex;
  justify-content: flex-end;
  height: 60px;
  align-items: center;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
.copyright p {
  color: #fff;
  font-size: 12px;
}
.copyright img {
  width: 6%;
}
.footer-border-left {
  border-left: 1px solid #b8005a;
  width: 20% !important;
}
.footer-col1,.footer-col2,.footer-col3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  gap: 25px;
}

/* スマートフォン向けのスタイル（画面幅768px以下） */
@media (max-width: 768px) {
  .footer-link {
      display: block;
      font-size: 3.4vw;
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
  }
  .footer-col1 {
    margin-bottom: 15px;
  }
  .footer-col1, .footer-col2, .footer-col3 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: row;
  }
  .footer-col1 a,.footer-col2 a,.footer-col3 a {
    width: calc(50% - 10px); /* 2カラム用 */
    box-sizing: border-box;
    text-decoration: none;
  }
  .media-btn {
      justify-content: space-evenly;
      margin-bottom: 20px;
      padding: 0 20px 10px;
      width: 60%;
  }

  .copyright {
      margin-top: 20px;
      height: 40px;
  }
  .copyright img {
    width: 20%;
  }
  .footer-flex {
    flex-flow: column;
  }
  .media-btn img {
    width: 100%;
  }
  .footer-border-left {
    border-bottom: 1px solid #b8005a;
    width: 100% !important;
    margin: 20px 0;
  }
  .footer-accordion {
    margin: 0em auto 8em;
    max-width: 90vw;
  }
  .page-top-container p {
    font-size: 0.6rem;
  }
  .page-top-container {
    position: relative;
    left: 290px;
    top: 30px;
  }
  .page-top-btn {
    width: 70%;
    border: 1px solid #b8005a;
  }
  .page-top-btn-arrow {
    width: 2vw;
    height: 2vw;
  }
  .page-top-btn p {
    font-size: 2.3vw;
  }
}
/********************************
	フッター_おわり
********************************/

@media screen and (max-width: 767px) {
  .video-check-title > p.slant-title {
    font-size: 20px;
  }
  .video-check-title > p.slant-title::before,
  .video-check-title > p.slant-title::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2.5em;
    background: currentColor;
    margin: 0 1.3em;
    position: relative;
    top: 5px;
  }
}


* {
    margin: 0;
    padding: 0;
  }

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

	講師陣_はじまり

********************************/
.teacher-bg {
    width: 100%;
    height: fit-content;
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% 60%, 100% 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teacher-container {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teacher-title {
    color: #b8005a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.teacher-title > .yellow-border-box {
    padding: 5px 40px;
}

.teacher-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.teacher-content-row:nth-child(3) {
    display: none;
}
.teacher-content-row:nth-child(3):after {
    content:"";
    display: block;
    width:30%;
}

.teacher-card > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}
.teacher-card > div > h3 > span {
    color: #b8005a;
    font-weight: bold;
}
.teacher-card > div > h3 > a {
    text-decoration: underline;
}

.teacher-card > div > h3:nth-child(2) {
    width: 80%;
    text-align: justify;
    color: #646464;
}
@media screen and (min-width: 768px) {
    .teacher-title > p > br {
        display: none;
    }
    .teacher-content-row {
        display: flex;
        justify-content: space-between;
    }
    .teacher-card {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;;
        text-align: center;
        gap: 5px;
    }
    .teacher-card > img {
        width: 85%;
    }
    .teacher-card > div {
        justify-content: center;
        align-items: center;
    }
    .teacher-card > div > p:nth-child(2) {
        font-size: clamp(8px, 1.5vw, 14px);
        line-height: 1.4vw;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .teacher-title > p > br {
        display: block;
    }
    .teacher-content-row {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 20px;
    }
    .teacher-content-row:nth-child(2) {
        display: none;
    }
    .teacher-card {
        width: 90%;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin: 0 auto;
    }
    .teacher-card > img {
        width: 40%;
    }
    .teacher-card > div {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .teacher-card > div > h3 > span {
        font-size: 4vw;
    }
    .teacher-card > div > h3:nth-child(2) {
        width: 100% !important;
        font-size: 14px;
        line-height: 1.8;
    }
    .teacher-card > div > p:nth-child(2) {
        font-size: 14px;
        line-height: 1.8;
    }
    .teacher-card > div {
        margin-top: 0;
    }
    .card {
        padding: 7px 10px;
    }
    .card img {
        display: none;
    }
    
}
/********************************

	講師陣_おわり

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

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

	ダンススタジオ_はじまり

********************************/
@media screen and (min-width: 768px) {
    .studio-bg::after {
        bottom: -5%;
    }
    .studio-container > p > br {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .studio-bg::after {
        clip-path: ellipse(150% 100% at 50% 0%);
        bottom: -10%;
    }
    .studio-container > .yellow-border-box {
        font-size: 30px;
    }
}
/********************************

	ダンススタジオ_おわり

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

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

	ギャラリー_はじまり

********************************/
.gallery-section > div {
    width: 100%;
    height: fit-content;
    background-color: #fff;
    clip-path: ellipse(250% 100% at 40% 0%);
    position: relative;
    z-index: 1;
}
.gallery-bg {
    width: 100%;
    background-size: 100% 60%, 100% 40%;
    background-position: top, bottom;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 0 80px 0;
}
.gallery-bg > .yellow-border-box {
    font-size: 30px;
}
.gallery-container {
    width: fit-content;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}
.gallery-container > img {
    width: 240px;
    aspect-ratio: 1/1;
    object-fit: cover;
    border: 2px solid #b7a35c;
    margin-bottom: 20px;
}
/** gallery modal **/
.gallery-modal {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
}
.gallery-modal-container {
    width: 70vw;
    max-width: 500px;
    aspect-ratio: 5/4;
    padding: 20px 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.gallery-modal-close-btn {
    width: 90%;
    display: flex;
    justify-content: flex-end;
}
.gallery-modal-close-btn > div {
    width: 7%;
    aspect-ratio: 1/1;
    cursor: pointer;
    border-radius: 50%;
    background-color: #b8005a;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-modal-close-btn > div > img {
    width: 50%;
    object-fit: cover;
}
.gallery-modal-img {
    width: 90%;
    aspect-ratio: 5/4;
    object-fit: cover;
    object-position: center;
}
.gallery-modal-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -50%;
    
}
.gallery-modal-btn > img {
    cursor: pointer;
}
.gallery-modal-btn > img:nth-child(1) {
    transform: scaleX(-1);
}
.gallery-modal-btn img {
    width: 40px;
    height: 40px;
}
@media screen and (min-width: 768px) {
    .gallery-container {
        justify-content: center;
    }
    .gallery-bg > .see_more_btn {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .gallery-container {
        max-height: calc((42vw + 20px) * 3);
        overflow: hidden;
        transition: max-height 0.3s ease;
        margin: 0 3.5vw;
        justify-content: center;
    }
    .gallery-container.expanded {
        max-height: none !important;
        height: fit-content !important;
    }
    .gallery-container > img {
        width: 42vw !important;
    }
    .gallery-container::after {
        content: '';
        flex-basis: calc(50% - 8px); /* gapの半分を引く */
        height: 0;
    }
    .studio-container {
        padding: 130px 0 40px 0;
    }
    .gallery-modal-btn img {
        width: 30px;
        height: 30px;
    }
    .gallery-modal-container {
        width: 90%;
    }
    .gallery-modal-img {
        aspect-ratio: auto
    }
    .gallery-modal-btn {
        top: -70%;
    }
}
/********************************

	ギャラリー_おわり

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


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

	KV_はじまり

********************************/
.campaign-banner>.campaign-banner-img {
    aspect-ratio: 5 / 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 88% at 58% 0%);
    position: relative;
    
    margin: 0 auto;
}
.kv-ikb {
    background-image: url('../img/ad5c659d08f.webp');
}
.kv-sby {
    background-image: url('../img/a1c9f2f3bfa.webp');
}
.kv-sjk {
    background-image: url('../img/aa05d9c47b2.jpg');
}
.kv-page-name {
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
.access-name {
    font-size: 1.8rem;
}
.campaign-banner-section {
    position: relative;
    padding-bottom: 0;
    background-color: #fbbecd;
    overflow: hidden;
}
.campaign-banner {
    clip-path: ellipse(103% 90% at 56% 0%);
    background-color: #fff;
}

.swiper-pagination.kv {
    bottom: 0 !important;
}
.swiper-button-next.kv {
    top: calc(50% - 16px) !important;
    right: calc(max(0px, 5% - 2 * 16px)) !important;
}
.swiper-button-prev.kv {
    top: calc(50% - 16px) !important;
    left: calc(max(0px, 5% - 2 * 16px))!important;
}
.video_wrap {
    position: relative;
}
.video_wrap video {
    width: 100%;
}
.video_wrap .video-fallback-img {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video_wrap.is-video-failed video {
    display: none;
}
.video_wrap.is-video-failed .video-fallback-img {
    display: block;
}
.campaign-banner-section.section-pc > .campaign-banner {
    width: 100%;
    height: 800px;
    clip-path: ellipse(95% 95% at 47% 0%);
    background-color: white;
    position: relative;
}

.campaign-banner-section.section-sp > .campaign-banner {
    width: 100vw;
    height: fit-content;
    clip-path: ellipse(100vh 88vh at 47% 0%);
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
/* head campaign video */
.campaign-banner-section.section-pc > .campaign-banner video {
    width: 100%;
    height: auto;
    object-fit: fill;
    clip-path: ellipse(90% 93% at 50% 0%);
}
.campaign-banner-section.section-sp > .campaign-banner video {
    max-width: 100vw;
    height: 100vh;
    object-fit: cover;
    clip-path: ellipse(100vh 85vh at 50% 0%);
}


.campaign-text {
    position: absolute;
    bottom: 33%;
    left: 10%;
    color: #b8005a;
    font-size: 3vw;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.campaign-text div {
    background: rgba(255, 255, 255, 1.0);
    padding: 2px 10px;
    width: fit-content;
}
.campaign-banner-section.section-pc .campaign-banner-no1 {
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 12%;
    min-width: 180px;
}

.campaign-banner-section.section-sp .campaign-banner-no1 {
    position: absolute;
    bottom: clamp(150px, 40vw, 220px);
    right: 5vw;
    width: 30%;
    min-width: 120px;
}
.school-kv-text {
    position: absolute;
    bottom: 17vw;
    right: 18vw;
    transform: rotate(4deg);
}
.bnr-margin {
    margin: 40px 0 40px;
}
.campaign-banner-no1 {
    position: absolute;
    bottom: 50px;
    right: 18vw;
    min-width: 230px;
}
.campaign-banner-inner {
    position: relative;
    pointer-events: none;
}
.kv-survey-notice {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    margin: -40px auto 0;
    padding: 0 10px 0;
    color: #c09ca5;
    font-size: 11px;
    line-height: 1.1;
    text-align: left;
    transform: translateX(-40px);
}
.kv-survey-notice a {
    color: #c09ca5;
}
.kv-survey-notice a[target="_blank"]:after {
    background: none;
    content: none;
    padding-right: 0;
}
@media screen and (min-width: 1600px) {
    .kv-survey-notice {
        margin-top: -80px;
    }
}
@media screen and (max-width: 767px) {
    .kv-survey-notice {
        margin: 10px auto 0;
        padding: 0 10px 0px;
        font-size: 9px;
        transform: none;
    }
}

.slider-banner-section.section-pc {
    margin-top: -60px !important;
}
.bnr-margin {
    margin: 40px 0 40px;
}
:target::before {
    content: "";
    display: block;
    height: 90px;
    margin-top: -90px;
}
@media screen and (min-width: 768px) {
    .slider-imgs.pc {
        display: flex;
    }
    .slider-imgs.sp {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .slider-imgs.pc {
        display: none;
    }
    .slider-imgs.sp {
        display: flex;
        padding-bottom: 20px;
        position: relative;
        z-index: 0;
    }
    .video_wrap video,
    .video_wrap .video-fallback-img {
        max-width: 100vw;
        height: 80vh;
        object-fit: cover;
        clip-path: ellipse(80vh 66vh at 50% 0%);
    }

    .campaign-banner>.campaign-banner-img {
        height: 70vh;
        clip-path: none;
        position: relative;
    }
    .kv-page-name {
        left: 0%;
        font-size: 4vw;
        padding: 7px 15px;
        bottom: 10%;
    }
    .access-name {
        font-size: clamp(12px, 1.5vw, 32px);
    }
    .campaign-banner-no1 {
        right: -20px;
        z-index: 1;
        bottom: 0;
    }
    .school-kv-text {
        position: absolute;
        bottom: 30vw;
        right: 4vw;
        transform: rotate(4deg);
        width: 50%;
    }
    .campaign-banner {
        clip-path: ellipse(145% 100% at 35% 0%);
    }
    .campaign-banner-section {
        margin-top: -30px;
        padding-bottom: 0;
    }
    .bnr-margin {
        margin: 0;
    }
    .campaign-banner-no1 {
        right: 10px;
        z-index: 1;
        bottom: 50px;
        min-width: 120px;
        width: 12vw;
    }
    .campaign-banner-no1>img {
        width: 100%;
    }
    
    :target::before {
        content: "";
        display: block;
        height: 120px;
        margin-top: -120px;
    }
}
/********************************

	KV_おわり

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

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

	KV_はじまり

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

/********************************
	KV_おわり
********************************/



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

	CPバナー_はじまり

********************************/
.slider-banner-section.section-sp {
    display: none;
    overflow-x: hidden;
    position: relative;
    margin-top: -400px;
}
.slider-container.sp {
    padding: 250px 0 80px 0;
    gap: 50px;
    position: relative;
}
.slider-container.sp > .slider {
    width: 85%;
    margin-left: 5%;
}
/* slider imgs */
.slider-banner-section.section-sp > .slider-container.sp > .slider-imgs {
    width: 100%;
    display: flex;
    gap: 30px;
    transform: translateX(calc(50vw - 620px));
    transition: transform 0.5s ease-in-out;
}
.slider-banner-section.section-sp>.slider-container.sp>.slider-imgs>a {
    width: 70vw;
    max-width: 400px;
    border-radius: 20px;
    position: relative;
    background-color: #fef5f8;
    flex-shrink: 0;
    transition: transform 0.5s ease-in-out;
    z-index: 0;
    margin-top: -30px;
}
.slider-banner-section.section-sp > .slider-container.sp > .slider-imgs > a > img {
    width: 100%;
}
.slider-circle-group {
    width: 80px;
    display: flex;
    justify-content: space-between;
}

.slider-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
}

.slider-circle:nth-child(1) {
    opacity: 1;
}

.slider-container.sp>.btn {
    top: 30%;
}

.slider-container.sp>.prev-btn {
    left: calc(50% - 220px);
}

.slider-container.sp>.next-btn {
    right: calc(50% - 220px);
}

@media screen and (max-width: 1260px) {
    .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs {
        transform: translateX(calc((100vw - 1260px) / 2));
    }
}
@media (min-width: 769px) {
    .swiper-button-prev.kv, .swiper-button-next.kv, .swiper-pagination.kv {
        display: none !important;
    }
}

@media screen and (max-width: 571px) {
    .slider-container.sp>.btn {
        top: 38%;
    }
    .slider-container.sp {
        padding: 320px 0 80px 0;
    }
    .slider-container.sp>.prev-btn {
        left: calc(15vw - 20px);
    }

    .slider-container.sp>.next-btn {
        right: calc(15vw - 20px);
    }

    .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs {
        transform: translateX(calc(-55vw - 30px));
    }
    .campaign-text {
        left: 0%;
        font-size: 7vw;
        bottom: 13%;
        gap: 6px;
    }
}
/********************************

	CPバナー_おわり

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

/* .contact-card-group-sp {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -20px auto 0 auto;
}

.contact-card-group-sp > .contact-card {
    font-size: 4.5vw;
    font-weight: bolder;
    width: 30%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 10px rgba(249, 155, 178, 0.5);
} */

/* .contact-card-group-sp > .contact-card > div {
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
} */
/********************************

	校舎別ボタン_はじまり

********************************/
.slider-container > .slider-imgs > .card div {
    width: 70%;
    min-height: 66px;
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    color: #b8005a;
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .contact-card-group-sp > .contact-card > div::after {
    content: '';
    background-image: url('../img/ae1f2d6ff97.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: -3px;
} */

.slider-container > .slider-imgs > .card::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    position: relative;
    right: 5%;
}
@media screen and (max-width: 767px) {
    .slider-container > .slider-imgs > .card div {
        font-size: 16px;
        width: 100%;
        min-height: 40px;
    }
}
/********************************

	校舎別ボタン_おわり

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

/** dance genre section for pc **/
/* .dance-genre-title {
    width: fit-content;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 0px;
}

.dance-genre-row {
    width: 90%;
    max-width: 750px;
    display: flex;
    justify-content: space-between;
    align-items: center;
} */
/********************************

	ダンスジャンル_はじまり

********************************/
.dance-genre-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    gap: 12px;
}


.dance-footer-img {
    max-width: 150px;
    width: 20%;
}
.dance-genre-card.sp {
    width: 45%;
    font-size: clamp(12px, 3vw, 20px);
}
/********************************

	ダンスジャンル_おわり

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

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

	ダンススタジオ_はじまり

********************************/
.studio-section {
    width: 100%;
    background-color: #fff;
    height: fit-content;
    clip-path: ellipse(200% 100% at 57% 100%);
}
.studio-bg {
    width: 100%;
    margin-top: -150px;
    height: fit-content;
    background-color: #ffbdce;
    position: relative;
}
.studio-bg::after {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #ffbdce;
    position: absolute;
    z-index: -1;
}
.studio-container {
    padding: 130px 0 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.studio-card {
    width: 60%;
    min-width: 320px;
    max-width: 576px;
    position: relative;
    padding-bottom: 20px;
}
.studio-card > img {
    border-radius: 20px;
}
.studio-swiper {
    padding-bottom: 20px !important;
}
.swiper-pagination.studio {
    bottom: 0 !important;
}
.swiper-pagination-bullet-active {
    background: #fff !important;
}
/********************************

	ダンススタジオ_おわり

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

.yellow-border-box-w100 {
    width: 100% !important;
    padding: 5px 0 !important;
}
@media screen and (max-width: 767px) {
    .yellow-border-box-w100 {
        width: auto !important;
    }
}
.dance-map-tit {
    font-size: 20px;
}
@media screen and (max-width: 767px) { 
    .dance-map-tit {
        font-size: 16px;
    }
}

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

	生徒さんの声_はじまり

********************************/
.student-say-video-check-container {
    padding: 0 0 60px 0 !important;
}
.student-say-video-check-section {
    position: relative;
}
.slide-text {
    font-size: 15px;
    font-weight: normal;
    color: #646464;
    line-height: 1.7;
    text-align: left;
}
.slide-title {
    color: #b8005a;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
    padding: 15px 0;
}
.dance-text-box {
    padding: 10px 15px 15px;
}
.st-swiper-back {
    background-color: #fef5f8;
    border-radius: 12px;
}
.dance-voice-genre {
    width: fit-content;
    padding: 5px 10px;
    border-top: 2px solid #b7a35c;
    border-bottom: 2px solid #b7a35c;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 auto;
}
.swiper-pagination {
    bottom: 150px !important;
}
.student-say-card-group-container {
    display: flex;
    align-items: stretch;
}
.swiper-button-prev,
.swiper-button-next {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    border: 1px solid #b89c5b !important; /* ゴールドの枠線 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    color: transparent !important;
    background: rgba(255, 255, 255, 0.8);
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}
.swiper-button-prev {
    left: 30px;
}

.swiper-button-prev::after {
    border-width: 9px 14px 9px 0;
    border-color: transparent #b89c5b transparent transparent;
    margin-right: 3px;
}

.swiper-button-next::after {
    border-width: 9px 0 9px 14px;
    border-color: transparent transparent transparent #b89c5b;
    margin-left: 3px;
}

@media (min-width: 768px) {
    


    .studio-swiper .swiper-wrapper {
        width: 600px;
    }
    .studio-swiper .swiper-slide {
       width: 600px !important;
       max-width: none !important;
    }
    #studio-btn-prev {
        left: calc((100vw - 600px) / 2 - 27px)!important;
        top: 65% !important;
    }
    #studio-btn-next {
        right: calc((100vw - 600px) / 2 - 27px)!important;
        top: 65% !important;
    }
}
@media (max-width: 767px) {
    .swiper-button-prev:after {
        border-width: 6px 9px 6px 0;
        border-color: transparent #b7a35c transparent transparent;
        left: 8px;
    }

    .swiper-button-next:after {
        border-width: 6px 0 6px 9px;
        border-color: transparent transparent transparent #b7a35c;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%; /* 丸くする */
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #b7a35c;
    }
    .swiper-button-prev:after, .swiper-button-next:after {
        content: '' !important;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        display: inline-block;
    }
    .slide-title {
        font-size: 1.1rem;
    }
    .slide-text {
        font-size: 14px;
    }
    .swiper-slide {
        width: 90% !important;
    }
    .kv-swiper .swiper-slide {
        width: 100% !important;
        background-color: transparent !important;
        display: flex;
        justify-content: center; /* 画像を中央に配置 */
        align-items: center;
        text-align: center;
    }
    .kv-swiper .swiper-slide img {
        border-radius: 12px;
        max-width: 100%; /* スライドの幅に対して最大100% */
        height: auto;
        object-fit: contain;
    }
    #studio-btn-prev {
        top: 70% !important;
    }
    #studio-btn-next {
        top: 70% !important;
    }
    .swiper-pagination {
        z-index: 1 !important;
    }

    
}
/********************************

	生徒さんの声_おわり

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

/********************************
	校舎アンカーリンク_はじまり
********************************/
.schools-card {
    max-width: 1000px;
    width: 90%;
    display: flex;
    gap: 30px;
}
.card {
    width: 30%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 4px 3px rgba(249, 155, 178, 0.4);
}
.card img {
    width: 25%;
}
.card div {
    width: 70%;
    height: 90%;
    min-height: 70px;
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    color: #b8005a;
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    position: relative;
    right: 5%;
}
@media screen and (max-width: 515px) {
    .schools-card {
        width: 100%;
        gap: 20px;
    }
    .card img {
        display: none;
    }
    .card div {
        width: 100%;
        justify-content: left;
        font-size: 16px;
        min-height: 53px;
        border-top: 1px solid #b8005a;
        border-bottom: 1px solid #b8005a;
    }
}

/********************************
	校舎アンカーリンク_おわり
********************************/


/********************************
	CPバナー_はじまり
********************************/
.slider-imgs {
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    position: relative;
}
.swiper-slide {
    max-width: calc((1000px - 50px) / 2);
    box-sizing: border-box;  
}
.kv-swiper {
    width: 100%;
    max-width: 1000px;
}

    @media (min-width: 769px) {
    .kv-swiper .swiper-wrapper {
        display: flex;
    }
    .kv-swiper .swiper-slide {
        flex-shrink: 0;
    }
    .kv-swiper .swiper-slide img {
        border-radius: 12px;
    }
}


.kv-bnr-swiper-button-prev, .kv-bnr-swiper-button-next {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #b7a35c;
}
.kv-bnr-swiper-button-prev.kv {
    top: calc(50% - 30px) !important;
    left: calc(max(0px, 5% - 2* 16px)) !important;
    position: absolute;
    z-index: 1;
}
.kv-bnr-swiper-button-next.kv {
    top: calc(50% - 30px) !important;
    right: calc(max(0px, 5% - 2* 16px)) !important;
    position: absolute;
    z-index: 1;
}
.kv-bnr-swiper-button-prev:after, .kv-bnr-swiper-button-next:after {
    content: '' !important;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}
.kv-bnr-swiper-button-prev:after {
    border-width: 6px 8px 6px 0;
    border-color: transparent #b7a35c transparent transparent;
    left: 7px;
    top: 7px;
}
.kv-bnr-swiper-button-next:after {
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #b7a35c;
    top: 7px;
    right: 8px;
}
.kv-swiper {
    position: relative;
    overflow: hidden
}
.kv-swiper .swiper-wrapper {
    display: flex;
    padding-bottom: 30px;
}
.swiper-slide {
    max-width: calc((1000px - 50px) / 1);  
}
.kv-swiper .swiper-slide {
    display: flex;
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center;
    text-align: center
}
    
.kv-swiper .swiper-slide img {
    width: 100%; /* 画像をスライド内いっぱいに表示 */
    height: auto;
    object-fit: contain; /* 画像の縦横比を維持 */
    object-position: center;
    border-radius: 12px;
    background-color: #fbbecd;
    }
.slider-container.pc {
    padding: 30px 10px 50px 10px !important;
    box-sizing: border-box;
}
.kv-swiper .swiper-slide {
    width: 100%;
    flex-shrink: 0; /* 縮小を防ぐ */
}
@media screen and (max-width: 767px) {
    .slider-container.pc {
        padding: 14px 10px 50px 10px !important;
    }
}
/********************************
    CPバナー_おわり
********************************/

/********************************
    Google口コミ_はじまり
********************************/
.review-block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #b8005a;
    font-size: 1.6vw;
    font-weight: bold;
}
.review-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    letter-spacing: 2px;
}
.review-score {
    position: relative;
    width: 100px;
    font-size: 57px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    top: -9px;
}

.review-score::before {
    position: absolute;
    content:"4.3";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: rgba(0,0,0,0);
    background-image: linear-gradient(170deg, #ffa2bc 45%, #b8005a 50%);
    -webkit-background-clip: text;
    text-shadow: none;
}
.left-fukidashi {
    height: 60px;
}
.right-fukidashi {
    height: 60px;
}
@media (max-width: 767px) {
    .review-score {
        font-size: 28px;
        width: 48px;
        top: -4px;
    }
    .review-title {
        font-size: 18px !important;
        font-weight: 700;
        letter-spacing: 0.5px;
        font-feature-settings: "palt";
        justify-content: flex-start;
    }
    .review-block img {
        margin-top: 20px;
    }
    .left-fukidashi {
        left: 0;
        position: relative;
    }
    .right-fukidashi {
        right: 0;
        position: relative;
    }
    .review-block {
        padding-top: 16px;
        line-height: 1.3;
        padding-bottom: 8px;
        gap: 0;
    }

}
/********************************
    Google口コミ_おわり
********************************/

/********************************
    3校口コミ_はじまり
********************************/
.review-wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0 20px;
    display: flex;
}

.review-wrapper .review-star {
    width: 100%;
    color: #ffde00;
    font-size: 17px;
}

.review-wrapper .swiper-button-next,
.review-wrapper .swiper-button-prev {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #b7a35c;
    top: 120px !important;
}
.review-wrapper .swiper-button-next {
    right: 33% !important;
}
.review-wrapper .swiper-button-prev {
    left: 33% !important;
}
.review-wrapper .swiper-button-prev:after {
    border-width: 6px 8px 6px 0;
    border-color: transparent #b7a35c transparent transparent;
    left: 7px;
    top: 7px;
    position: absolute;
    content: '' !important;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}
.review-wrapper .swiper-button-next:after {
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #b7a35c;
    top: 7px;
    right: 8px;
    position: absolute;
    content: '' !important;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .review-wrapper {
        width: calc(100% + 20px);
        margin: 0 -10px;
        padding: 24px 0 24px;
    }

    .review-slider .swiper-wrapper {
        padding: 0;
    }

    .review-wrapper .swiper-slide {
        min-width: 300px;
        width: 70vw;
        max-width: none;
    }

    .review-wrapper .review-card {
        max-width: 360px !important;
        width: 72vw !important;
    }
    .review-wrapper .swiper-button-next {
        right: 8% !important;
        top: 100px !important;
    }
    .review-wrapper .swiper-button-prev {
        left: 8% !important;
        top: 100px !important;
    }
}

.review-wrapper .review-card {
    border-radius: 10px;
    border: 2px solid #fcc2d1;
    background-color: #feeef3;
    width: 60vw;
    max-width: none;
    aspect-ratio: 8/5;
    min-height: 3.2em;
    display: flex !important;
    flex-shrink: 0;
    font-size: clamp(10px, 1.5vw, 14px);
    box-sizing: border-box;
}

.review-wrapper .review-card>img {
    width: 22%;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin-left: 5px;
}

.review-wrapper .review-content {
    width: 70%;
    padding: 10px;
    color: #646464;
    text-align: justify;
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
    font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
    .review-wrapper .review-content {
        padding: 30px 10px;
    }
}
.review-wrapper .review-content > a {
    display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 10px;
    left: -10px;
    font-size: 11px;
}
.review-wrapper .review-content > a > span {
    border-bottom: 1px solid #b8005a;
}
/********************************
    3校口コミ_おわり
********************************/

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

	よくある質問_はじまり

********************************/
.faq-section {
    position: relative;
    margin-top: 40px;
    z-index: 2;
}
.faq-section .bg-03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.accordion {
    width: 860px;
    flex-flow: column;
    display: flex;
    gap: 15px;

}
.accordion-content {
    display: none;
}
.accordion-header {
    background: repeating-linear-gradient(135deg, rgba(251, 205, 216, 0.6), rgba(251, 205, 216, 0.6) 4px, rgba(251, 222, 230, 0.6) 4px, rgba(251, 222, 230, 0.6) 7px);
    padding: 20px 45px 20px 30px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    font-weight: 500;
}

.accordion-header::before,
.accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#b8005a;
}
.accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
    background-color: #FFF;
    padding: 18px 20px 18px 30px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.accordion-content span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    line-height: 1.8;
}
.accordion-header h3,.accordion-content span{
    padding-left: 35px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
}

.accordion-header h3::before{
    position: absolute;
    content: "Q";
    top: -7px;
    left: 0;
    font-size: 22px;
    color: #b8005a;
    font-weight: 500;
}
.accordion-content span::before{
    position: absolute;
    content: "A";
    top: 0;
    left: 0;
    color: #b8005a;
    font-size: 22px;
    font-weight: 500;
}

  /* hover */
.accordion-header:hover {
    background-color: #F2F2F2;
}
.faq-link,.small-txt {
    padding-top: 20px;
}
.accordion-content a {
    text-decoration: underline;
}
.accordion-content a:hover {
    text-decoration: none;
}
.see_more_btn.faq-more-btn {
    width: fit-content;
    padding: 13px 50px 13px 30px;
}
.see_more_btn.faq-more-btn > span:nth-child(1):after {
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #b8005a;
    border-right: solid 2px #b8005a;
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 25px;
    margin-left: 0;
}
@media screen and (max-width: 767px) {
    .accordion {
        max-width: 100%;
        margin: 0 20px;
        width: auto;
    }
    .accordion-header h3::before {
        left: -26px;
        top: -5px;
    }
    .accordion-header h3, .accordion-content span {
        font-size: 14px;
        padding-left: 0.2em;
        text-indent: -0.2em;
    }
    .accordion-header::before, .accordion-header::after {
        right: 20px;
    }
    .accordion-header {
        padding: 15px 45px 15px 40px;
    }
    .accordion-content span::before {
        left: -26px;
    }
    .accordion-content {
        padding: 18px 20px 18px 40px;
    }
    .see_more_btn.faq-more-btn {
        width: fit-content;
        padding: 10px 40px 10px 20px;
    }
    .see_more_btn.faq-more-btn > span:nth-child(1):after {
        right: 18px;
    }
}

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

	よくある質問_おわり

********************************/
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * din-2014:
 *   - http://typekit.com/eulas/000000000000000077587a30
 *   - http://typekit.com/eulas/000000000000000077587a31
 *   - http://typekit.com/eulas/000000000000000077587a34
 *   - http://typekit.com/eulas/000000000000000077587a35
 * din-2014-narrow:
 *   - http://typekit.com/eulas/000000000000000077587a3a
 *   - http://typekit.com/eulas/000000000000000077587a3c
 *
 * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-06-19 03:19:46 UTC"}*/

/**/















.tk-din-2014 { font-family: "Zen Kaku Gothic New", sans-serif; }
.tk-din-2014-narrow { font-family: "M PLUS Rounded 1c", sans-serif; }

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */._sticker_r6uut_9{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}._animate__animated_r6uut_15{animation-duration:var(--animate-duration);animation-fill-mode:both}._animate__animated_r6uut_15._animate__infinite_r6uut_20{animation-iteration-count:infinite}._animate__animated_r6uut_15._animate__repeat-1_r6uut_24{animation-iteration-count:var(--animate-repeat)}._animate__animated_r6uut_15._animate__repeat-2_r6uut_28{animation-iteration-count:calc(var(--animate-repeat) * 2)}._animate__animated_r6uut_15._animate__repeat-3_r6uut_32{animation-iteration-count:calc(var(--animate-repeat) * 3)}._animate__animated_r6uut_15._animate__delay-1s_r6uut_36{animation-delay:var(--animate-delay)}._animate__animated_r6uut_15._animate__delay-2s_r6uut_40{animation-delay:calc(var(--animate-delay) * 2)}._animate__animated_r6uut_15._animate__delay-3s_r6uut_44{animation-delay:calc(var(--animate-delay) * 3)}._animate__animated_r6uut_15._animate__delay-4s_r6uut_48{animation-delay:calc(var(--animate-delay) * 4)}._animate__animated_r6uut_15._animate__delay-5s_r6uut_52{animation-delay:calc(var(--animate-delay) * 5)}._animate__animated_r6uut_15._animate__faster_r6uut_56{animation-duration:calc(var(--animate-duration) / 2)}._animate__animated_r6uut_15._animate__fast_r6uut_56{animation-duration:calc(var(--animate-duration) * .8)}._animate__animated_r6uut_15._animate__slow_r6uut_64{animation-duration:calc(var(--animate-duration) * 2)}._animate__animated_r6uut_15._animate__slower_r6uut_68{animation-duration:calc(var(--animate-duration) * 3)}@media print{._animate__animated_r6uut_15{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}._animate__animated_r6uut_15[class*=Out]{opacity:0}}@keyframes _bounce_r6uut_1{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}._animate__bounce_r6uut_116{animation-name:_bounce_r6uut_1;transform-origin:center bottom}@keyframes _flash_r6uut_1{0%,50%,to{opacity:1}25%,75%{opacity:0}}._animate__flash_r6uut_134{animation-name:_flash_r6uut_1}@keyframes _pulse_r6uut_1{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}._animate__pulse_r6uut_153{animation-name:_pulse_r6uut_1;animation-timing-function:ease-in-out}@keyframes _rubberBand_r6uut_1{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}._animate__rubberBand_r6uut_188{animation-name:_rubberBand_r6uut_1}@keyframes _shakeX_r6uut_1{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}._animate__shakeX_r6uut_214{animation-name:_shakeX_r6uut_1}@keyframes _shakeY_r6uut_1{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}._animate__shakeY_r6uut_240{animation-name:_shakeY_r6uut_1}@keyframes _headShake_r6uut_1{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}._animate__headShake_r6uut_270{animation-timing-function:ease-in-out;animation-name:_headShake_r6uut_1}@keyframes _swing_r6uut_1{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}._animate__swing_r6uut_297{transform-origin:top center;animation-name:_swing_r6uut_1}@keyframes _tada_r6uut_1{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}._animate__tada_r6uut_330{animation-name:_tada_r6uut_1}@keyframes _wobble_r6uut_1{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}._animate__wobble_r6uut_365{animation-name:_wobble_r6uut_1}@keyframes _jello_r6uut_1{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}._animate__jello_r6uut_405{animation-name:_jello_r6uut_1;transform-origin:center}@keyframes _heartBeat_r6uut_1{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}._animate__heartBeat_r6uut_432{animation-name:_heartBeat_r6uut_1;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes _backInDown_r6uut_1{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInDown_r6uut_456{animation-name:_backInDown_r6uut_1}@keyframes _backInLeft_r6uut_1{0%{transform:translate(-2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInLeft_r6uut_477{animation-name:_backInLeft_r6uut_1}@keyframes _backInRight_r6uut_1{0%{transform:translate(2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInRight_r6uut_498{animation-name:_backInRight_r6uut_1}@keyframes _backInUp_r6uut_1{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInUp_r6uut_519{animation-name:_backInUp_r6uut_1}@keyframes _bounceIn_r6uut_1{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._animate__bounceIn_r6uut_562{animation-duration:calc(var(--animate-duration) * .75);animation-name:_bounceIn_r6uut_1}@keyframes _bounceInDown_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}._animate__bounceInDown_r6uut_599{animation-name:_bounceInDown_r6uut_1}@keyframes _bounceInLeft_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}._animate__bounceInLeft_r6uut_635{animation-name:_bounceInLeft_r6uut_1}@keyframes _bounceInRight_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}._animate__bounceInRight_r6uut_671{animation-name:_bounceInRight_r6uut_1}@keyframes _bounceInUp_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}._animate__bounceInUp_r6uut_707{animation-name:_bounceInUp_r6uut_1}@keyframes _fadeIn_r6uut_1{0%{opacity:0}to{opacity:1}}._animate__fadeIn_r6uut_722{animation-name:_fadeIn_r6uut_1}@keyframes _fadeInDown_r6uut_1{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInDown_r6uut_738{animation-name:_fadeInDown_r6uut_1}@keyframes _fadeInDownBig_r6uut_1{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInDownBig_r6uut_754{animation-name:_fadeInDownBig_r6uut_1}@keyframes _fadeInLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInLeft_r6uut_770{animation-name:_fadeInLeft_r6uut_1}@keyframes _fadeInLeftBig_r6uut_1{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInLeftBig_r6uut_786{animation-name:_fadeInLeftBig_r6uut_1}@keyframes _fadeInRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInRight_r6uut_802{animation-name:_fadeInRight_r6uut_1}@keyframes _fadeInRightBig_r6uut_1{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInRightBig_r6uut_818{animation-name:_fadeInRightBig_r6uut_1}@keyframes _fadeInUp_r6uut_1{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInUp_r6uut_834{animation-name:_fadeInUp_r6uut_1}@keyframes _fadeInUpBig_r6uut_1{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInUpBig_r6uut_850{animation-name:_fadeInUpBig_r6uut_1}@keyframes _fadeInTopLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInTopLeft_r6uut_865{animation-name:_fadeInTopLeft_r6uut_1}@keyframes _fadeInTopRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInTopRight_r6uut_880{animation-name:_fadeInTopRight_r6uut_1}@keyframes _fadeInBottomLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInBottomLeft_r6uut_895{animation-name:_fadeInBottomLeft_r6uut_1}@keyframes _fadeInBottomRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInBottomRight_r6uut_910{animation-name:_fadeInBottomRight_r6uut_1}@keyframes _flip_r6uut_1{0%{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}._animate__animated_r6uut_15._animate__flip_r6uut_947{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:_flip_r6uut_1}@keyframes _flipInX_r6uut_1{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}._animate__flipInX_r6uut_979{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:_flipInX_r6uut_1}@keyframes _flipInY_r6uut_1{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}._animate__flipInY_r6uut_1011{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:_flipInY_r6uut_1}@keyframes _lightSpeedInRight_r6uut_1{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}._animate__lightSpeedInRight_r6uut_1038{animation-name:_lightSpeedInRight_r6uut_1;animation-timing-function:ease-out}@keyframes _lightSpeedInLeft_r6uut_1{0%{transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{transform:skew(-20deg);opacity:1}80%{transform:skew(5deg)}to{transform:translateZ(0)}}._animate__lightSpeedInLeft_r6uut_1063{animation-name:_lightSpeedInLeft_r6uut_1;animation-timing-function:ease-out}@keyframes _rotateIn_r6uut_1{0%{transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateIn_r6uut_1081{animation-name:_rotateIn_r6uut_1;transform-origin:center}@keyframes _rotateInDownLeft_r6uut_1{0%{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInDownLeft_r6uut_1098{animation-name:_rotateInDownLeft_r6uut_1;transform-origin:left bottom}@keyframes _rotateInDownRight_r6uut_1{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInDownRight_r6uut_1115{animation-name:_rotateInDownRight_r6uut_1;transform-origin:right bottom}@keyframes _rotateInUpLeft_r6uut_1{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInUpLeft_r6uut_1132{animation-name:_rotateInUpLeft_r6uut_1;transform-origin:left bottom}@keyframes _rotateInUpRight_r6uut_1{0%{transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInUpRight_r6uut_1149{animation-name:_rotateInUpRight_r6uut_1;transform-origin:right bottom}@keyframes _hinge_r6uut_1{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}._animate__hinge_r6uut_1179{animation-duration:calc(var(--animate-duration) * 2);animation-name:_hinge_r6uut_1;transform-origin:top left}@keyframes _jackInTheBox_r6uut_1{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}._animate__jackInTheBox_r6uut_1206{animation-name:_jackInTheBox_r6uut_1}@keyframes _rollIn_r6uut_1{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translateZ(0)}}._animate__rollIn_r6uut_1223{animation-name:_rollIn_r6uut_1}@keyframes _zoomIn_r6uut_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}._animate__zoomIn_r6uut_1239{animation-name:_zoomIn_r6uut_1}@keyframes _zoomInDown_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInDown_r6uut_1257{animation-name:_zoomInDown_r6uut_1}@keyframes _zoomInLeft_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInLeft_r6uut_1275{animation-name:_zoomInLeft_r6uut_1}@keyframes _zoomInRight_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInRight_r6uut_1293{animation-name:_zoomInRight_r6uut_1}@keyframes _zoomInUp_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInUp_r6uut_1311{animation-name:_zoomInUp_r6uut_1}@keyframes _slideInDown_r6uut_1{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInDown_r6uut_1328{animation-name:_slideInDown_r6uut_1}@keyframes _slideInLeft_r6uut_1{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInLeft_r6uut_1343{animation-name:_slideInLeft_r6uut_1}@keyframes _slideInRight_r6uut_1{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInRight_r6uut_1358{animation-name:_slideInRight_r6uut_1}@keyframes _slideInUp_r6uut_1{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInUp_r6uut_1373{animation-name:_slideInUp_r6uut_1}

  /********************************
	フローティングバナー_はじまり
********************************/
  .floatingBanner {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    width: 100%;
  }
  .floatingBanner_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
  }
  .floatingBanner_inner p img {
    width: 20px;
    height: auto;
    margin: 0 3px 0 2px;
  }
  .floatingBanner_img {
    display: block;
    transition: 0.3s;
    background-color: #feee37;
    padding: 0px 10px;
    border-radius: 10px;
  }
  .floatingBanner_img:hover {
    opacity: 0.8;
  }
  .sticky-footer a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #feee37; /* 黄色背景 */
    width: 90%; /* スマホでの幅 */
    margin: 0 auto; /* 中央寄せ */
    padding: 14px 0 3px;
    border-radius: 12px; /* 丸み */
    text-decoration: none;
    position: relative;
    overflow: hidden; 
    box-shadow: 0 4px 0 #e6c518, 0 5px 10px rgba(0,0,0,0.2);
  }
  .cta-button:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #e6c518;
  }
  .shine-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    animation: shine-move 5s infinite ease-in-out;
  }
  @keyframes shine-move {
    0% { left: -100%; }
    20% { left: 150%; }
    100% { left: 150%; }
  }
 
  .top-free-bnr:hover {
    opacity: 0.9;
    filter: brightness(105%);
  }
  .cta-container {
    position: fixed;
    bottom: -100px;
    right: 0px;
    width: 100%;
    z-index: 1000;
    transition: bottom 0.5s ease-out, opacity 0.5s ease-out;
    /* ★重要：ここを visible にしないと吹き出しが切れます */
    overflow: visible !important;
    }
  .cta-container.show {
    bottom: 0px;
    opacity: 1;
    background-color: #b8005a; /* ピンク背景 */
  }

  .bubble-message {
    position: absolute;
    top: -12px; /* ★ボタンの上に配置（数値調整してください） */
    right: 0;
    left: 0;
    max-width: 100%;
    text-align: center;
    z-index: 1002; /* ボタンより手前 */
    pointer-events: none; /* 吹き出しが邪魔でボタン押せないのを防ぐ */
    }
  .bubble-message img {
    width: 50%; /* 画像サイズ調整 */
    height: auto;
    vertical-align: bottom; /* 下の隙間消し */
    }
    .beginner-icon {
      max-width: 6%;
    }
  .beginner-icon img {
    width: 100%;
  }
  .arrow-icon img {
    width: 55%;
  }
  .button-text {
    max-width: 50%;
    width: auto;
  }
  .button-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 12px;
  }
  .sp-cta-wrapper {
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .floatingBanner {
      width: 100%;
      right: 0;
      bottom: 0;
    }
  }

  @media screen and (max-width: 768px) {
    .floatingBanner_inner {
      width: 100%;
      padding: 0;
    }
    .button-content {
      gap: 7px;
    }
    .sticky-footer a {
      gap: 10px;
    }
    .cta-container {
      width: 100%;
      left: 0;
      transform: none;
    }
    .cta-container.show {
      bottom: 0px;
      right: 0;
      z-index: 1000;
    }
    .floatingBanner_inner p {
      display: none;
    }
    .cta-button {
      width: 80%;
      margin: 20px auto 10px;
      padding: 14px 0 7px;

    }
    .beginner-icon img {
      width: 80%;
    }
    .bubble-message {
      max-width: 100%;
      left: 0;
      top: 10px;
    }
    .bubble-message img {
      width: 55%;
    }
    .beginner-icon {
      max-width: 7%;
    }
    .beginner-icon img {
      width: 100%;
    }
    .button-text {
      max-width: 65%;
      text-align: center;
    }
    .button-text img {
      width: 100%;
    }
    .arrow-icon {
      max-width: 7%;
    }
    .arrow-icon img {
      width: 100%;
    }
    .sp-cta-wrapper {
      position: relative; /* 吹き出しの配置基準 */
      width: 100%;
      max-width: 500px; /* ボタンが大きくなりすぎないように */
      display: flex;     /* 以下、中央揃え用 */
      flex-direction: column;
      align-items: center;
      padding-bottom: 10px; /* ボタン下の余白 */
    }
  }
  
  /********************************
	フローティングバナー_おわり
********************************/

:where([data-cl-s~="s9"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s9"]) .contents-title{
    width: fit-content;
    padding: 70px 20px 0;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s9"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s9"]) .text-container{
    width: 95%;
    max-width: 1000px;
    margin: 0 auto 50px;
    text-align: center;
}
:where([data-cl-s~="s9"]) .privacy-container{
    width: 100%;
    max-width: 900px;
    margin: 0 auto 70px;
    background-color: #fff;
    border-radius: 20px;
    padding: 0 30px 30px;
}
:where([data-cl-s~="s9"]) .privacy-item{
    padding: 30px 0 0;
}
:where([data-cl-s~="s9"]) .privacy-item-title{
    font-size: 1.4em;
    font-weight: bold;
    color: #b8005a;
    padding-bottom: 20px;
}
:where([data-cl-s~="s9"]) .privacy-item-title p{
    padding-left: 15px;
    position: relative;
}
:where([data-cl-s~="s9"]) .privacy-item-title p::before{
    content: "";
    width: 6px;
    height: 70%;
    background-color: #b8005a;
    position: absolute;
    top: 15%;
    left: 0;
}
:where([data-cl-s~="s9"]) .items-text{
    line-height: 1.8;
}
:where([data-cl-s~="s9"]) ul.items-text.pb{
    padding-bottom: 20px;
}
:where([data-cl-s~="s9"]) .items-text dd{
    padding-bottom: 20px;
}
:where([data-cl-s~="s9"]) .privacy-item-detail ul{
    margin: 20px 0 0;
    padding-left: 1.4em;
}
:where([data-cl-s~="s9"]) .privacy-item-detail a:link{
    color: #000;
}
:where([data-cl-s~="s9"]) .info-table{
    margin: 20px 0 0;
    border-top: 2px solid #b8005a;
    border-left: 2px solid #b8005a;
    border-spacing: 0;
    color: #010101;
}
:where([data-cl-s~="s9"]) .info-table td{
  padding: 10px 30px; 
  border-right: 2px solid #b8005a;
  border-bottom: 2px solid #b8005a; 
}
:where([data-cl-s~="s9"]) .bg-pink{
    background-color: #fef5f8;
}
:where([data-cl-s~="s9"]) .update-date{
    font-size: 90%;
    padding-top: 30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s9"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s9"]) .contents-title{
        font-size: 16px;
        gap: 5px;
        padding: 60px 20px 0;
    }
:where([data-cl-s~="s9"]) .text-container{
        width: 86%;
        margin: 0 auto 40px;
        text-align: justify;
        font-size: 14px;
    }
:where([data-cl-s~="s9"]) .privacy-container{
        width: 86%;
        margin: 0 auto 40px;
        padding: 0 15px 20px;
        border-radius: 10px;
    }
:where([data-cl-s~="s9"]) .privacy-item{
        padding: 20px 0 0;
    }
:where([data-cl-s~="s9"]) .privacy-item-title{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s9"]) .items-text{
        font-size: 14px;
        text-align: justify;
    }
:where([data-cl-s~="s9"]) .privacy-item-detail ul{
        padding-left: 14px;
    }
:where([data-cl-s~="s9"]) .info-table{
        width: 100%;
        margin: 20px auto 0;
        border-top: 1px solid #b8005a;
        border-left: 1px solid #b8005a;
        font-size: 12px;
        
    }
:where([data-cl-s~="s9"]) .info-table td{
      padding: 10px 8px; 
      border-right: 1px solid #b8005a;
      border-bottom: 1px solid #b8005a; 
    }
:where([data-cl-s~="s9"]) .update-date{
        padding-top: 20px;
        font-size: 12px;
    }}
:where([data-cl-s~="s10"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s10"]) .contents-title{
    width: fit-content;
    padding: 70px 20px 0;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s10"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s10"]) .text-container{
    width: 95%;
    max-width: 1000px;
    margin: 0 auto 50px;
    text-align: center;
}
:where([data-cl-s~="s10"]) .rule-container{
    width: 100%;
    max-width: 900px;
    margin: 0 auto 70px;
    background-color: #fff;
    border-radius: 20px;
    padding: 0 30px 30px;
}
:where([data-cl-s~="s10"]) .rule-item{
    padding: 30px 0 0;
}
:where([data-cl-s~="s10"]) .rule-item-title{
    font-size: 1.4em;
    font-weight: bold;
    color: #b8005a;
    padding-bottom: 20px;
}
:where([data-cl-s~="s10"]) .rule-item-title p{
    padding-left: 15px;
    position: relative;
}
:where([data-cl-s~="s10"]) .rule-item-title p::before{
    content: "";
    width: 6px;
    height: 70%;
    background-color: #b8005a;
    position: absolute;
    top: 15%;
    left: 0;
}
:where([data-cl-s~="s10"]) .items-text{
    line-height: 1.8;
}
:where([data-cl-s~="s10"]) ul.items-text.pb{
    padding-bottom: 20px;
}
:where([data-cl-s~="s10"]) .items-text dd{
    padding-bottom: 20px;
}
:where([data-cl-s~="s10"]) .rule-item-detail ul{
    padding-left: 1.4em;
}
:where([data-cl-s~="s10"]) .rule-item-detail a:link{
    color: #000;
}
:where([data-cl-s~="s10"]) .info-table{
    margin: 20px 0 0;
    border-top: 2px solid #b8005a;
    border-left: 2px solid #b8005a;
    border-spacing: 0;
    color: #010101;
}
:where([data-cl-s~="s10"]) .info-table td{
  padding: 10px 30px; 
  border-right: 2px solid #b8005a;
  border-bottom: 2px solid #b8005a; 
}
:where([data-cl-s~="s10"]) .bg-pink{
    background-color: #fef5f8;
}
:where([data-cl-s~="s10"]) .update-date{
    font-size: 90%;
    padding-top: 30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s10"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s10"]) .contents-title{
        font-size: 16px;
        gap: 5px;
        padding: 60px 20px 0;
    }
:where([data-cl-s~="s10"]) .text-container{
        width: 86%;
        margin: 0 auto 40px;
        text-align: justify;
        font-size: 14px;
    }
:where([data-cl-s~="s10"]) .rule-container{
        width: 86%;
        margin: 0 auto 40px;
        padding: 0 15px 20px;
        border-radius: 10px;
    }
:where([data-cl-s~="s10"]) .rule-item{
        padding: 20px 0 0;
    }
:where([data-cl-s~="s10"]) .rule-item-title{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s10"]) .items-text{
        font-size: 14px;
        text-align: justify;
    }
:where([data-cl-s~="s10"]) .rule-item-detail ul{
        padding-left: 14px;
    }
:where([data-cl-s~="s10"]) .info-table{
        width: 100%;
        margin: 20px auto 0;
        border-top: 1px solid #b8005a;
        border-left: 1px solid #b8005a;
        font-size: 12px;
        
    }
:where([data-cl-s~="s10"]) .info-table td{
      padding: 10px 8px; 
      border-right: 1px solid #b8005a;
      border-bottom: 1px solid #b8005a; 
    }
:where([data-cl-s~="s10"]) .update-date{
        padding-top: 20px;
        font-size: 12px;
    }}


html {
  overflow-y: scroll;
  font-size: 10px;
  
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
:where([data-cl-s~="s11"]) body, :where([data-cl-s~="s11"]) div, :where([data-cl-s~="s11"]) dl, :where([data-cl-s~="s11"]) dt, :where([data-cl-s~="s11"]) dd, :where([data-cl-s~="s11"]) ul, :where([data-cl-s~="s11"]) ol, :where([data-cl-s~="s11"]) li, :where([data-cl-s~="s11"]) h1, :where([data-cl-s~="s11"]) h2, :where([data-cl-s~="s11"]) h3, :where([data-cl-s~="s11"]) h4, :where([data-cl-s~="s11"]) h5, :where([data-cl-s~="s11"]) h6, :where([data-cl-s~="s11"]) pre, :where([data-cl-s~="s11"]) code, :where([data-cl-s~="s11"]) form, :where([data-cl-s~="s11"]) fieldset, :where([data-cl-s~="s11"]) legend, :where([data-cl-s~="s11"]) input, :where([data-cl-s~="s11"]) textarea, :where([data-cl-s~="s11"]) p, :where([data-cl-s~="s11"]) blockquote, :where([data-cl-s~="s11"]) th, :where([data-cl-s~="s11"]) td{
  margin: 0;
  padding: 0;
}
:where([data-cl-s~="s11"]) *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:where([data-cl-s~="s11"]) main{
  display: block;
}
:where([data-cl-s~="s11"]) table{
  border-collapse: collapse;
  border-spacing: 0;
}
:where([data-cl-s~="s11"]) fieldset, :where([data-cl-s~="s11"]) img{
  border: 0;
}
:where([data-cl-s~="s11"]) img{
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}
:where([data-cl-s~="s11"]) address, :where([data-cl-s~="s11"]) caption, :where([data-cl-s~="s11"]) cite, :where([data-cl-s~="s11"]) code, :where([data-cl-s~="s11"]) dfn, :where([data-cl-s~="s11"]) em, :where([data-cl-s~="s11"]) th, :where([data-cl-s~="s11"]) var{
  font-style: normal;
  font-weight: normal;
}
:where([data-cl-s~="s11"]) strong{
  font-weight: bold;
}
:where([data-cl-s~="s11"]) ul li{
  list-style: none;
}
:where([data-cl-s~="s11"]) ol{
  counter-reset: number;
}
:where([data-cl-s~="s11"]) ol li{
  display: list-item;
}
:where([data-cl-s~="s11"]) ol li:before{
  counter-increment: number;
  content: counter(number) ". ";
}
:where([data-cl-s~="s11"]) caption, :where([data-cl-s~="s11"]) th{
  text-align: left;
}
:where([data-cl-s~="s11"]) h1, :where([data-cl-s~="s11"]) h2, :where([data-cl-s~="s11"]) h3, :where([data-cl-s~="s11"]) h4, :where([data-cl-s~="s11"]) h5, :where([data-cl-s~="s11"]) h6{
  font-size: 100%;
  font-weight: normal;
}
:where([data-cl-s~="s11"]) q:before, :where([data-cl-s~="s11"]) q:after{
  content: '';
}
:where([data-cl-s~="s11"]) abbr, :where([data-cl-s~="s11"]) acronym{
  border: 0;
  font-variant: normal;
}
:where([data-cl-s~="s11"]) sup{
  vertical-align: text-top;
}
:where([data-cl-s~="s11"]) sub{
  vertical-align: text-bottom;
}
:where([data-cl-s~="s11"]) input, :where([data-cl-s~="s11"]) textarea, :where([data-cl-s~="s11"]) select{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
:where([data-cl-s~="s11"]) a{
  text-decoration: none;
}
:where([data-cl-s~="s11"]) input, :where([data-cl-s~="s11"]) textarea, :where([data-cl-s~="s11"]) select{
  *font-size: 100%;
}
:where([data-cl-s~="s11"]) legend{
  color: #000;
}
:where([data-cl-s~="s11"]) del, :where([data-cl-s~="s11"]) ins{
  text-decoration: none;
}
:where([data-cl-s~="s11"]) .scrollnone{
  overflow-x: visible;
}
:where([data-cl-s~="s11"]) #contents{
    text-align: left;
    max-width: 1040px;
    margin: 0 auto 50px;
}
:where([data-cl-s~="s11"]) #contents-in{
    padding: 90px 15px 15px 15px;
}
:where([data-cl-s~="s11"]) .clearfix{
    min-height: 1px;
}





@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-0{
margin-top: 0 !important;
  }
:where([data-cl-s~="s11"]) .mlpc-0{
  margin-left: 0 !important;
}
:where([data-cl-s~="s11"]) .mrpc-0{
  margin-right: 0 !important;
}
:where([data-cl-s~="s11"]) .mbpc-0{
  margin-bottom: 0 !important;
}
:where([data-cl-s~="s11"]) .ptpc-0{
  padding-top: 0 !important;
}
:where([data-cl-s~="s11"]) .pbpc-0{
  padding-bottom: 0 !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-0{
  margin-top: 0 !important;
}
:where([data-cl-s~="s11"]) .mbsp-0{
  margin-bottom: 0 !important;
}
:where([data-cl-s~="s11"]) .ptsp-0{
  padding-top: 0 !important;
}
:where([data-cl-s~="s11"]) .pbsp-0{
  padding-bottom: 0 !important;
}
:where([data-cl-s~="s11"]) .plsp-0{
  padding-left: 0 !important;
}
:where([data-cl-s~="s11"]) .prsp-0{
  padding-right: 0 !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-1{
  margin-top: 1px !important;
}
:where([data-cl-s~="s11"]) .mlpc-1{
  margin-left: 1px !important;
}
:where([data-cl-s~="s11"]) .mrpc-1{
  margin-right: 1px !important;
}
:where([data-cl-s~="s11"]) .mbpc-1{
  margin-bottom: 1px !important;
}
:where([data-cl-s~="s11"]) .ptpc-1{
  padding-top: 1px !important;
}
:where([data-cl-s~="s11"]) .pbpc-1{
  padding-bottom: 1px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-1{
  margin-top: 1px !important;
}
:where([data-cl-s~="s11"]) .mbsp-1{
  margin-bottom: 1px !important;
}
:where([data-cl-s~="s11"]) .ptsp-1{
  padding-top: 1px !important;
}
:where([data-cl-s~="s11"]) .pbsp-1{
  padding-bottom: 1px !important;
}
:where([data-cl-s~="s11"]) .plsp-1{
  padding-left: 1px !important;
}
:where([data-cl-s~="s11"]) .prsp-1{
  padding-right: 1px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-2{
  margin-top: 2px !important;
}
:where([data-cl-s~="s11"]) .mlpc-2{
  margin-left: 2px !important;
}
:where([data-cl-s~="s11"]) .mrpc-2{
  margin-right: 2px !important;
}
:where([data-cl-s~="s11"]) .mbpc-2{
  margin-bottom: 2px !important;
}
:where([data-cl-s~="s11"]) .ptpc-2{
  padding-top: 2px !important;
}
:where([data-cl-s~="s11"]) .pbpc-2{
  padding-bottom: 2px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-2{
  margin-top: 2px !important;
}
:where([data-cl-s~="s11"]) .mbsp-2{
  margin-bottom: 2px !important;
}
:where([data-cl-s~="s11"]) .ptsp-2{
  padding-top: 2px !important;
}
:where([data-cl-s~="s11"]) .pbsp-2{
  padding-bottom: 2px !important;
}
:where([data-cl-s~="s11"]) .plsp-2{
  padding-left: 2px !important;
}
:where([data-cl-s~="s11"]) .prsp-2{
  padding-right: 2px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-3{
  margin-top: 3px !important;
}
:where([data-cl-s~="s11"]) .mlpc-3{
  margin-left: 3px !important;
}
:where([data-cl-s~="s11"]) .mrpc-3{
  margin-right: 3px !important;
}
:where([data-cl-s~="s11"]) .mbpc-3{
  margin-bottom: 3px !important;
}
:where([data-cl-s~="s11"]) .ptpc-3{
  padding-top: 3px !important;
}
:where([data-cl-s~="s11"]) .pbpc-3{
  padding-bottom: 3px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-3{
  margin-top: 3px !important;
}
:where([data-cl-s~="s11"]) .mbsp-3{
  margin-bottom: 3px !important;
}
:where([data-cl-s~="s11"]) .ptsp-3{
  padding-top: 3px !important;
}
:where([data-cl-s~="s11"]) .pbsp-3{
  padding-bottom: 3px !important;
}
:where([data-cl-s~="s11"]) .plsp-3{
  padding-left: 3px !important;
}
:where([data-cl-s~="s11"]) .prsp-3{
  padding-right: 3px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-4{
  margin-top: 4px !important;
}
:where([data-cl-s~="s11"]) .mlpc-4{
  margin-left: 4px !important;
}
:where([data-cl-s~="s11"]) .mrpc-4{
  margin-right: 4px !important;
}
:where([data-cl-s~="s11"]) .mbpc-4{
  margin-bottom: 4px !important;
}
:where([data-cl-s~="s11"]) .ptpc-4{
  padding-top: 4px !important;
}
:where([data-cl-s~="s11"]) .pbpc-4{
  padding-bottom: 4px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-4{
  margin-top: 4px !important;
}
:where([data-cl-s~="s11"]) .mbsp-4{
  margin-bottom: 4px !important;
}
:where([data-cl-s~="s11"]) .ptsp-4{
  padding-top: 4px !important;
}
:where([data-cl-s~="s11"]) .pbsp-4{
  padding-bottom: 4px !important;
}
:where([data-cl-s~="s11"]) .plsp-4{
  padding-left: 4px !important;
}
:where([data-cl-s~="s11"]) .prsp-4{
  padding-right: 4px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-5{
  margin-top: 5px !important;
}
:where([data-cl-s~="s11"]) .mlpc-5{
  margin-left: 5px !important;
}
:where([data-cl-s~="s11"]) .mrpc-5{
  margin-right: 5px !important;
}
:where([data-cl-s~="s11"]) .mbpc-5{
  margin-bottom: 5px !important;
}
:where([data-cl-s~="s11"]) .ptpc-5{
  padding-top: 5px !important;
}
:where([data-cl-s~="s11"]) .pbpc-5{
  padding-bottom: 5px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-5{
  margin-top: 5px !important;
}
:where([data-cl-s~="s11"]) .mbsp-5{
  margin-bottom: 5px !important;
}
:where([data-cl-s~="s11"]) .ptsp-5{
  padding-top: 5px !important;
}
:where([data-cl-s~="s11"]) .pbsp-5{
  padding-bottom: 5px !important;
}
:where([data-cl-s~="s11"]) .plsp-5{
  padding-left: 5px !important;
}
:where([data-cl-s~="s11"]) .prsp-5{
  padding-right: 5px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-6{
  margin-top: 6px !important;
}
:where([data-cl-s~="s11"]) .mlpc-6{
  margin-left: 6px !important;
}
:where([data-cl-s~="s11"]) .mrpc-6{
  margin-right: 6px !important;
}
:where([data-cl-s~="s11"]) .mbpc-6{
  margin-bottom: 6px !important;
}
:where([data-cl-s~="s11"]) .ptpc-6{
  padding-top: 6px !important;
}
:where([data-cl-s~="s11"]) .pbpc-6{
  padding-bottom: 6px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-6{
  margin-top: 6px !important;
}
:where([data-cl-s~="s11"]) .mbsp-6{
  margin-bottom: 6px !important;
}
:where([data-cl-s~="s11"]) .ptsp-6{
  padding-top: 6px !important;
}
:where([data-cl-s~="s11"]) .pbsp-6{
  padding-bottom: 6px !important;
}
:where([data-cl-s~="s11"]) .plsp-6{
  padding-left: 6px !important;
}
:where([data-cl-s~="s11"]) .prsp-6{
  padding-right: 6px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-7{
  margin-top: 7px !important;
}
:where([data-cl-s~="s11"]) .mlpc-7{
  margin-left: 7px !important;
}
:where([data-cl-s~="s11"]) .mrpc-7{
  margin-right: 7px !important;
}
:where([data-cl-s~="s11"]) .mbpc-7{
  margin-bottom: 7px !important;
}
:where([data-cl-s~="s11"]) .ptpc-7{
  padding-top: 7px !important;
}
:where([data-cl-s~="s11"]) .pbpc-7{
  padding-bottom: 7px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-7{
  margin-top: 7px !important;
}
:where([data-cl-s~="s11"]) .mbsp-7{
  margin-bottom: 7px !important;
}
:where([data-cl-s~="s11"]) .ptsp-7{
  padding-top: 7px !important;
}
:where([data-cl-s~="s11"]) .pbsp-7{
  padding-bottom: 7px !important;
}
:where([data-cl-s~="s11"]) .plsp-7{
  padding-left: 7px !important;
}
:where([data-cl-s~="s11"]) .prsp-7{
  padding-right: 7px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-8{
  margin-top: 8px !important;
}
:where([data-cl-s~="s11"]) .mlpc-8{
  margin-left: 8px !important;
}
:where([data-cl-s~="s11"]) .mrpc-8{
  margin-right: 8px !important;
}
:where([data-cl-s~="s11"]) .mbpc-8{
  margin-bottom: 8px !important;
}
:where([data-cl-s~="s11"]) .ptpc-8{
  padding-top: 8px !important;
}
:where([data-cl-s~="s11"]) .pbpc-8{
  padding-bottom: 8px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-8{
  margin-top: 8px !important;
}
:where([data-cl-s~="s11"]) .mbsp-8{
  margin-bottom: 8px !important;
}
:where([data-cl-s~="s11"]) .mlsp-8{
  margin-left: 8px;
}
:where([data-cl-s~="s11"]) .mrsp-8{
  margin-right: 8px;
}
:where([data-cl-s~="s11"]) .ptsp-8{
  padding-top: 8px !important;
}
:where([data-cl-s~="s11"]) .pbsp-8{
  padding-bottom: 8px !important;
}
:where([data-cl-s~="s11"]) .plsp-8{
  padding-left: 8px !important;
}
:where([data-cl-s~="s11"]) .prsp-8{
  padding-right: 8px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-9{
  margin-top: 9px !important;
}
:where([data-cl-s~="s11"]) .mlpc-9{
  margin-left: 9px !important;
}
:where([data-cl-s~="s11"]) .mrpc-9{
  margin-right: 9px !important;
}
:where([data-cl-s~="s11"]) .mbpc-9{
  margin-bottom: 9px !important;
}
:where([data-cl-s~="s11"]) .ptpc-9{
  padding-top: 9px !important;
}
:where([data-cl-s~="s11"]) .pbpc-9{
  padding-bottom: 9px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-9{
  margin-top: 9px !important;
}
:where([data-cl-s~="s11"]) .mbsp-9{
  margin-bottom: 9px !important;
}
:where([data-cl-s~="s11"]) .ptsp-9{
  padding-top: 9px !important;
}
:where([data-cl-s~="s11"]) .pbsp-9{
  padding-bottom: 9px !important;
}
:where([data-cl-s~="s11"]) .plsp-9{
  padding-left: 9px !important;
}
:where([data-cl-s~="s11"]) .prsp-9{
  padding-right: 9px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-10{
  margin-top: 10px !important;
}
:where([data-cl-s~="s11"]) .mlpc-10{
  margin-left: 10px !important;
}
:where([data-cl-s~="s11"]) .mrpc-10{
  margin-right: 10px !important;
}
:where([data-cl-s~="s11"]) .mbpc-10{
  margin-bottom: 10px !important;
}
:where([data-cl-s~="s11"]) .ptpc-10{
  padding-top: 10px !important;
}
:where([data-cl-s~="s11"]) .pbpc-10{
  padding-bottom: 10px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-10{
  margin-top: 10px !important;
}
:where([data-cl-s~="s11"]) .mbsp-10{
  margin-bottom: 10px !important;
}
:where([data-cl-s~="s11"]) .ptsp-10{
  padding-top: 10px !important;
}
:where([data-cl-s~="s11"]) .pbsp-10{
  padding-bottom: 10px !important;
}
:where([data-cl-s~="s11"]) .plsp-10{
  padding-left: 10px !important;
}
:where([data-cl-s~="s11"]) .prsp-10{
  padding-right: 10px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-11{
margin-top: 11px !important;
}
:where([data-cl-s~="s11"]) .mlpc-11{
margin-left: 11px !important;
}
:where([data-cl-s~="s11"]) .mrpc-11{
margin-right: 11px !important;
}
:where([data-cl-s~="s11"]) .mbpc-11{
margin-bottom: 11px !important;
}
:where([data-cl-s~="s11"]) .ptpc-11{
padding-top: 11px !important;
}
:where([data-cl-s~="s11"]) .pbpc-11{
padding-bottom: 11px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-11{
  margin-top: 11px !important;
}
:where([data-cl-s~="s11"]) .mbsp-11{
  margin-bottom: 11px !important;
}
:where([data-cl-s~="s11"]) .ptsp-11{
  padding-top: 11px !important;
}
:where([data-cl-s~="s11"]) .pbsp-11{
  padding-bottom: 11px !important;
}
:where([data-cl-s~="s11"]) .plsp-11{
  padding-left: 11px !important;
}
:where([data-cl-s~="s11"]) .prsp-11{
  padding-right: 11px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-12{
  margin-top: 12px !important;
}
:where([data-cl-s~="s11"]) .mlpc-12{
  margin-left: 12px !important;
}
:where([data-cl-s~="s11"]) .mrpc-12{
  margin-right: 12px !important;
}
:where([data-cl-s~="s11"]) .mbpc-12{
  margin-bottom: 12px !important;
}
:where([data-cl-s~="s11"]) .ptpc-12{
  padding-top: 12px !important;
}
:where([data-cl-s~="s11"]) .pbpc-12{
  padding-bottom: 12px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-12{
  margin-top: 12px !important;
}
:where([data-cl-s~="s11"]) .mbsp-12{
  margin-bottom: 12px !important;
}
:where([data-cl-s~="s11"]) .ptsp-12{
  padding-top: 12px !important;
}
:where([data-cl-s~="s11"]) .pbsp-12{
  padding-bottom: 12px !important;
}
:where([data-cl-s~="s11"]) .plsp-12{
  padding-left: 12px !important;
}
:where([data-cl-s~="s11"]) .prsp-12{
  padding-right: 12px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-13{
  margin-top: 13px !important;
}
:where([data-cl-s~="s11"]) .mlpc-13{
  margin-left: 13px !important;
}
:where([data-cl-s~="s11"]) .mrpc-13{
  margin-right: 13px !important;
}
:where([data-cl-s~="s11"]) .mbpc-13{
  margin-bottom: 13px !important;
}
:where([data-cl-s~="s11"]) .ptpc-13{
  padding-top: 13px !important;
}
:where([data-cl-s~="s11"]) .pbpc-13{
  padding-bottom: 13px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-13{
  margin-top: 13px !important;
}
:where([data-cl-s~="s11"]) .mbsp-13{
  margin-bottom: 13px !important;
}
:where([data-cl-s~="s11"]) .ptsp-13{
  padding-top: 13px !important;
}
:where([data-cl-s~="s11"]) .pbsp-13{
  padding-bottom: 13px !important;
}
:where([data-cl-s~="s11"]) .plsp-13{
  padding-left: 13px !important;
}
:where([data-cl-s~="s11"]) .prsp-13{
  padding-right: 13px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-14{
  margin-top: 14px !important;
}
:where([data-cl-s~="s11"]) .mlpc-14{
  margin-left: 14px !important;
}
:where([data-cl-s~="s11"]) .mrpc-14{
  margin-right: 14px !important;
}
:where([data-cl-s~="s11"]) .mbpc-14{
  margin-bottom: 14px !important;
}
:where([data-cl-s~="s11"]) .ptpc-14{
  padding-top: 14px !important;
}
:where([data-cl-s~="s11"]) .pbpc-14{
  padding-bottom: 14px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-14{
  margin-top: 14px !important;
}
:where([data-cl-s~="s11"]) .mbsp-14{
  margin-bottom: 14px !important;
}
:where([data-cl-s~="s11"]) .ptsp-14{
  padding-top: 14px !important;
}
:where([data-cl-s~="s11"]) .pbsp-14{
  padding-bottom: 14px !important;
}
:where([data-cl-s~="s11"]) .plsp-14{
  padding-left: 14px !important;
}
:where([data-cl-s~="s11"]) .prsp-14{
  padding-right: 14px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-15{
  margin-top: 15px !important;
}
:where([data-cl-s~="s11"]) .mlpc-15{
  margin-left: 15px !important;
}
:where([data-cl-s~="s11"]) .mrpc-15{
  margin-right: 15px !important;
}
:where([data-cl-s~="s11"]) .mbpc-15{
  margin-bottom: 15px !important;
}
:where([data-cl-s~="s11"]) .ptpc-15{
  padding-top: 15px !important;
}
:where([data-cl-s~="s11"]) .pbpc-15{
  padding-bottom: 15px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-15{
  margin-top: 15px !important;
}
:where([data-cl-s~="s11"]) .mbsp-15{
  margin-bottom: 15px !important;
}
:where([data-cl-s~="s11"]) .ptsp-15{
  padding-top: 15px !important;
}
:where([data-cl-s~="s11"]) .pbsp-15{
  padding-bottom: 15px !important;
}
:where([data-cl-s~="s11"]) .plsp-15{
  padding-left: 15px !important;
}
:where([data-cl-s~="s11"]) .prsp-15{
  padding-right: 15px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-16{
  margin-top: 16px !important;
}
:where([data-cl-s~="s11"]) .mlpc-16{
  margin-left: 16px !important;
}
:where([data-cl-s~="s11"]) .mrpc-16{
  margin-right: 16px !important;
}
:where([data-cl-s~="s11"]) .mbpc-16{
  margin-bottom: 16px !important;
}
:where([data-cl-s~="s11"]) .ptpc-16{
  padding-top: 16px !important;
}
:where([data-cl-s~="s11"]) .pbpc-16{
  padding-bottom: 16px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-16{
  margin-top: 16px !important;
}
:where([data-cl-s~="s11"]) .mbsp-16{
  margin-bottom: 16px !important;
}
:where([data-cl-s~="s11"]) .ptsp-16{
  padding-top: 16px !important;
}
:where([data-cl-s~="s11"]) .pbsp-16{
  padding-bottom: 16px !important;
}
:where([data-cl-s~="s11"]) .plsp-16{
  padding-left: 16px !important;
}
:where([data-cl-s~="s11"]) .prsp-16{
  padding-right: 16px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-17{
  margin-top: 17px !important;
}
:where([data-cl-s~="s11"]) .mlpc-17{
  margin-left: 17px !important;
}
:where([data-cl-s~="s11"]) .mrpc-17{
  margin-right: 17px !important;
}
:where([data-cl-s~="s11"]) .mbpc-17{
  margin-bottom: 17px !important;
}
:where([data-cl-s~="s11"]) .ptpc-17{
  padding-top: 17px !important;
}
:where([data-cl-s~="s11"]) .pbpc-17{
  padding-bottom: 17px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-17{
  margin-top: 17px !important;
}
:where([data-cl-s~="s11"]) .mbsp-17{
  margin-bottom: 17px !important;
}
:where([data-cl-s~="s11"]) .ptsp-17{
  padding-top: 17px !important;
}
:where([data-cl-s~="s11"]) .pbsp-17{
  padding-bottom: 17px !important;
}
:where([data-cl-s~="s11"]) .plsp-17{
  padding-left: 17px !important;
}
:where([data-cl-s~="s11"]) .prsp-17{
  padding-right: 17px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-18{
  margin-top: 18px !important;
}
:where([data-cl-s~="s11"]) .mlpc-18{
  margin-left: 18px !important;
}
:where([data-cl-s~="s11"]) .mrpc-18{
  margin-right: 18px !important;
}
:where([data-cl-s~="s11"]) .mbpc-18{
  margin-bottom: 18px !important;
}
:where([data-cl-s~="s11"]) .ptpc-18{
  padding-top: 18px !important;
}
:where([data-cl-s~="s11"]) .pbpc-18{
  padding-bottom: 18px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-18{
  margin-top: 18px !important;
}
:where([data-cl-s~="s11"]) .mbsp-18{
  margin-bottom: 18px !important;
}
:where([data-cl-s~="s11"]) .ptsp-18{
  padding-top: 18px !important;
}
:where([data-cl-s~="s11"]) .pbsp-18{
  padding-bottom: 18px !important;
}
:where([data-cl-s~="s11"]) .plsp-18{
  padding-left: 18px !important;
}
:where([data-cl-s~="s11"]) .prsp-18{
  padding-right: 18px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-19{
  margin-top: 19px !important;
}
:where([data-cl-s~="s11"]) .mlpc-19{
  margin-left: 19px !important;
}
:where([data-cl-s~="s11"]) .mrpc-19{
  margin-right: 19px !important;
}
:where([data-cl-s~="s11"]) .mbpc-19{
  margin-bottom: 19px !important;
}
:where([data-cl-s~="s11"]) .ptpc-19{
  padding-top: 19px !important;
}
:where([data-cl-s~="s11"]) .pbpc-19{
  padding-bottom: 19px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-19{
  margin-top: 19px !important;
}
:where([data-cl-s~="s11"]) .mbsp-19{
  margin-bottom: 19px !important;
}
:where([data-cl-s~="s11"]) .ptsp-19{
  padding-top: 19px !important;
}
:where([data-cl-s~="s11"]) .pbsp-19{
  padding-bottom: 19px !important;
}
:where([data-cl-s~="s11"]) .plsp-19{
  padding-left: 19px !important;
}
:where([data-cl-s~="s11"]) .prsp-19{
  padding-right: 19px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-20{
  margin-top: 20px !important;
}
:where([data-cl-s~="s11"]) .mlpc-20{
  margin-left: 20px !important;
}
:where([data-cl-s~="s11"]) .mrpc-20{
  margin-right: 20px !important;
}
:where([data-cl-s~="s11"]) .mbpc-20{
  margin-bottom: 20px !important;
}
:where([data-cl-s~="s11"]) .ptpc-20{
  padding-top: 20px !important;
}
:where([data-cl-s~="s11"]) .pbpc-20{
  padding-bottom: 20px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-20{
  margin-top: 20px !important;
}
:where([data-cl-s~="s11"]) .mbsp-20{
  margin-bottom: 20px !important;
}
:where([data-cl-s~="s11"]) .ptsp-20{
  padding-top: 20px !important;
}
:where([data-cl-s~="s11"]) .pbsp-20{
  padding-bottom: 20px !important;
}
:where([data-cl-s~="s11"]) .plsp-20{
  padding-left: 20px !important;
}
:where([data-cl-s~="s11"]) .prsp-20{
  padding-right: 20px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-21{
  margin-top: 21px !important;
}
:where([data-cl-s~="s11"]) .mlpc-21{
  margin-left: 21px !important;
}
:where([data-cl-s~="s11"]) .mrpc-21{
  margin-right: 21px !important;
}
:where([data-cl-s~="s11"]) .mbpc-21{
  margin-bottom: 21px !important;
}
:where([data-cl-s~="s11"]) .ptpc-21{
  padding-top: 21px !important;
}
:where([data-cl-s~="s11"]) .pbpc-21{
  padding-bottom: 21px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-21{
  margin-top: 21px !important;
}
:where([data-cl-s~="s11"]) .mbsp-21{
  margin-bottom: 21px !important;
}
:where([data-cl-s~="s11"]) .ptsp-21{
  padding-top: 21px !important;
}
:where([data-cl-s~="s11"]) .pbsp-21{
  padding-bottom: 21px !important;
}
:where([data-cl-s~="s11"]) .plsp-21{
  padding-left: 21px !important;
}
:where([data-cl-s~="s11"]) .prsp-21{
  padding-right: 21px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-22{
  margin-top: 22px !important;
}
:where([data-cl-s~="s11"]) .mlpc-22{
  margin-left: 22px !important;
}
:where([data-cl-s~="s11"]) .mrpc-22{
  margin-right: 22px !important;
}
:where([data-cl-s~="s11"]) .mbpc-22{
  margin-bottom: 22px !important;
}
:where([data-cl-s~="s11"]) .ptpc-22{
  padding-top: 22px !important;
}
:where([data-cl-s~="s11"]) .pbpc-22{
  padding-bottom: 22px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-22{
  margin-top: 22px !important;
}
:where([data-cl-s~="s11"]) .mbsp-22{
  margin-bottom: 22px !important;
}
:where([data-cl-s~="s11"]) .ptsp-22{
  padding-top: 22px !important;
}
:where([data-cl-s~="s11"]) .pbsp-22{
  padding-bottom: 22px !important;
}
:where([data-cl-s~="s11"]) .plsp-22{
  padding-left: 22px !important;
}
:where([data-cl-s~="s11"]) .prsp-22{
  padding-right: 22px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-23{
  margin-top: 23px !important;
}
:where([data-cl-s~="s11"]) .mlpc-23{
  margin-left: 23px !important;
}
:where([data-cl-s~="s11"]) .mrpc-23{
  margin-right: 23px !important;
}
:where([data-cl-s~="s11"]) .mbpc-23{
  margin-bottom: 23px !important;
}
:where([data-cl-s~="s11"]) .ptpc-23{
  padding-top: 23px !important;
}
:where([data-cl-s~="s11"]) .pbpc-23{
  padding-bottom: 23px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-23{
  margin-top: 23px !important;
}
:where([data-cl-s~="s11"]) .mbsp-23{
  margin-bottom: 23px !important;
}
:where([data-cl-s~="s11"]) .ptsp-23{
  padding-top: 23px !important;
}
:where([data-cl-s~="s11"]) .pbsp-23{
  padding-bottom: 23px !important;
}
:where([data-cl-s~="s11"]) .plsp-23{
  padding-left: 23px !important;
}
:where([data-cl-s~="s11"]) .prsp-23{
  padding-right: 23px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-24{
  margin-top: 24px !important;
}
:where([data-cl-s~="s11"]) .mlpc-24{
  margin-left: 24px !important;
}
:where([data-cl-s~="s11"]) .mrpc-24{
  margin-right: 24px !important;
}
:where([data-cl-s~="s11"]) .mbpc-24{
  margin-bottom: 24px !important;
}
:where([data-cl-s~="s11"]) .ptpc-24{
  padding-top: 24px !important;
}
:where([data-cl-s~="s11"]) .pbpc-24{
  padding-bottom: 24px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-24{
  margin-top: 24px !important;
}
:where([data-cl-s~="s11"]) .mbsp-24{
  margin-bottom: 24px !important;
}
:where([data-cl-s~="s11"]) .ptsp-24{
  padding-top: 24px !important;
}
:where([data-cl-s~="s11"]) .pbsp-24{
  padding-bottom: 24px !important;
}
:where([data-cl-s~="s11"]) .plsp-24{
  padding-left: 24px !important;
}
:where([data-cl-s~="s11"]) .prsp-24{
  padding-right: 24px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-25{
  margin-top: 25px !important;
}
:where([data-cl-s~="s11"]) .mlpc-25{
  margin-left: 25px !important;
}
:where([data-cl-s~="s11"]) .mrpc-25{
  margin-right: 25px !important;
}
:where([data-cl-s~="s11"]) .mbpc-25{
  margin-bottom: 25px !important;
}
:where([data-cl-s~="s11"]) .ptpc-25{
  padding-top: 25px !important;
}
:where([data-cl-s~="s11"]) .pbpc-25{
  padding-bottom: 25px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-25{
  margin-top: 25px !important;
}
:where([data-cl-s~="s11"]) .mbsp-25{
  margin-bottom: 25px !important;
}
:where([data-cl-s~="s11"]) .ptsp-25{
  padding-top: 25px !important;
}
:where([data-cl-s~="s11"]) .pbsp-25{
  padding-bottom: 25px !important;
}
:where([data-cl-s~="s11"]) .plsp-25{
  padding-left: 25px !important;
}
:where([data-cl-s~="s11"]) .prsp-25{
  padding-right: 25px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-26{
  margin-top: 26px !important;
}
:where([data-cl-s~="s11"]) .mlpc-26{
  margin-left: 26px !important;
}
:where([data-cl-s~="s11"]) .mrpc-26{
  margin-right: 26px !important;
}
:where([data-cl-s~="s11"]) .mbpc-26{
  margin-bottom: 26px !important;
}
:where([data-cl-s~="s11"]) .ptpc-26{
  padding-top: 26px !important;
}
:where([data-cl-s~="s11"]) .pbpc-26{
  padding-bottom: 26px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-26{
  margin-top: 26px !important;
}
:where([data-cl-s~="s11"]) .mbsp-26{
  margin-bottom: 26px !important;
}
:where([data-cl-s~="s11"]) .ptsp-26{
  padding-top: 26px !important;
}
:where([data-cl-s~="s11"]) .pbsp-26{
  padding-bottom: 26px !important;
}
:where([data-cl-s~="s11"]) .plsp-26{
  padding-left: 26px !important;
}
:where([data-cl-s~="s11"]) .prsp-26{
  padding-right: 26px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-27{
  margin-top: 27px !important;
}
:where([data-cl-s~="s11"]) .mlpc-27{
  margin-left: 27px !important;
}
:where([data-cl-s~="s11"]) .mrpc-27{
  margin-right: 27px !important;
}
:where([data-cl-s~="s11"]) .mbpc-27{
  margin-bottom: 27px !important;
}
:where([data-cl-s~="s11"]) .ptpc-27{
  padding-top: 27px !important;
}
:where([data-cl-s~="s11"]) .pbpc-27{
  padding-bottom: 27px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-27{
  margin-top: 27px !important;
}
:where([data-cl-s~="s11"]) .mbsp-27{
  margin-bottom: 27px !important;
}
:where([data-cl-s~="s11"]) .ptsp-27{
  padding-top: 27px !important;
}
:where([data-cl-s~="s11"]) .pbsp-27{
  padding-bottom: 27px !important;
}
:where([data-cl-s~="s11"]) .plsp-27{
  padding-left: 27px !important;
}
:where([data-cl-s~="s11"]) .prsp-27{
  padding-right: 27px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-28{
  margin-top: 28px !important;
}
:where([data-cl-s~="s11"]) .mlpc-28{
  margin-left: 28px !important;
}
:where([data-cl-s~="s11"]) .mrpc-28{
  margin-right: 28px !important;
}
:where([data-cl-s~="s11"]) .mbpc-28{
  margin-bottom: 28px !important;
}
:where([data-cl-s~="s11"]) .ptpc-28{
  padding-top: 28px !important;
}
:where([data-cl-s~="s11"]) .pbpc-28{
  padding-bottom: 28px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-28{
  margin-top: 28px !important;
}
:where([data-cl-s~="s11"]) .mbsp-28{
  margin-bottom: 28px !important;
}
:where([data-cl-s~="s11"]) .ptsp-28{
  padding-top: 28px !important;
}
:where([data-cl-s~="s11"]) .pbsp-28{
  padding-bottom: 28px !important;
}
:where([data-cl-s~="s11"]) .plsp-28{
  padding-left: 28px !important;
}
:where([data-cl-s~="s11"]) .prsp-28{
  padding-right: 28px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-29{
  margin-top: 29px !important;
}
:where([data-cl-s~="s11"]) .mlpc-29{
  margin-left: 29px !important;
}
:where([data-cl-s~="s11"]) .mrpc-29{
  margin-right: 29px !important;
}
:where([data-cl-s~="s11"]) .mbpc-29{
  margin-bottom: 29px !important;
}
:where([data-cl-s~="s11"]) .ptpc-29{
  padding-top: 29px !important;
}
:where([data-cl-s~="s11"]) .pbpc-29{
  padding-bottom: 29px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-29{
  margin-top: 29px !important;
}
:where([data-cl-s~="s11"]) .mbsp-29{
  margin-bottom: 29px !important;
}
:where([data-cl-s~="s11"]) .ptsp-29{
  padding-top: 29px !important;
}
:where([data-cl-s~="s11"]) .pbsp-29{
  padding-bottom: 29px !important;
}
:where([data-cl-s~="s11"]) .plsp-29{
  padding-left: 29px !important;
}
:where([data-cl-s~="s11"]) .prsp-29{
  padding-right: 29px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-30{
  margin-top: 30px !important;
}
:where([data-cl-s~="s11"]) .mlpc-30{
  margin-left: 30px !important;
}
:where([data-cl-s~="s11"]) .mrpc-30{
  margin-right: 30px !important;
}
:where([data-cl-s~="s11"]) .mbpc-30{
  margin-bottom: 30px !important;
}
:where([data-cl-s~="s11"]) .ptpc-30{
  padding-top: 30px !important;
}
:where([data-cl-s~="s11"]) .pbpc-30{
  padding-bottom: 30px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-30{
  margin-top: 30px !important;
}
:where([data-cl-s~="s11"]) .mbsp-30{
  margin-bottom: 30px !important;
}
:where([data-cl-s~="s11"]) .ptsp-30{
  padding-top: 30px !important;
}
:where([data-cl-s~="s11"]) .pbsp-30{
  padding-bottom: 30px !important;
}
:where([data-cl-s~="s11"]) .plsp-30{
  padding-left: 30px !important;
}
:where([data-cl-s~="s11"]) .prsp-30{
  padding-right: 30px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-31{
  margin-top: 31px !important;
}
:where([data-cl-s~="s11"]) .mlpc-31{
  margin-left: 31px !important;
}
:where([data-cl-s~="s11"]) .mrpc-31{
  margin-right: 31px !important;
}
:where([data-cl-s~="s11"]) .mbpc-31{
  margin-bottom: 31px !important;
}
:where([data-cl-s~="s11"]) .ptpc-31{
  padding-top: 31px !important;
}
:where([data-cl-s~="s11"]) .pbpc-31{
  padding-bottom: 31px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-31{
  margin-top: 31px !important;
}
:where([data-cl-s~="s11"]) .mbsp-31{
  margin-bottom: 31px !important;
}
:where([data-cl-s~="s11"]) .ptsp-31{
  padding-top: 31px !important;
}
:where([data-cl-s~="s11"]) .pbsp-31{
  padding-bottom: 31px !important;
}
:where([data-cl-s~="s11"]) .plsp-31{
  padding-left: 31px !important;
}
:where([data-cl-s~="s11"]) .prsp-31{
  padding-right: 31px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-32{
  margin-top: 32px !important;
}
:where([data-cl-s~="s11"]) .mlpc-32{
  margin-left: 32px !important;
}
:where([data-cl-s~="s11"]) .mrpc-32{
  margin-right: 32px !important;
}
:where([data-cl-s~="s11"]) .mbpc-32{
  margin-bottom: 32px !important;
}
:where([data-cl-s~="s11"]) .ptpc-32{
  padding-top: 32px !important;
}
:where([data-cl-s~="s11"]) .pbpc-32{
  padding-bottom: 32px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-32{
  margin-top: 32px !important;
}
:where([data-cl-s~="s11"]) .mbsp-32{
  margin-bottom: 32px !important;
}
:where([data-cl-s~="s11"]) .ptsp-32{
  padding-top: 32px !important;
}
:where([data-cl-s~="s11"]) .pbsp-32{
  padding-bottom: 32px !important;
}
:where([data-cl-s~="s11"]) .plsp-32{
  padding-left: 32px !important;
}
:where([data-cl-s~="s11"]) .prsp-32{
  padding-right: 32px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-33{
  margin-top: 33px !important;
}
:where([data-cl-s~="s11"]) .mlpc-33{
  margin-left: 33px !important;
}
:where([data-cl-s~="s11"]) .mrpc-33{
  margin-right: 33px !important;
}
:where([data-cl-s~="s11"]) .mbpc-33{
  margin-bottom: 33px !important;
}
:where([data-cl-s~="s11"]) .ptpc-33{
  padding-top: 33px !important;
}
:where([data-cl-s~="s11"]) .pbpc-33{
  padding-bottom: 33px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-33{
  margin-top: 33px !important;
}
:where([data-cl-s~="s11"]) .mbsp-33{
  margin-bottom: 33px !important;
}
:where([data-cl-s~="s11"]) .ptsp-33{
  padding-top: 33px !important;
}
:where([data-cl-s~="s11"]) .pbsp-33{
  padding-bottom: 33px !important;
}
:where([data-cl-s~="s11"]) .plsp-33{
  padding-left: 33px !important;
}
:where([data-cl-s~="s11"]) .prsp-33{
  padding-right: 33px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-34{
  margin-top: 34px !important;
}
:where([data-cl-s~="s11"]) .mlpc-34{
  margin-left: 34px !important;
}
:where([data-cl-s~="s11"]) .mrpc-34{
  margin-right: 34px !important;
}
:where([data-cl-s~="s11"]) .mbpc-34{
  margin-bottom: 34px !important;
}
:where([data-cl-s~="s11"]) .ptpc-34{
  padding-top: 34px !important;
}
:where([data-cl-s~="s11"]) .pbpc-34{
  padding-bottom: 34px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-34{
  margin-top: 34px !important;
}
:where([data-cl-s~="s11"]) .mbsp-34{
  margin-bottom: 34px !important;
}
:where([data-cl-s~="s11"]) .ptsp-34{
  padding-top: 34px !important;
}
:where([data-cl-s~="s11"]) .pbsp-34{
  padding-bottom: 34px !important;
}
:where([data-cl-s~="s11"]) .plsp-34{
  padding-left: 34px !important;
}
:where([data-cl-s~="s11"]) .prsp-34{
  padding-right: 34px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-35{
  margin-top: 35px !important;
}
:where([data-cl-s~="s11"]) .mlpc-35{
  margin-left: 35px !important;
}
:where([data-cl-s~="s11"]) .mrpc-35{
  margin-right: 35px !important;
}
:where([data-cl-s~="s11"]) .mbpc-35{
  margin-bottom: 35px !important;
}
:where([data-cl-s~="s11"]) .ptpc-35{
  padding-top: 35px !important;
}
:where([data-cl-s~="s11"]) .pbpc-35{
  padding-bottom: 35px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-35{
  margin-top: 35px !important;
}
:where([data-cl-s~="s11"]) .mbsp-35{
  margin-bottom: 35px !important;
}
:where([data-cl-s~="s11"]) .ptsp-35{
  padding-top: 35px !important;
}
:where([data-cl-s~="s11"]) .pbsp-35{
  padding-bottom: 35px !important;
}
:where([data-cl-s~="s11"]) .plsp-35{
  padding-left: 35px !important;
}
:where([data-cl-s~="s11"]) .prsp-35{
  padding-right: 35px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-36{
  margin-top: 36px !important;
}
:where([data-cl-s~="s11"]) .mlpc-36{
  margin-left: 36px !important;
}
:where([data-cl-s~="s11"]) .mrpc-36{
  margin-right: 36px !important;
}
:where([data-cl-s~="s11"]) .mbpc-36{
  margin-bottom: 36px !important;
}
:where([data-cl-s~="s11"]) .ptpc-36{
  padding-top: 36px !important;
}
:where([data-cl-s~="s11"]) .pbpc-36{
  padding-bottom: 36px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-36{
  margin-top: 36px !important;
}
:where([data-cl-s~="s11"]) .mbsp-36{
  margin-bottom: 36px !important;
}
:where([data-cl-s~="s11"]) .ptsp-36{
  padding-top: 36px !important;
}
:where([data-cl-s~="s11"]) .pbsp-36{
  padding-bottom: 36px !important;
}
:where([data-cl-s~="s11"]) .plsp-36{
  padding-left: 36px !important;
}
:where([data-cl-s~="s11"]) .prsp-36{
  padding-right: 36px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-37{
  margin-top: 37px !important;
}
:where([data-cl-s~="s11"]) .mlpc-37{
  margin-left: 37px !important;
}
:where([data-cl-s~="s11"]) .mrpc-37{
  margin-right: 37px !important;
}
:where([data-cl-s~="s11"]) .mbpc-37{
  margin-bottom: 37px !important;
}
:where([data-cl-s~="s11"]) .ptpc-37{
  padding-top: 37px !important;
}
:where([data-cl-s~="s11"]) .pbpc-37{
  padding-bottom: 37px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-37{
  margin-top: 37px !important;
}
:where([data-cl-s~="s11"]) .mbsp-37{
  margin-bottom: 37px !important;
}
:where([data-cl-s~="s11"]) .ptsp-37{
  padding-top: 37px !important;
}
:where([data-cl-s~="s11"]) .pbsp-37{
  padding-bottom: 37px !important;
}
:where([data-cl-s~="s11"]) .plsp-37{
  padding-left: 37px !important;
}
:where([data-cl-s~="s11"]) .prsp-37{
  padding-right: 37px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-38{
  margin-top: 38px !important;
}
:where([data-cl-s~="s11"]) .mlpc-38{
  margin-left: 38px !important;
}
:where([data-cl-s~="s11"]) .mrpc-38{
  margin-right: 38px !important;
}
:where([data-cl-s~="s11"]) .mbpc-38{
  margin-bottom: 38px !important;
}
:where([data-cl-s~="s11"]) .ptpc-38{
  padding-top: 38px !important;
}
:where([data-cl-s~="s11"]) .pbpc-38{
  padding-bottom: 38px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-38{
  margin-top: 38px !important;
}
:where([data-cl-s~="s11"]) .mbsp-38{
  margin-bottom: 38px !important;
}
:where([data-cl-s~="s11"]) .ptsp-38{
  padding-top: 38px !important;
}
:where([data-cl-s~="s11"]) .pbsp-38{
  padding-bottom: 38px !important;
}
:where([data-cl-s~="s11"]) .plsp-38{
  padding-left: 38px !important;
}
:where([data-cl-s~="s11"]) .prsp-38{
  padding-right: 38px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-39{
  margin-top: 39px !important;
}
:where([data-cl-s~="s11"]) .mlpc-39{
  margin-left: 39px !important;
}
:where([data-cl-s~="s11"]) .mrpc-39{
  margin-right: 39px !important;
}
:where([data-cl-s~="s11"]) .mbpc-39{
  margin-bottom: 39px !important;
}
:where([data-cl-s~="s11"]) .ptpc-39{
  padding-top: 39px !important;
}
:where([data-cl-s~="s11"]) .pbpc-39{
  padding-bottom: 39px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-39{
  margin-top: 39px !important;
}
:where([data-cl-s~="s11"]) .mbsp-39{
  margin-bottom: 39px !important;
}
:where([data-cl-s~="s11"]) .ptsp-39{
  padding-top: 39px !important;
}
:where([data-cl-s~="s11"]) .pbsp-39{
  padding-bottom: 39px !important;
}
:where([data-cl-s~="s11"]) .plsp-39{
  padding-left: 39px !important;
}
:where([data-cl-s~="s11"]) .prsp-39{
  padding-right: 39px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-40{
  margin-top: 40px !important;
}
:where([data-cl-s~="s11"]) .mlpc-40{
  margin-left: 40px !important;
}
:where([data-cl-s~="s11"]) .mrpc-40{
  margin-right: 40px !important;
}
:where([data-cl-s~="s11"]) .mbpc-40{
  margin-bottom: 40px !important;
}
:where([data-cl-s~="s11"]) .ptpc-40{
  padding-top: 40px !important;
}
:where([data-cl-s~="s11"]) .pbpc-40{
  padding-bottom: 40px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-40{
  margin-top: 40px !important;
}
:where([data-cl-s~="s11"]) .mbsp-40{
  margin-bottom: 40px !important;
}
:where([data-cl-s~="s11"]) .ptsp-40{
  padding-top: 40px !important;
}
:where([data-cl-s~="s11"]) .pbsp-40{
  padding-bottom: 40px !important;
}
:where([data-cl-s~="s11"]) .plsp-40{
  padding-left: 40px !important;
}
:where([data-cl-s~="s11"]) .prsp-40{
  padding-right: 40px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-41{
  margin-top: 41px !important;
}
:where([data-cl-s~="s11"]) .mlpc-41{
  margin-left: 41px !important;
}
:where([data-cl-s~="s11"]) .mrpc-41{
  margin-right: 41px !important;
}
:where([data-cl-s~="s11"]) .mbpc-41{
  margin-bottom: 41px !important;
}
:where([data-cl-s~="s11"]) .ptpc-41{
  padding-top: 41px !important;
}
:where([data-cl-s~="s11"]) .pbpc-41{
  padding-bottom: 41px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-41{
  margin-top: 41px !important;
}
:where([data-cl-s~="s11"]) .mbsp-41{
  margin-bottom: 41px !important;
}
:where([data-cl-s~="s11"]) .ptsp-41{
  padding-top: 41px !important;
}
:where([data-cl-s~="s11"]) .pbsp-41{
  padding-bottom: 41px !important;
}
:where([data-cl-s~="s11"]) .plsp-41{
  padding-left: 41px !important;
}
:where([data-cl-s~="s11"]) .prsp-41{
  padding-right: 41px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-42{
  margin-top: 42px !important;
}
:where([data-cl-s~="s11"]) .mlpc-42{
  margin-left: 42px !important;
}
:where([data-cl-s~="s11"]) .mrpc-42{
  margin-right: 42px !important;
}
:where([data-cl-s~="s11"]) .mbpc-42{
  margin-bottom: 42px !important;
}
:where([data-cl-s~="s11"]) .ptpc-42{
  padding-top: 42px !important;
}
:where([data-cl-s~="s11"]) .pbpc-42{
  padding-bottom: 42px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-42{
  margin-top: 42px !important;
}
:where([data-cl-s~="s11"]) .mbsp-42{
  margin-bottom: 42px !important;
}
:where([data-cl-s~="s11"]) .ptsp-42{
  padding-top: 42px !important;
}
:where([data-cl-s~="s11"]) .pbsp-42{
  padding-bottom: 42px !important;
}
:where([data-cl-s~="s11"]) .plsp-42{
  padding-left: 42px !important;
}
:where([data-cl-s~="s11"]) .prsp-42{
  padding-right: 42px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-43{
  margin-top: 43px !important;
}
:where([data-cl-s~="s11"]) .mlpc-43{
  margin-left: 43px !important;
}
:where([data-cl-s~="s11"]) .mrpc-43{
  margin-right: 43px !important;
}
:where([data-cl-s~="s11"]) .mbpc-43{
  margin-bottom: 43px !important;
}
:where([data-cl-s~="s11"]) .ptpc-43{
  padding-top: 43px !important;
}
:where([data-cl-s~="s11"]) .pbpc-43{
  padding-bottom: 43px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-43{
  margin-top: 43px !important;
}
:where([data-cl-s~="s11"]) .mbsp-43{
  margin-bottom: 43px !important;
}
:where([data-cl-s~="s11"]) .ptsp-43{
  padding-top: 43px !important;
}
:where([data-cl-s~="s11"]) .pbsp-43{
  padding-bottom: 43px !important;
}
:where([data-cl-s~="s11"]) .plsp-43{
  padding-left: 43px !important;
}
:where([data-cl-s~="s11"]) .prsp-43{
  padding-right: 43px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-44{
  margin-top: 44px !important;
}
:where([data-cl-s~="s11"]) .mlpc-44{
  margin-left: 44px !important;
}
:where([data-cl-s~="s11"]) .mrpc-44{
  margin-right: 44px !important;
}
:where([data-cl-s~="s11"]) .mbpc-44{
  margin-bottom: 44px !important;
}
:where([data-cl-s~="s11"]) .ptpc-44{
  padding-top: 44px !important;
}
:where([data-cl-s~="s11"]) .pbpc-44{
  padding-bottom: 44px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-44{
  margin-top: 44px !important;
}
:where([data-cl-s~="s11"]) .mbsp-44{
  margin-bottom: 44px !important;
}
:where([data-cl-s~="s11"]) .ptsp-44{
  padding-top: 44px !important;
}
:where([data-cl-s~="s11"]) .pbsp-44{
  padding-bottom: 44px !important;
}
:where([data-cl-s~="s11"]) .plsp-44{
  padding-left: 44px !important;
}
:where([data-cl-s~="s11"]) .prsp-44{
  padding-right: 44px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-45{
  margin-top: 45px !important;
}
:where([data-cl-s~="s11"]) .mlpc-45{
  margin-left: 45px !important;
}
:where([data-cl-s~="s11"]) .mrpc-45{
  margin-right: 45px !important;
}
:where([data-cl-s~="s11"]) .mbpc-45{
  margin-bottom: 45px !important;
}
:where([data-cl-s~="s11"]) .ptpc-45{
  padding-top: 45px !important;
}
:where([data-cl-s~="s11"]) .pbpc-45{
  padding-bottom: 45px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-45{
  margin-top: 45px !important;
}
:where([data-cl-s~="s11"]) .mbsp-45{
  margin-bottom: 45px !important;
}
:where([data-cl-s~="s11"]) .ptsp-45{
  padding-top: 45px !important;
}
:where([data-cl-s~="s11"]) .pbsp-45{
  padding-bottom: 45px !important;
}
:where([data-cl-s~="s11"]) .plsp-45{
  padding-left: 45px !important;
}
:where([data-cl-s~="s11"]) .prsp-45{
  padding-right: 45px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-46{
  margin-top: 46px !important;
}
:where([data-cl-s~="s11"]) .mlpc-46{
  margin-left: 46px !important;
}
:where([data-cl-s~="s11"]) .mrpc-46{
  margin-right: 46px !important;
}
:where([data-cl-s~="s11"]) .mbpc-46{
  margin-bottom: 46px !important;
}
:where([data-cl-s~="s11"]) .ptpc-46{
  padding-top: 46px !important;
}
:where([data-cl-s~="s11"]) .pbpc-46{
  padding-bottom: 46px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-46{
  margin-top: 46px !important;
}
:where([data-cl-s~="s11"]) .mbsp-46{
  margin-bottom: 46px !important;
}
:where([data-cl-s~="s11"]) .ptsp-46{
  padding-top: 46px !important;
}
:where([data-cl-s~="s11"]) .pbsp-46{
  padding-bottom: 46px !important;
}
:where([data-cl-s~="s11"]) .plsp-46{
  padding-left: 46px !important;
}
:where([data-cl-s~="s11"]) .prsp-46{
  padding-right: 46px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-47{
  margin-top: 47px !important;
}
:where([data-cl-s~="s11"]) .mlpc-47{
  margin-left: 47px !important;
}
:where([data-cl-s~="s11"]) .mrpc-47{
  margin-right: 47px !important;
}
:where([data-cl-s~="s11"]) .mbpc-47{
  margin-bottom: 47px !important;
}
:where([data-cl-s~="s11"]) .ptpc-47{
  padding-top: 47px !important;
}
:where([data-cl-s~="s11"]) .pbpc-47{
  padding-bottom: 47px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-47{
  margin-top: 47px !important;
}
:where([data-cl-s~="s11"]) .mbsp-47{
  margin-bottom: 47px !important;
}
:where([data-cl-s~="s11"]) .ptsp-47{
  padding-top: 47px !important;
}
:where([data-cl-s~="s11"]) .pbsp-47{
  padding-bottom: 47px !important;
}
:where([data-cl-s~="s11"]) .plsp-47{
  padding-left: 47px !important;
}
:where([data-cl-s~="s11"]) .prsp-47{
  padding-right: 47px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-48{
  margin-top: 48px !important;
}
:where([data-cl-s~="s11"]) .mlpc-48{
  margin-left: 48px !important;
}
:where([data-cl-s~="s11"]) .mrpc-48{
  margin-right: 48px !important;
}
:where([data-cl-s~="s11"]) .mbpc-48{
  margin-bottom: 48px !important;
}
:where([data-cl-s~="s11"]) .ptpc-48{
  padding-top: 48px !important;
}
:where([data-cl-s~="s11"]) .pbpc-48{
  padding-bottom: 48px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-48{
  margin-top: 48px !important;
}
:where([data-cl-s~="s11"]) .mbsp-48{
  margin-bottom: 48px !important;
}
:where([data-cl-s~="s11"]) .ptsp-48{
  padding-top: 48px !important;
}
:where([data-cl-s~="s11"]) .pbsp-48{
  padding-bottom: 48px !important;
}
:where([data-cl-s~="s11"]) .plsp-48{
  padding-left: 48px !important;
}
:where([data-cl-s~="s11"]) .prsp-48{
  padding-right: 48px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-49{
  margin-top: 49px !important;
}
:where([data-cl-s~="s11"]) .mlpc-49{
  margin-left: 49px !important;
}
:where([data-cl-s~="s11"]) .mrpc-49{
  margin-right: 49px !important;
}
:where([data-cl-s~="s11"]) .mbpc-49{
  margin-bottom: 49px !important;
}
:where([data-cl-s~="s11"]) .ptpc-49{
  padding-top: 49px !important;
}
:where([data-cl-s~="s11"]) .pbpc-49{
  padding-bottom: 49px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-49{
  margin-top: 49px !important;
}
:where([data-cl-s~="s11"]) .mbsp-49{
  margin-bottom: 49px !important;
}
:where([data-cl-s~="s11"]) .ptsp-49{
  padding-top: 49px !important;
}
:where([data-cl-s~="s11"]) .pbsp-49{
  padding-bottom: 49px !important;
}
:where([data-cl-s~="s11"]) .plsp-49{
  padding-left: 49px !important;
}
:where([data-cl-s~="s11"]) .prsp-49{
  padding-right: 49px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-50{
  margin-top: 50px !important;
}
:where([data-cl-s~="s11"]) .mlpc-50{
  margin-left: 50px !important;
}
:where([data-cl-s~="s11"]) .mrpc-50{
  margin-right: 50px !important;
}
:where([data-cl-s~="s11"]) .mbpc-50{
  margin-bottom: 50px !important;
}
:where([data-cl-s~="s11"]) .ptpc-50{
  padding-top: 50px !important;
}
:where([data-cl-s~="s11"]) .pbpc-50{
  padding-bottom: 50px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-50{
  margin-top: 50px !important;
}
:where([data-cl-s~="s11"]) .mbsp-50{
  margin-bottom: 50px !important;
}
:where([data-cl-s~="s11"]) .ptsp-50{
  padding-top: 50px !important;
}
:where([data-cl-s~="s11"]) .pbsp-50{
  padding-bottom: 50px !important;
}
:where([data-cl-s~="s11"]) .plsp-50{
  padding-left: 50px !important;
}
:where([data-cl-s~="s11"]) .prsp-50{
  padding-right: 50px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-51{
  margin-top: 51px !important;
}
:where([data-cl-s~="s11"]) .mlpc-51{
  margin-left: 51px !important;
}
:where([data-cl-s~="s11"]) .mrpc-51{
  margin-right: 51px !important;
}
:where([data-cl-s~="s11"]) .mbpc-51{
  margin-bottom: 51px !important;
}
:where([data-cl-s~="s11"]) .ptpc-51{
  padding-top: 51px !important;
}
:where([data-cl-s~="s11"]) .pbpc-51{
  padding-bottom: 51px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-51{
  margin-top: 51px !important;
}
:where([data-cl-s~="s11"]) .mbsp-51{
  margin-bottom: 51px !important;
}
:where([data-cl-s~="s11"]) .ptsp-51{
  padding-top: 51px !important;
}
:where([data-cl-s~="s11"]) .pbsp-51{
  padding-bottom: 51px !important;
}
:where([data-cl-s~="s11"]) .plsp-51{
  padding-left: 51px !important;
}
:where([data-cl-s~="s11"]) .prsp-51{
  padding-right: 51px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-52{
  margin-top: 52px !important;
}
:where([data-cl-s~="s11"]) .mlpc-52{
  margin-left: 52px !important;
}
:where([data-cl-s~="s11"]) .mrpc-52{
  margin-right: 52px !important;
}
:where([data-cl-s~="s11"]) .mbpc-52{
  margin-bottom: 52px !important;
}
:where([data-cl-s~="s11"]) .ptpc-52{
  padding-top: 52px !important;
}
:where([data-cl-s~="s11"]) .pbpc-52{
  padding-bottom: 52px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-52{
  margin-top: 52px !important;
}
:where([data-cl-s~="s11"]) .mbsp-52{
  margin-bottom: 52px !important;
}
:where([data-cl-s~="s11"]) .ptsp-52{
  padding-top: 52px !important;
}
:where([data-cl-s~="s11"]) .pbsp-52{
  padding-bottom: 52px !important;
}
:where([data-cl-s~="s11"]) .plsp-52{
  padding-left: 52px !important;
}
:where([data-cl-s~="s11"]) .prsp-52{
  padding-right: 52px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-53{
  margin-top: 53px !important;
}
:where([data-cl-s~="s11"]) .mlpc-53{
  margin-left: 53px !important;
}
:where([data-cl-s~="s11"]) .mrpc-53{
  margin-right: 53px !important;
}
:where([data-cl-s~="s11"]) .mbpc-53{
  margin-bottom: 53px !important;
}
:where([data-cl-s~="s11"]) .ptpc-53{
  padding-top: 53px !important;
}
:where([data-cl-s~="s11"]) .pbpc-53{
  padding-bottom: 53px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-53{
  margin-top: 53px !important;
}
:where([data-cl-s~="s11"]) .mbsp-53{
  margin-bottom: 53px !important;
}
:where([data-cl-s~="s11"]) .ptsp-53{
  padding-top: 53px !important;
}
:where([data-cl-s~="s11"]) .pbsp-53{
  padding-bottom: 53px !important;
}
:where([data-cl-s~="s11"]) .plsp-53{
  padding-left: 53px !important;
}
:where([data-cl-s~="s11"]) .prsp-53{
  padding-right: 53px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-54{
  margin-top: 54px !important;
}
:where([data-cl-s~="s11"]) .mlpc-54{
  margin-left: 54px !important;
}
:where([data-cl-s~="s11"]) .mrpc-54{
  margin-right: 54px !important;
}
:where([data-cl-s~="s11"]) .mbpc-54{
  margin-bottom: 54px !important;
}
:where([data-cl-s~="s11"]) .ptpc-54{
  padding-top: 54px !important;
}
:where([data-cl-s~="s11"]) .pbpc-54{
  padding-bottom: 54px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-54{
  margin-top: 54px !important;
}
:where([data-cl-s~="s11"]) .mbsp-54{
  margin-bottom: 54px !important;
}
:where([data-cl-s~="s11"]) .ptsp-54{
  padding-top: 54px !important;
}
:where([data-cl-s~="s11"]) .pbsp-54{
  padding-bottom: 54px !important;
}
:where([data-cl-s~="s11"]) .plsp-54{
  padding-left: 54px !important;
}
:where([data-cl-s~="s11"]) .prsp-54{
  padding-right: 54px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-55{
  margin-top: 55px !important;
}
:where([data-cl-s~="s11"]) .mlpc-55{
  margin-left: 55px !important;
}
:where([data-cl-s~="s11"]) .mrpc-55{
  margin-right: 55px !important;
}
:where([data-cl-s~="s11"]) .mbpc-55{
  margin-bottom: 55px !important;
}
:where([data-cl-s~="s11"]) .ptpc-55{
  padding-top: 55px !important;
}
:where([data-cl-s~="s11"]) .pbpc-55{
  padding-bottom: 55px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-55{
  margin-top: 55px !important;
}
:where([data-cl-s~="s11"]) .mbsp-55{
  margin-bottom: 55px !important;
}
:where([data-cl-s~="s11"]) .ptsp-55{
  padding-top: 55px !important;
}
:where([data-cl-s~="s11"]) .pbsp-55{
  padding-bottom: 55px !important;
}
:where([data-cl-s~="s11"]) .plsp-55{
  padding-left: 55px !important;
}
:where([data-cl-s~="s11"]) .prsp-55{
  padding-right: 55px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-56{
  margin-top: 56px !important;
}
:where([data-cl-s~="s11"]) .mlpc-56{
  margin-left: 56px !important;
}
:where([data-cl-s~="s11"]) .mrpc-56{
  margin-right: 56px !important;
}
:where([data-cl-s~="s11"]) .mbpc-56{
  margin-bottom: 56px !important;
}
:where([data-cl-s~="s11"]) .ptpc-56{
  padding-top: 56px !important;
}
:where([data-cl-s~="s11"]) .pbpc-56{
  padding-bottom: 56px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-56{
  margin-top: 56px !important;
}
:where([data-cl-s~="s11"]) .mbsp-56{
  margin-bottom: 56px !important;
}
:where([data-cl-s~="s11"]) .ptsp-56{
  padding-top: 56px !important;
}
:where([data-cl-s~="s11"]) .pbsp-56{
  padding-bottom: 56px !important;
}
:where([data-cl-s~="s11"]) .plsp-56{
  padding-left: 56px !important;
}
:where([data-cl-s~="s11"]) .prsp-56{
  padding-right: 56px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-57{
  margin-top: 57px !important;
}
:where([data-cl-s~="s11"]) .mlpc-57{
  margin-left: 57px !important;
}
:where([data-cl-s~="s11"]) .mrpc-57{
  margin-right: 57px !important;
}
:where([data-cl-s~="s11"]) .mbpc-57{
  margin-bottom: 57px !important;
}
:where([data-cl-s~="s11"]) .ptpc-57{
  padding-top: 57px !important;
}
:where([data-cl-s~="s11"]) .pbpc-57{
  padding-bottom: 57px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-57{
  margin-top: 57px !important;
}
:where([data-cl-s~="s11"]) .mbsp-57{
  margin-bottom: 57px !important;
}
:where([data-cl-s~="s11"]) .ptsp-57{
  padding-top: 57px !important;
}
:where([data-cl-s~="s11"]) .pbsp-57{
  padding-bottom: 57px !important;
}
:where([data-cl-s~="s11"]) .plsp-57{
  padding-left: 57px !important;
}
:where([data-cl-s~="s11"]) .prsp-57{
  padding-right: 57px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-58{
  margin-top: 58px !important;
}
:where([data-cl-s~="s11"]) .mlpc-58{
  margin-left: 58px !important;
}
:where([data-cl-s~="s11"]) .mrpc-58{
  margin-right: 58px !important;
}
:where([data-cl-s~="s11"]) .mbpc-58{
  margin-bottom: 58px !important;
}
:where([data-cl-s~="s11"]) .ptpc-58{
  padding-top: 58px !important;
}
:where([data-cl-s~="s11"]) .pbpc-58{
  padding-bottom: 58px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-58{
  margin-top: 58px !important;
}
:where([data-cl-s~="s11"]) .mbsp-58{
  margin-bottom: 58px !important;
}
:where([data-cl-s~="s11"]) .ptsp-58{
  padding-top: 58px !important;
}
:where([data-cl-s~="s11"]) .pbsp-58{
  padding-bottom: 58px !important;
}
:where([data-cl-s~="s11"]) .plsp-58{
  padding-left: 58px !important;
}
:where([data-cl-s~="s11"]) .prsp-58{
  padding-right: 58px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-59{
  margin-top: 59px !important;
}
:where([data-cl-s~="s11"]) .mlpc-59{
  margin-left: 59px !important;
}
:where([data-cl-s~="s11"]) .mrpc-59{
  margin-right: 59px !important;
}
:where([data-cl-s~="s11"]) .mbpc-59{
  margin-bottom: 59px !important;
}
:where([data-cl-s~="s11"]) .ptpc-59{
  padding-top: 59px !important;
}
:where([data-cl-s~="s11"]) .pbpc-59{
  padding-bottom: 59px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-59{
  margin-top: 59px !important;
}
:where([data-cl-s~="s11"]) .mbsp-59{
  margin-bottom: 59px !important;
}
:where([data-cl-s~="s11"]) .ptsp-59{
  padding-top: 59px !important;
}
:where([data-cl-s~="s11"]) .pbsp-59{
  padding-bottom: 59px !important;
}
:where([data-cl-s~="s11"]) .plsp-59{
  padding-left: 59px !important;
}
:where([data-cl-s~="s11"]) .prsp-59{
  padding-right: 59px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-60{
  margin-top: 60px !important;
}
:where([data-cl-s~="s11"]) .mlpc-60{
  margin-left: 60px !important;
}
:where([data-cl-s~="s11"]) .mrpc-60{
  margin-right: 60px !important;
}
:where([data-cl-s~="s11"]) .mbpc-60{
  margin-bottom: 60px !important;
}
:where([data-cl-s~="s11"]) .ptpc-60{
  padding-top: 60px !important;
}
:where([data-cl-s~="s11"]) .pbpc-60{
  padding-bottom: 60px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-60{
  margin-top: 60px !important;
}
:where([data-cl-s~="s11"]) .mbsp-60{
  margin-bottom: 60px !important;
}
:where([data-cl-s~="s11"]) .ptsp-60{
  padding-top: 60px !important;
}
:where([data-cl-s~="s11"]) .pbsp-60{
  padding-bottom: 60px !important;
}
:where([data-cl-s~="s11"]) .plsp-60{
  padding-left: 60px !important;
}
:where([data-cl-s~="s11"]) .prsp-60{
  padding-right: 60px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-61{
  margin-top: 61px !important;
}
:where([data-cl-s~="s11"]) .mlpc-61{
  margin-left: 61px !important;
}
:where([data-cl-s~="s11"]) .mrpc-61{
  margin-right: 61px !important;
}
:where([data-cl-s~="s11"]) .mbpc-61{
  margin-bottom: 61px !important;
}
:where([data-cl-s~="s11"]) .ptpc-61{
  padding-top: 61px !important;
}
:where([data-cl-s~="s11"]) .pbpc-61{
  padding-bottom: 61px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-61{
  margin-top: 61px !important;
}
:where([data-cl-s~="s11"]) .mbsp-61{
  margin-bottom: 61px !important;
}
:where([data-cl-s~="s11"]) .ptsp-61{
  padding-top: 61px !important;
}
:where([data-cl-s~="s11"]) .pbsp-61{
  padding-bottom: 61px !important;
}
:where([data-cl-s~="s11"]) .plsp-61{
  padding-left: 61px !important;
}
:where([data-cl-s~="s11"]) .prsp-61{
  padding-right: 61px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-62{
  margin-top: 62px !important;
}
:where([data-cl-s~="s11"]) .mlpc-62{
  margin-left: 62px !important;
}
:where([data-cl-s~="s11"]) .mrpc-62{
  margin-right: 62px !important;
}
:where([data-cl-s~="s11"]) .mbpc-62{
  margin-bottom: 62px !important;
}
:where([data-cl-s~="s11"]) .ptpc-62{
  padding-top: 62px !important;
}
:where([data-cl-s~="s11"]) .pbpc-62{
  padding-bottom: 62px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-62{
  margin-top: 62px !important;
}
:where([data-cl-s~="s11"]) .mbsp-62{
  margin-bottom: 62px !important;
}
:where([data-cl-s~="s11"]) .ptsp-62{
  padding-top: 62px !important;
}
:where([data-cl-s~="s11"]) .pbsp-62{
  padding-bottom: 62px !important;
}
:where([data-cl-s~="s11"]) .plsp-62{
  padding-left: 62px !important;
}
:where([data-cl-s~="s11"]) .prsp-62{
  padding-right: 62px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-63{
  margin-top: 63px !important;
}
:where([data-cl-s~="s11"]) .mlpc-63{
  margin-left: 63px !important;
}
:where([data-cl-s~="s11"]) .mrpc-63{
  margin-right: 63px !important;
}
:where([data-cl-s~="s11"]) .mbpc-63{
  margin-bottom: 63px !important;
}
:where([data-cl-s~="s11"]) .ptpc-63{
  padding-top: 63px !important;
}
:where([data-cl-s~="s11"]) .pbpc-63{
  padding-bottom: 63px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-63{
  margin-top: 63px !important;
}
:where([data-cl-s~="s11"]) .mbsp-63{
  margin-bottom: 63px !important;
}
:where([data-cl-s~="s11"]) .ptsp-63{
  padding-top: 63px !important;
}
:where([data-cl-s~="s11"]) .pbsp-63{
  padding-bottom: 63px !important;
}
:where([data-cl-s~="s11"]) .plsp-63{
  padding-left: 63px !important;
}
:where([data-cl-s~="s11"]) .prsp-63{
  padding-right: 63px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-64{
  margin-top: 64px !important;
}
:where([data-cl-s~="s11"]) .mlpc-64{
  margin-left: 64px !important;
}
:where([data-cl-s~="s11"]) .mrpc-64{
  margin-right: 64px !important;
}
:where([data-cl-s~="s11"]) .mbpc-64{
  margin-bottom: 64px !important;
}
:where([data-cl-s~="s11"]) .ptpc-64{
  padding-top: 64px !important;
}
:where([data-cl-s~="s11"]) .pbpc-64{
  padding-bottom: 64px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-64{
  margin-top: 64px !important;
}
:where([data-cl-s~="s11"]) .mbsp-64{
  margin-bottom: 64px !important;
}
:where([data-cl-s~="s11"]) .ptsp-64{
  padding-top: 64px !important;
}
:where([data-cl-s~="s11"]) .pbsp-64{
  padding-bottom: 64px !important;
}
:where([data-cl-s~="s11"]) .plsp-64{
  padding-left: 64px !important;
}
:where([data-cl-s~="s11"]) .prsp-64{
  padding-right: 64px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-65{
  margin-top: 65px !important;
}
:where([data-cl-s~="s11"]) .mlpc-65{
  margin-left: 65px !important;
}
:where([data-cl-s~="s11"]) .mrpc-65{
  margin-right: 65px !important;
}
:where([data-cl-s~="s11"]) .mbpc-65{
  margin-bottom: 65px !important;
}
:where([data-cl-s~="s11"]) .ptpc-65{
  padding-top: 65px !important;
}
:where([data-cl-s~="s11"]) .pbpc-65{
  padding-bottom: 65px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-65{
  margin-top: 65px !important;
}
:where([data-cl-s~="s11"]) .mbsp-65{
  margin-bottom: 65px !important;
}
:where([data-cl-s~="s11"]) .ptsp-65{
  padding-top: 65px !important;
}
:where([data-cl-s~="s11"]) .pbsp-65{
  padding-bottom: 65px !important;
}
:where([data-cl-s~="s11"]) .plsp-65{
  padding-left: 65px !important;
}
:where([data-cl-s~="s11"]) .prsp-65{
  padding-right: 65px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-66{
  margin-top: 66px !important;
}
:where([data-cl-s~="s11"]) .mlpc-66{
  margin-left: 66px !important;
}
:where([data-cl-s~="s11"]) .mrpc-66{
  margin-right: 66px !important;
}
:where([data-cl-s~="s11"]) .mbpc-66{
  margin-bottom: 66px !important;
}
:where([data-cl-s~="s11"]) .ptpc-66{
  padding-top: 66px !important;
}
:where([data-cl-s~="s11"]) .pbpc-66{
  padding-bottom: 66px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-66{
  margin-top: 66px !important;
}
:where([data-cl-s~="s11"]) .mbsp-66{
  margin-bottom: 66px !important;
}
:where([data-cl-s~="s11"]) .ptsp-66{
  padding-top: 66px !important;
}
:where([data-cl-s~="s11"]) .pbsp-66{
  padding-bottom: 66px !important;
}
:where([data-cl-s~="s11"]) .plsp-66{
  padding-left: 66px !important;
}
:where([data-cl-s~="s11"]) .prsp-66{
  padding-right: 66px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-67{
  margin-top: 67px !important;
}
:where([data-cl-s~="s11"]) .mlpc-67{
  margin-left: 67px !important;
}
:where([data-cl-s~="s11"]) .mrpc-67{
  margin-right: 67px !important;
}
:where([data-cl-s~="s11"]) .mbpc-67{
  margin-bottom: 67px !important;
}
:where([data-cl-s~="s11"]) .ptpc-67{
  padding-top: 67px !important;
}
:where([data-cl-s~="s11"]) .pbpc-67{
  padding-bottom: 67px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-67{
  margin-top: 67px !important;
}
:where([data-cl-s~="s11"]) .mbsp-67{
  margin-bottom: 67px !important;
}
:where([data-cl-s~="s11"]) .ptsp-67{
  padding-top: 67px !important;
}
:where([data-cl-s~="s11"]) .pbsp-67{
  padding-bottom: 67px !important;
}
:where([data-cl-s~="s11"]) .plsp-67{
  padding-left: 67px !important;
}
:where([data-cl-s~="s11"]) .prsp-67{
  padding-right: 67px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-68{
  margin-top: 68px !important;
}
:where([data-cl-s~="s11"]) .mlpc-68{
  margin-left: 68px !important;
}
:where([data-cl-s~="s11"]) .mrpc-68{
  margin-right: 68px !important;
}
:where([data-cl-s~="s11"]) .mbpc-68{
  margin-bottom: 68px !important;
}
:where([data-cl-s~="s11"]) .ptpc-68{
  padding-top: 68px !important;
}
:where([data-cl-s~="s11"]) .pbpc-68{
  padding-bottom: 68px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-68{
  margin-top: 68px !important;
}
:where([data-cl-s~="s11"]) .mbsp-68{
  margin-bottom: 68px !important;
}
:where([data-cl-s~="s11"]) .ptsp-68{
  padding-top: 68px !important;
}
:where([data-cl-s~="s11"]) .pbsp-68{
  padding-bottom: 68px !important;
}
:where([data-cl-s~="s11"]) .plsp-68{
  padding-left: 68px !important;
}
:where([data-cl-s~="s11"]) .prsp-68{
  padding-right: 68px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-69{
  margin-top: 69px !important;
}
:where([data-cl-s~="s11"]) .mlpc-69{
  margin-left: 69px !important;
}
:where([data-cl-s~="s11"]) .mrpc-69{
  margin-right: 69px !important;
}
:where([data-cl-s~="s11"]) .mbpc-69{
  margin-bottom: 69px !important;
}
:where([data-cl-s~="s11"]) .ptpc-69{
  padding-top: 69px !important;
}
:where([data-cl-s~="s11"]) .pbpc-69{
  padding-bottom: 69px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-69{
  margin-top: 69px !important;
}
:where([data-cl-s~="s11"]) .mbsp-69{
  margin-bottom: 69px !important;
}
:where([data-cl-s~="s11"]) .ptsp-69{
  padding-top: 69px !important;
}
:where([data-cl-s~="s11"]) .pbsp-69{
  padding-bottom: 69px !important;
}
:where([data-cl-s~="s11"]) .plsp-69{
  padding-left: 69px !important;
}
:where([data-cl-s~="s11"]) .prsp-69{
  padding-right: 69px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-70{
  margin-top: 70px !important;
}
:where([data-cl-s~="s11"]) .mlpc-70{
  margin-left: 70px !important;
}
:where([data-cl-s~="s11"]) .mrpc-70{
  margin-right: 70px !important;
}
:where([data-cl-s~="s11"]) .mbpc-70{
  margin-bottom: 70px !important;
}
:where([data-cl-s~="s11"]) .ptpc-70{
  padding-top: 70px !important;
}
:where([data-cl-s~="s11"]) .pbpc-70{
  padding-bottom: 70px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-70{
  margin-top: 70px !important;
}
:where([data-cl-s~="s11"]) .mbsp-70{
  margin-bottom: 70px !important;
}
:where([data-cl-s~="s11"]) .ptsp-70{
  padding-top: 70px !important;
}
:where([data-cl-s~="s11"]) .pbsp-70{
  padding-bottom: 70px !important;
}
:where([data-cl-s~="s11"]) .plsp-70{
  padding-left: 70px !important;
}
:where([data-cl-s~="s11"]) .prsp-70{
  padding-right: 70px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-71{
  margin-top: 71px !important;
}
:where([data-cl-s~="s11"]) .mlpc-71{
  margin-left: 71px !important;
}
:where([data-cl-s~="s11"]) .mrpc-71{
  margin-right: 71px !important;
}
:where([data-cl-s~="s11"]) .mbpc-71{
  margin-bottom: 71px !important;
}
:where([data-cl-s~="s11"]) .ptpc-71{
  padding-top: 71px !important;
}
:where([data-cl-s~="s11"]) .pbpc-71{
  padding-bottom: 71px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-71{
  margin-top: 71px !important;
}
:where([data-cl-s~="s11"]) .mbsp-71{
  margin-bottom: 71px !important;
}
:where([data-cl-s~="s11"]) .ptsp-71{
  padding-top: 71px !important;
}
:where([data-cl-s~="s11"]) .pbsp-71{
  padding-bottom: 71px !important;
}
:where([data-cl-s~="s11"]) .plsp-71{
  padding-left: 71px !important;
}
:where([data-cl-s~="s11"]) .prsp-71{
  padding-right: 71px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-72{
  margin-top: 72px !important;
}
:where([data-cl-s~="s11"]) .mlpc-72{
  margin-left: 72px !important;
}
:where([data-cl-s~="s11"]) .mrpc-72{
  margin-right: 72px !important;
}
:where([data-cl-s~="s11"]) .mbpc-72{
  margin-bottom: 72px !important;
}
:where([data-cl-s~="s11"]) .ptpc-72{
  padding-top: 72px !important;
}
:where([data-cl-s~="s11"]) .pbpc-72{
  padding-bottom: 72px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-72{
  margin-top: 72px !important;
}
:where([data-cl-s~="s11"]) .mbsp-72{
  margin-bottom: 72px !important;
}
:where([data-cl-s~="s11"]) .ptsp-72{
  padding-top: 72px !important;
}
:where([data-cl-s~="s11"]) .pbsp-72{
  padding-bottom: 72px !important;
}
:where([data-cl-s~="s11"]) .plsp-72{
  padding-left: 72px !important;
}
:where([data-cl-s~="s11"]) .prsp-72{
  padding-right: 72px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-73{
  margin-top: 73px !important;
}
:where([data-cl-s~="s11"]) .mlpc-73{
  margin-left: 73px !important;
}
:where([data-cl-s~="s11"]) .mrpc-73{
  margin-right: 73px !important;
}
:where([data-cl-s~="s11"]) .mbpc-73{
  margin-bottom: 73px !important;
}
:where([data-cl-s~="s11"]) .ptpc-73{
  padding-top: 73px !important;
}
:where([data-cl-s~="s11"]) .pbpc-73{
  padding-bottom: 73px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-73{
  margin-top: 73px !important;
}
:where([data-cl-s~="s11"]) .mbsp-73{
  margin-bottom: 73px !important;
}
:where([data-cl-s~="s11"]) .ptsp-73{
  padding-top: 73px !important;
}
:where([data-cl-s~="s11"]) .pbsp-73{
  padding-bottom: 73px !important;
}
:where([data-cl-s~="s11"]) .plsp-73{
  padding-left: 73px !important;
}
:where([data-cl-s~="s11"]) .prsp-73{
  padding-right: 73px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-74{
  margin-top: 74px !important;
}
:where([data-cl-s~="s11"]) .mlpc-74{
  margin-left: 74px !important;
}
:where([data-cl-s~="s11"]) .mrpc-74{
  margin-right: 74px !important;
}
:where([data-cl-s~="s11"]) .mbpc-74{
  margin-bottom: 74px !important;
}
:where([data-cl-s~="s11"]) .ptpc-74{
  padding-top: 74px !important;
}
:where([data-cl-s~="s11"]) .pbpc-74{
  padding-bottom: 74px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-74{
  margin-top: 74px !important;
}
:where([data-cl-s~="s11"]) .mbsp-74{
  margin-bottom: 74px !important;
}
:where([data-cl-s~="s11"]) .ptsp-74{
  padding-top: 74px !important;
}
:where([data-cl-s~="s11"]) .pbsp-74{
  padding-bottom: 74px !important;
}
:where([data-cl-s~="s11"]) .plsp-74{
  padding-left: 74px !important;
}
:where([data-cl-s~="s11"]) .prsp-74{
  padding-right: 74px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-75{
  margin-top: 75px !important;
}
:where([data-cl-s~="s11"]) .mlpc-75{
  margin-left: 75px !important;
}
:where([data-cl-s~="s11"]) .mrpc-75{
  margin-right: 75px !important;
}
:where([data-cl-s~="s11"]) .mbpc-75{
  margin-bottom: 75px !important;
}
:where([data-cl-s~="s11"]) .ptpc-75{
  padding-top: 75px !important;
}
:where([data-cl-s~="s11"]) .pbpc-75{
  padding-bottom: 75px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-75{
  margin-top: 75px !important;
}
:where([data-cl-s~="s11"]) .mbsp-75{
  margin-bottom: 75px !important;
}
:where([data-cl-s~="s11"]) .ptsp-75{
  padding-top: 75px !important;
}
:where([data-cl-s~="s11"]) .pbsp-75{
  padding-bottom: 75px !important;
}
:where([data-cl-s~="s11"]) .plsp-75{
  padding-left: 75px !important;
}
:where([data-cl-s~="s11"]) .prsp-75{
  padding-right: 75px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-76{
  margin-top: 76px !important;
}
:where([data-cl-s~="s11"]) .mlpc-76{
  margin-left: 76px !important;
}
:where([data-cl-s~="s11"]) .mrpc-76{
  margin-right: 76px !important;
}
:where([data-cl-s~="s11"]) .mbpc-76{
  margin-bottom: 76px !important;
}
:where([data-cl-s~="s11"]) .ptpc-76{
  padding-top: 76px !important;
}
:where([data-cl-s~="s11"]) .pbpc-76{
  padding-bottom: 76px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-76{
  margin-top: 76px !important;
}
:where([data-cl-s~="s11"]) .mbsp-76{
  margin-bottom: 76px !important;
}
:where([data-cl-s~="s11"]) .ptsp-76{
  padding-top: 76px !important;
}
:where([data-cl-s~="s11"]) .pbsp-76{
  padding-bottom: 76px !important;
}
:where([data-cl-s~="s11"]) .plsp-76{
  padding-left: 76px !important;
}
:where([data-cl-s~="s11"]) .prsp-76{
  padding-right: 76px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-77{
  margin-top: 77px !important;
}
:where([data-cl-s~="s11"]) .mlpc-77{
  margin-left: 77px !important;
}
:where([data-cl-s~="s11"]) .mrpc-77{
  margin-right: 77px !important;
}
:where([data-cl-s~="s11"]) .mbpc-77{
  margin-bottom: 77px !important;
}
:where([data-cl-s~="s11"]) .ptpc-77{
  padding-top: 77px !important;
}
:where([data-cl-s~="s11"]) .pbpc-77{
  padding-bottom: 77px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-77{
  margin-top: 77px !important;
}
:where([data-cl-s~="s11"]) .mbsp-77{
  margin-bottom: 77px !important;
}
:where([data-cl-s~="s11"]) .ptsp-77{
  padding-top: 77px !important;
}
:where([data-cl-s~="s11"]) .pbsp-77{
  padding-bottom: 77px !important;
}
:where([data-cl-s~="s11"]) .plsp-77{
  padding-left: 77px !important;
}
:where([data-cl-s~="s11"]) .prsp-77{
  padding-right: 77px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-78{
  margin-top: 78px !important;
}
:where([data-cl-s~="s11"]) .mlpc-78{
  margin-left: 78px !important;
}
:where([data-cl-s~="s11"]) .mrpc-78{
  margin-right: 78px !important;
}
:where([data-cl-s~="s11"]) .mbpc-78{
  margin-bottom: 78px !important;
}
:where([data-cl-s~="s11"]) .ptpc-78{
  padding-top: 78px !important;
}
:where([data-cl-s~="s11"]) .pbpc-78{
  padding-bottom: 78px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-78{
  margin-top: 78px !important;
}
:where([data-cl-s~="s11"]) .mbsp-78{
  margin-bottom: 78px !important;
}
:where([data-cl-s~="s11"]) .ptsp-78{
  padding-top: 78px !important;
}
:where([data-cl-s~="s11"]) .pbsp-78{
  padding-bottom: 78px !important;
}
:where([data-cl-s~="s11"]) .plsp-78{
  padding-left: 78px !important;
}
:where([data-cl-s~="s11"]) .prsp-78{
  padding-right: 78px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-79{
  margin-top: 79px !important;
}
:where([data-cl-s~="s11"]) .mlpc-79{
  margin-left: 79px !important;
}
:where([data-cl-s~="s11"]) .mrpc-79{
  margin-right: 79px !important;
}
:where([data-cl-s~="s11"]) .mbpc-79{
  margin-bottom: 79px !important;
}
:where([data-cl-s~="s11"]) .ptpc-79{
  padding-top: 79px !important;
}
:where([data-cl-s~="s11"]) .pbpc-79{
  padding-bottom: 79px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-79{
  margin-top: 79px !important;
}
:where([data-cl-s~="s11"]) .mbsp-79{
  margin-bottom: 79px !important;
}
:where([data-cl-s~="s11"]) .ptsp-79{
  padding-top: 79px !important;
}
:where([data-cl-s~="s11"]) .pbsp-79{
  padding-bottom: 79px !important;
}
:where([data-cl-s~="s11"]) .plsp-79{
  padding-left: 79px !important;
}
:where([data-cl-s~="s11"]) .prsp-79{
  padding-right: 79px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-80{
  margin-top: 80px !important;
}
:where([data-cl-s~="s11"]) .mlpc-80{
  margin-left: 80px !important;
}
:where([data-cl-s~="s11"]) .mrpc-80{
  margin-right: 80px !important;
}
:where([data-cl-s~="s11"]) .mbpc-80{
  margin-bottom: 80px !important;
}
:where([data-cl-s~="s11"]) .ptpc-80{
  padding-top: 80px !important;
}
:where([data-cl-s~="s11"]) .pbpc-80{
  padding-bottom: 80px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-80{
  margin-top: 80px !important;
}
:where([data-cl-s~="s11"]) .mbsp-80{
  margin-bottom: 80px !important;
}
:where([data-cl-s~="s11"]) .ptsp-80{
  padding-top: 80px !important;
}
:where([data-cl-s~="s11"]) .pbsp-80{
  padding-bottom: 80px !important;
}
:where([data-cl-s~="s11"]) .plsp-80{
  padding-left: 80px !important;
}
:where([data-cl-s~="s11"]) .prsp-80{
  padding-right: 80px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-81{
  margin-top: 81px !important;
}
:where([data-cl-s~="s11"]) .mlpc-81{
  margin-left: 81px !important;
}
:where([data-cl-s~="s11"]) .mrpc-81{
  margin-right: 81px !important;
}
:where([data-cl-s~="s11"]) .mbpc-81{
  margin-bottom: 81px !important;
}
:where([data-cl-s~="s11"]) .ptpc-81{
  padding-top: 81px !important;
}
:where([data-cl-s~="s11"]) .pbpc-81{
  padding-bottom: 81px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-81{
  margin-top: 81px !important;
}
:where([data-cl-s~="s11"]) .mbsp-81{
  margin-bottom: 81px !important;
}
:where([data-cl-s~="s11"]) .ptsp-81{
  padding-top: 81px !important;
}
:where([data-cl-s~="s11"]) .pbsp-81{
  padding-bottom: 81px !important;
}
:where([data-cl-s~="s11"]) .plsp-81{
  padding-left: 81px !important;
}
:where([data-cl-s~="s11"]) .prsp-81{
  padding-right: 81px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-82{
  margin-top: 82px !important;
}
:where([data-cl-s~="s11"]) .mlpc-82{
  margin-left: 82px !important;
}
:where([data-cl-s~="s11"]) .mrpc-82{
  margin-right: 82px !important;
}
:where([data-cl-s~="s11"]) .mbpc-82{
  margin-bottom: 82px !important;
}
:where([data-cl-s~="s11"]) .ptpc-82{
  padding-top: 82px !important;
}
:where([data-cl-s~="s11"]) .pbpc-82{
  padding-bottom: 82px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-82{
  margin-top: 82px !important;
}
:where([data-cl-s~="s11"]) .mbsp-82{
  margin-bottom: 82px !important;
}
:where([data-cl-s~="s11"]) .ptsp-82{
  padding-top: 82px !important;
}
:where([data-cl-s~="s11"]) .pbsp-82{
  padding-bottom: 82px !important;
}
:where([data-cl-s~="s11"]) .plsp-82{
  padding-left: 82px !important;
}
:where([data-cl-s~="s11"]) .prsp-82{
  padding-right: 82px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-83{
  margin-top: 83px !important;
}
:where([data-cl-s~="s11"]) .mlpc-83{
  margin-left: 83px !important;
}
:where([data-cl-s~="s11"]) .mrpc-83{
  margin-right: 83px !important;
}
:where([data-cl-s~="s11"]) .mbpc-83{
  margin-bottom: 83px !important;
}
:where([data-cl-s~="s11"]) .ptpc-83{
  padding-top: 83px !important;
}
:where([data-cl-s~="s11"]) .pbpc-83{
  padding-bottom: 83px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-83{
  margin-top: 83px !important;
}
:where([data-cl-s~="s11"]) .mbsp-83{
  margin-bottom: 83px !important;
}
:where([data-cl-s~="s11"]) .ptsp-83{
  padding-top: 83px !important;
}
:where([data-cl-s~="s11"]) .pbsp-83{
  padding-bottom: 83px !important;
}
:where([data-cl-s~="s11"]) .plsp-83{
  padding-left: 83px !important;
}
:where([data-cl-s~="s11"]) .prsp-83{
  padding-right: 83px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-84{
  margin-top: 84px !important;
}
:where([data-cl-s~="s11"]) .mlpc-84{
  margin-left: 84px !important;
}
:where([data-cl-s~="s11"]) .mrpc-84{
  margin-right: 84px !important;
}
:where([data-cl-s~="s11"]) .mbpc-84{
  margin-bottom: 84px !important;
}
:where([data-cl-s~="s11"]) .ptpc-84{
  padding-top: 84px !important;
}
:where([data-cl-s~="s11"]) .pbpc-84{
  padding-bottom: 84px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-84{
  margin-top: 84px !important;
}
:where([data-cl-s~="s11"]) .mbsp-84{
  margin-bottom: 84px !important;
}
:where([data-cl-s~="s11"]) .ptsp-84{
  padding-top: 84px !important;
}
:where([data-cl-s~="s11"]) .pbsp-84{
  padding-bottom: 84px !important;
}
:where([data-cl-s~="s11"]) .plsp-84{
  padding-left: 84px !important;
}
:where([data-cl-s~="s11"]) .prsp-84{
  padding-right: 84px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-85{
  margin-top: 85px !important;
}
:where([data-cl-s~="s11"]) .mlpc-85{
  margin-left: 85px !important;
}
:where([data-cl-s~="s11"]) .mrpc-85{
  margin-right: 85px !important;
}
:where([data-cl-s~="s11"]) .mbpc-85{
  margin-bottom: 85px !important;
}
:where([data-cl-s~="s11"]) .ptpc-85{
  padding-top: 85px !important;
}
:where([data-cl-s~="s11"]) .pbpc-85{
  padding-bottom: 85px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-85{
  margin-top: 85px !important;
}
:where([data-cl-s~="s11"]) .mbsp-85{
  margin-bottom: 85px !important;
}
:where([data-cl-s~="s11"]) .ptsp-85{
  padding-top: 85px !important;
}
:where([data-cl-s~="s11"]) .pbsp-85{
  padding-bottom: 85px !important;
}
:where([data-cl-s~="s11"]) .plsp-85{
  padding-left: 85px !important;
}
:where([data-cl-s~="s11"]) .prsp-85{
  padding-right: 85px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-86{
  margin-top: 86px !important;
}
:where([data-cl-s~="s11"]) .mlpc-86{
  margin-left: 86px !important;
}
:where([data-cl-s~="s11"]) .mrpc-86{
  margin-right: 86px !important;
}
:where([data-cl-s~="s11"]) .mbpc-86{
  margin-bottom: 86px !important;
}
:where([data-cl-s~="s11"]) .ptpc-86{
  padding-top: 86px !important;
}
:where([data-cl-s~="s11"]) .pbpc-86{
  padding-bottom: 86px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-86{
  margin-top: 86px !important;
}
:where([data-cl-s~="s11"]) .mbsp-86{
  margin-bottom: 86px !important;
}
:where([data-cl-s~="s11"]) .ptsp-86{
  padding-top: 86px !important;
}
:where([data-cl-s~="s11"]) .pbsp-86{
  padding-bottom: 86px !important;
}
:where([data-cl-s~="s11"]) .plsp-86{
  padding-left: 86px !important;
}
:where([data-cl-s~="s11"]) .prsp-86{
  padding-right: 86px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-87{
  margin-top: 87px !important;
}
:where([data-cl-s~="s11"]) .mlpc-87{
  margin-left: 87px !important;
}
:where([data-cl-s~="s11"]) .mrpc-87{
  margin-right: 87px !important;
}
:where([data-cl-s~="s11"]) .mbpc-87{
  margin-bottom: 87px !important;
}
:where([data-cl-s~="s11"]) .ptpc-87{
  padding-top: 87px !important;
}
:where([data-cl-s~="s11"]) .pbpc-87{
  padding-bottom: 87px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-87{
  margin-top: 87px !important;
}
:where([data-cl-s~="s11"]) .mbsp-87{
  margin-bottom: 87px !important;
}
:where([data-cl-s~="s11"]) .ptsp-87{
  padding-top: 87px !important;
}
:where([data-cl-s~="s11"]) .pbsp-87{
  padding-bottom: 87px !important;
}
:where([data-cl-s~="s11"]) .plsp-87{
  padding-left: 87px !important;
}
:where([data-cl-s~="s11"]) .prsp-87{
  padding-right: 87px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-88{
  margin-top: 88px !important;
}
:where([data-cl-s~="s11"]) .mlpc-88{
  margin-left: 88px !important;
}
:where([data-cl-s~="s11"]) .mrpc-88{
  margin-right: 88px !important;
}
:where([data-cl-s~="s11"]) .mbpc-88{
  margin-bottom: 88px !important;
}
:where([data-cl-s~="s11"]) .ptpc-88{
  padding-top: 88px !important;
}
:where([data-cl-s~="s11"]) .pbpc-88{
  padding-bottom: 88px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-88{
  margin-top: 88px !important;
}
:where([data-cl-s~="s11"]) .mbsp-88{
  margin-bottom: 88px !important;
}
:where([data-cl-s~="s11"]) .ptsp-88{
  padding-top: 88px !important;
}
:where([data-cl-s~="s11"]) .pbsp-88{
  padding-bottom: 88px !important;
}
:where([data-cl-s~="s11"]) .plsp-88{
  padding-left: 88px !important;
}
:where([data-cl-s~="s11"]) .prsp-88{
  padding-right: 88px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-89{
  margin-top: 89px !important;
}
:where([data-cl-s~="s11"]) .mlpc-89{
  margin-left: 89px !important;
}
:where([data-cl-s~="s11"]) .mrpc-89{
  margin-right: 89px !important;
}
:where([data-cl-s~="s11"]) .mbpc-89{
  margin-bottom: 89px !important;
}
:where([data-cl-s~="s11"]) .ptpc-89{
  padding-top: 89px !important;
}
:where([data-cl-s~="s11"]) .pbpc-89{
  padding-bottom: 89px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-89{
  margin-top: 89px !important;
}
:where([data-cl-s~="s11"]) .mbsp-89{
  margin-bottom: 89px !important;
}
:where([data-cl-s~="s11"]) .ptsp-89{
  padding-top: 89px !important;
}
:where([data-cl-s~="s11"]) .pbsp-89{
  padding-bottom: 89px !important;
}
:where([data-cl-s~="s11"]) .plsp-89{
  padding-left: 89px !important;
}
:where([data-cl-s~="s11"]) .prsp-89{
  padding-right: 89px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-90{
  margin-top: 90px !important;
}
:where([data-cl-s~="s11"]) .mlpc-90{
  margin-left: 90px !important;
}
:where([data-cl-s~="s11"]) .mrpc-90{
  margin-right: 90px !important;
}
:where([data-cl-s~="s11"]) .mbpc-90{
  margin-bottom: 90px !important;
}
:where([data-cl-s~="s11"]) .ptpc-90{
  padding-top: 90px !important;
}
:where([data-cl-s~="s11"]) .pbpc-90{
  padding-bottom: 90px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-90{
  margin-top: 90px !important;
}
:where([data-cl-s~="s11"]) .mbsp-90{
  margin-bottom: 90px !important;
}
:where([data-cl-s~="s11"]) .ptsp-90{
  padding-top: 90px !important;
}
:where([data-cl-s~="s11"]) .pbsp-90{
  padding-bottom: 90px !important;
}
:where([data-cl-s~="s11"]) .plsp-90{
  padding-left: 90px !important;
}
:where([data-cl-s~="s11"]) .prsp-90{
  padding-right: 90px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-91{
  margin-top: 91px !important;
}
:where([data-cl-s~="s11"]) .mlpc-91{
  margin-left: 91px !important;
}
:where([data-cl-s~="s11"]) .mrpc-91{
  margin-right: 91px !important;
}
:where([data-cl-s~="s11"]) .mbpc-91{
  margin-bottom: 91px !important;
}
:where([data-cl-s~="s11"]) .ptpc-91{
  padding-top: 91px !important;
}
:where([data-cl-s~="s11"]) .pbpc-91{
  padding-bottom: 91px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-91{
  margin-top: 91px !important;
}
:where([data-cl-s~="s11"]) .mbsp-91{
  margin-bottom: 91px !important;
}
:where([data-cl-s~="s11"]) .ptsp-91{
  padding-top: 91px !important;
}
:where([data-cl-s~="s11"]) .pbsp-91{
  padding-bottom: 91px !important;
}
:where([data-cl-s~="s11"]) .plsp-91{
  padding-left: 91px !important;
}
:where([data-cl-s~="s11"]) .prsp-91{
  padding-right: 91px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-92{
  margin-top: 92px !important;
}
:where([data-cl-s~="s11"]) .mlpc-92{
  margin-left: 92px !important;
}
:where([data-cl-s~="s11"]) .mrpc-92{
  margin-right: 92px !important;
}
:where([data-cl-s~="s11"]) .mbpc-92{
  margin-bottom: 92px !important;
}
:where([data-cl-s~="s11"]) .ptpc-92{
  padding-top: 92px !important;
}
:where([data-cl-s~="s11"]) .pbpc-92{
  padding-bottom: 92px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-92{
  margin-top: 92px !important;
}
:where([data-cl-s~="s11"]) .mbsp-92{
  margin-bottom: 92px !important;
}
:where([data-cl-s~="s11"]) .ptsp-92{
  padding-top: 92px !important;
}
:where([data-cl-s~="s11"]) .pbsp-92{
  padding-bottom: 92px !important;
}
:where([data-cl-s~="s11"]) .plsp-92{
  padding-left: 92px !important;
}
:where([data-cl-s~="s11"]) .prsp-92{
  padding-right: 92px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-93{
  margin-top: 93px !important;
}
:where([data-cl-s~="s11"]) .mlpc-93{
  margin-left: 93px !important;
}
:where([data-cl-s~="s11"]) .mrpc-93{
  margin-right: 93px !important;
}
:where([data-cl-s~="s11"]) .mbpc-93{
  margin-bottom: 93px !important;
}
:where([data-cl-s~="s11"]) .ptpc-93{
  padding-top: 93px !important;
}
:where([data-cl-s~="s11"]) .pbpc-93{
  padding-bottom: 93px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-93{
  margin-top: 93px !important;
}
:where([data-cl-s~="s11"]) .mbsp-93{
  margin-bottom: 93px !important;
}
:where([data-cl-s~="s11"]) .ptsp-93{
  padding-top: 93px !important;
}
:where([data-cl-s~="s11"]) .pbsp-93{
  padding-bottom: 93px !important;
}
:where([data-cl-s~="s11"]) .plsp-93{
  padding-left: 93px !important;
}
:where([data-cl-s~="s11"]) .prsp-93{
  padding-right: 93px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-94{
  margin-top: 94px !important;
}
:where([data-cl-s~="s11"]) .mlpc-94{
  margin-left: 94px !important;
}
:where([data-cl-s~="s11"]) .mrpc-94{
  margin-right: 94px !important;
}
:where([data-cl-s~="s11"]) .mbpc-94{
  margin-bottom: 94px !important;
}
:where([data-cl-s~="s11"]) .ptpc-94{
  padding-top: 94px !important;
}
:where([data-cl-s~="s11"]) .pbpc-94{
  padding-bottom: 94px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-94{
  margin-top: 94px !important;
}
:where([data-cl-s~="s11"]) .mbsp-94{
  margin-bottom: 94px !important;
}
:where([data-cl-s~="s11"]) .ptsp-94{
  padding-top: 94px !important;
}
:where([data-cl-s~="s11"]) .pbsp-94{
  padding-bottom: 94px !important;
}
:where([data-cl-s~="s11"]) .plsp-94{
  padding-left: 94px !important;
}
:where([data-cl-s~="s11"]) .prsp-94{
  padding-right: 94px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-95{
  margin-top: 95px !important;
}
:where([data-cl-s~="s11"]) .mlpc-95{
  margin-left: 95px !important;
}
:where([data-cl-s~="s11"]) .mrpc-95{
  margin-right: 95px !important;
}
:where([data-cl-s~="s11"]) .mbpc-95{
  margin-bottom: 95px !important;
}
:where([data-cl-s~="s11"]) .ptpc-95{
  padding-top: 95px !important;
}
:where([data-cl-s~="s11"]) .pbpc-95{
  padding-bottom: 95px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-95{
  margin-top: 95px !important;
}
:where([data-cl-s~="s11"]) .mbsp-95{
  margin-bottom: 95px !important;
}
:where([data-cl-s~="s11"]) .ptsp-95{
  padding-top: 95px !important;
}
:where([data-cl-s~="s11"]) .pbsp-95{
  padding-bottom: 95px !important;
}
:where([data-cl-s~="s11"]) .plsp-95{
  padding-left: 95px !important;
}
:where([data-cl-s~="s11"]) .prsp-95{
  padding-right: 95px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-96{
  margin-top: 96px !important;
}
:where([data-cl-s~="s11"]) .mlpc-96{
  margin-left: 96px !important;
}
:where([data-cl-s~="s11"]) .mrpc-96{
  margin-right: 96px !important;
}
:where([data-cl-s~="s11"]) .mbpc-96{
  margin-bottom: 96px !important;
}
:where([data-cl-s~="s11"]) .ptpc-96{
  padding-top: 96px !important;
}
:where([data-cl-s~="s11"]) .pbpc-96{
  padding-bottom: 96px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-96{
  margin-top: 96px !important;
}
:where([data-cl-s~="s11"]) .mbsp-96{
  margin-bottom: 96px !important;
}
:where([data-cl-s~="s11"]) .ptsp-96{
  padding-top: 96px !important;
}
:where([data-cl-s~="s11"]) .pbsp-96{
  padding-bottom: 96px !important;
}
:where([data-cl-s~="s11"]) .plsp-96{
  padding-left: 96px !important;
}
:where([data-cl-s~="s11"]) .prsp-96{
  padding-right: 96px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-97{
  margin-top: 97px !important;
}
:where([data-cl-s~="s11"]) .mlpc-97{
  margin-left: 97px !important;
}
:where([data-cl-s~="s11"]) .mrpc-97{
  margin-right: 97px !important;
}
:where([data-cl-s~="s11"]) .mbpc-97{
  margin-bottom: 97px !important;
}
:where([data-cl-s~="s11"]) .ptpc-97{
  padding-top: 97px !important;
}
:where([data-cl-s~="s11"]) .pbpc-97{
  padding-bottom: 97px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-97{
  margin-top: 97px !important;
}
:where([data-cl-s~="s11"]) .mbsp-97{
  margin-bottom: 97px !important;
}
:where([data-cl-s~="s11"]) .ptsp-97{
  padding-top: 97px !important;
}
:where([data-cl-s~="s11"]) .pbsp-97{
  padding-bottom: 97px !important;
}
:where([data-cl-s~="s11"]) .plsp-97{
  padding-left: 97px !important;
}
:where([data-cl-s~="s11"]) .prsp-97{
  padding-right: 97px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-98{
  margin-top: 98px !important;
}
:where([data-cl-s~="s11"]) .mlpc-98{
  margin-left: 98px !important;
}
:where([data-cl-s~="s11"]) .mrpc-98{
  margin-right: 98px !important;
}
:where([data-cl-s~="s11"]) .mbpc-98{
  margin-bottom: 98px !important;
}
:where([data-cl-s~="s11"]) .ptpc-98{
  padding-top: 98px !important;
}
:where([data-cl-s~="s11"]) .pbpc-98{
  padding-bottom: 98px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-98{
  margin-top: 98px !important;
}
:where([data-cl-s~="s11"]) .mbsp-98{
  margin-bottom: 98px !important;
}
:where([data-cl-s~="s11"]) .ptsp-98{
  padding-top: 98px !important;
}
:where([data-cl-s~="s11"]) .pbsp-98{
  padding-bottom: 98px !important;
}
:where([data-cl-s~="s11"]) .plsp-98{
  padding-left: 98px !important;
}
:where([data-cl-s~="s11"]) .prsp-98{
  padding-right: 98px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-99{
  margin-top: 99px !important;
}
:where([data-cl-s~="s11"]) .mlpc-99{
  margin-left: 99px !important;
}
:where([data-cl-s~="s11"]) .mrpc-99{
  margin-right: 99px !important;
}
:where([data-cl-s~="s11"]) .mbpc-99{
  margin-bottom: 99px !important;
}
:where([data-cl-s~="s11"]) .ptpc-99{
  padding-top: 99px !important;
}
:where([data-cl-s~="s11"]) .pbpc-99{
  padding-bottom: 99px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-99{
  margin-top: 99px !important;
}
:where([data-cl-s~="s11"]) .mbsp-99{
  margin-bottom: 99px !important;
}
:where([data-cl-s~="s11"]) .ptsp-99{
  padding-top: 99px !important;
}
:where([data-cl-s~="s11"]) .pbsp-99{
  padding-bottom: 99px !important;
}
:where([data-cl-s~="s11"]) .plsp-99{
  padding-left: 99px !important;
}
:where([data-cl-s~="s11"]) .prsp-99{
  padding-right: 99px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .mtpc-100{
  margin-top: 100px !important;
}
:where([data-cl-s~="s11"]) .mlpc-100{
  margin-left: 100px !important;
}
:where([data-cl-s~="s11"]) .mrpc-100{
  margin-right: 100px !important;
}
:where([data-cl-s~="s11"]) .mbpc-100{
  margin-bottom: 100px !important;
}
:where([data-cl-s~="s11"]) .ptpc-100{
  padding-top: 100px !important;
}
:where([data-cl-s~="s11"]) .pbpc-100{
  padding-bottom: 100px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mtsp-100{
  margin-top: 100px !important;
}
:where([data-cl-s~="s11"]) .mbsp-100{
  margin-bottom: 100px !important;
}
:where([data-cl-s~="s11"]) .ptsp-100{
  padding-top: 100px !important;
}
:where([data-cl-s~="s11"]) .pbsp-100{
  padding-bottom: 100px !important;
}
:where([data-cl-s~="s11"]) .plsp-100{
  padding-left: 100px !important;
}
:where([data-cl-s~="s11"]) .prsp-100{
  padding-right: 100px !important;
}}
:where([data-cl-s~="s11"]) .p-tb-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
:where([data-cl-s~="s11"]) .p-tb-1{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
:where([data-cl-s~="s11"]) .p-tb-2{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
:where([data-cl-s~="s11"]) .p-tb-3{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
:where([data-cl-s~="s11"]) .p-tb-4{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
:where([data-cl-s~="s11"]) .p-tb-5{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
:where([data-cl-s~="s11"]) .p-tb-6{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
:where([data-cl-s~="s11"]) .p-tb-7{
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
:where([data-cl-s~="s11"]) .p-tb-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
:where([data-cl-s~="s11"]) .p-tb-9{
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
:where([data-cl-s~="s11"]) .p-tb-10{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
:where([data-cl-s~="s11"]) .p-tb-11{
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
:where([data-cl-s~="s11"]) .p-tb-12{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
:where([data-cl-s~="s11"]) .p-tb-13{
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
:where([data-cl-s~="s11"]) .p-tb-14{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
:where([data-cl-s~="s11"]) .p-tb-15{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
:where([data-cl-s~="s11"]) .p-tb-16{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
:where([data-cl-s~="s11"]) .p-tb-17{
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}
:where([data-cl-s~="s11"]) .p-tb-18{
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
:where([data-cl-s~="s11"]) .p-tb-19{
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
:where([data-cl-s~="s11"]) .p-tb-20{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
:where([data-cl-s~="s11"]) .p-tb-21{
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
:where([data-cl-s~="s11"]) .p-tb-22{
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
:where([data-cl-s~="s11"]) .p-tb-23{
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
:where([data-cl-s~="s11"]) .p-tb-24{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
:where([data-cl-s~="s11"]) .p-tb-25{
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
:where([data-cl-s~="s11"]) .p-tb-26{
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
:where([data-cl-s~="s11"]) .p-tb-27{
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}
:where([data-cl-s~="s11"]) .p-tb-28{
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
:where([data-cl-s~="s11"]) .p-tb-29{
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}
:where([data-cl-s~="s11"]) .p-tb-30{
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
:where([data-cl-s~="s11"]) .p-tb-31{
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
:where([data-cl-s~="s11"]) .p-tb-32{
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
:where([data-cl-s~="s11"]) .p-tb-33{
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}
:where([data-cl-s~="s11"]) .p-tb-34{
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
:where([data-cl-s~="s11"]) .p-tb-35{
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
:where([data-cl-s~="s11"]) .p-tb-36{
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
:where([data-cl-s~="s11"]) .p-tb-37{
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}
:where([data-cl-s~="s11"]) .p-tb-38{
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
:where([data-cl-s~="s11"]) .p-tb-39{
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}
:where([data-cl-s~="s11"]) .p-tb-40{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
:where([data-cl-s~="s11"]) body{
  color: black;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  position: relative;
  
}
:where([data-cl-s~="s11"]) body:before{
  display: block;
  content: '';
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) body.has-overlay:before{
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }}
:where([data-cl-s~="s11"]) .schedule-fes{
  max-width: 1040px;
  margin: 0 auto 90px auto;
}
:where([data-cl-s~="s11"]) ul.schedule-box{
  padding: 0;
  width:80%;
  list-style: none;
  margin:0 auto;
}
:where([data-cl-s~="s11"]) ul.schedule-box li{
  position: relative;
  padding: 20px 35px 20px 35px;
  margin-bottom:15px;
  border: 1px solid #ff197c;
}
:where([data-cl-s~="s11"]) ul.schedule-box li:after{
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 31%;
  right: 23px;
  box-sizing: border-box;
  border: 12px solid transparent;
  border-left: 12px solid #ff197c;
}
:where([data-cl-s~="s11"]) ul.schedule-box li:hover:after{
  opacity: .6;
}
:where([data-cl-s~="s11"]) ul.schedule-box li a{
  color: #ff006e;
  font-size: 1.6rem;
  position: relative;
  display: block;
}
:where([data-cl-s~="s11"]) ul.schedule-box li a:hover{
  opacity: .6;
}
:where([data-cl-s~="s11"]) .container, :where([data-cl-s~="s11"]) .teach-container{
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px){:where([data-cl-s~="s11"]) .schedule-fes{
  max-width: 1040px;
  margin: 0 auto 40px auto;
}
:where([data-cl-s~="s11"]) .text-sm{
  font-size: 1.3rem !important;
}}
:where([data-cl-s~="s11"]) .container.container-md, :where([data-cl-s~="s11"]) .teach-container{
  max-width: 1040px;
  padding: 20px 20px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .container.container-pc{
    max-width: 1040px;
    padding: 0 20px;
  }}
:where([data-cl-s~="s11"]) .link-underline{
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .clearfix{
  *zoom: 1;
}
:where([data-cl-s~="s11"]) .clearfix:before{
  content: "";
  display: table;
}
:where([data-cl-s~="s11"]) .clearfix:after{
  clear: both;
  content: "";
  display: table;
}
:where([data-cl-s~="s11"]) #main-header{
  padding: 8px 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header{
    padding: 0 0 5px;
    height: 65px;
  }}
:where([data-cl-s~="s11"]) #main-header .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header .container{
  padding: 0;
  display: block;
}}
:where([data-cl-s~="s11"]) #main-header .logo{
  width: 272px;
}
:where([data-cl-s~="s11"]) #main-header .logo .logo-area{
  color: #b8005a;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 272px;
}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) #main-header .logo{
  max-width: 210px;
  width: auto;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header .logo{
  width: 210px;
  margin: 10px 10px 0;
  float: left;
  }
:where([data-cl-s~="s11"]) #main-header .logo .logo-area{
    width: 210px;
    font-size: 0.9rem;
  }}


@media screen and (max-width: 375px) {:where([data-cl-s~="s11"]) #main-header .logo{
  max-width: calc(100% - 145px);
}}
:where([data-cl-s~="s11"]) #main-header .global-nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 700px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header .global-nav{
  float: right;
}}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 80px);
}
:where([data-cl-s~="s11"]) .menu-link-box{
  display: none;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .menu-link-box{
  display: block;
  margin-bottom: 6px;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu{
  position: fixed;
  top: 60px;
  left: 100%;
  width: 100%;
  z-index: 10;
  background-color: #b8005a;
  padding: 20px 20px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu.is-displayed{
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .menu-tel-box{
  border-top: 1px dotted white;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li{
  margin-bottom: 2.98%;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.menu-lg{
  width: 48.5%;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.menu-sm{
  width: 31.34%;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.menu-link{
  border: none;
  display: inline;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.menu-link a{
    color: #fff;
    font-size: 3.5vw;
    margin-right: 57px;
    text-decoration: underline;
    letter-spacing: 1px;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.menu-link a::after{
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-left: 8px;
    margin-top: 4px;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.row-sp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 15px 0;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.row-sp span{
  display: block;
  width: calc(100% - 165px);
  text-align: left;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li.row-sp a:before{
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: none;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu li.row-sp a{
  display: block;
  text-align: right;
  color: white;
  width: 100%;
  letter-spacing: 1.0px;
  font-size: 23px;
  font-size: 2.3rem;
}}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li:hover, :where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li.active{
  opacity: .5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a{
  display: block;
  width: 100%;
  text-align: center;
}
:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a > img{
  width: 100%;
  height: auto;
}


@supports (-ms-ime-align: auto) {:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a > img{
    
  width: 99%;
}}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a > img{
  width: 99%;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a > img.sp{
  display: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li > a > img.pc{
  display: none;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-header .global-nav .main-menu > li.row-sp{
  display: none;
}}
:where([data-cl-s~="s11"]) #main-header .global-nav .cta{
  width: 60px;
  margin-left: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-header .global-nav .cta{
  margin-left: 0;
  margin-right: 65px;
}}
:where([data-cl-s~="s11"]) #main-header .global-nav .menu-sp-btn{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-header .global-nav .menu-sp-btn{
  display: none;
}}
:where([data-cl-s~="s11"]) #main-header .global-nav .menu-sp-btn .close-btn{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}
:where([data-cl-s~="s11"]) .top-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
:where([data-cl-s~="s11"]) .page-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
:where([data-cl-s~="s11"]) #main-footer2 .top-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .top-footer, :where([data-cl-s~="s11"]) #main-footer .page-top, :where([data-cl-s~="s11"]) #main-footer2 .top-footer{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
:where([data-cl-s~="s11"]) .top-footer, :where([data-cl-s~="s11"]) .page-top{
  justify-content: center;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-footer .top-footer.no-content, :where([data-cl-s~="s11"]) #main-footer .page-top.no-content, :where([data-cl-s~="s11"]) #main-footer2 .top-footer.no-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}}
:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0 0;
}}
:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu li, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu li, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu li{
  margin-right: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu li, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu li, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu li{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu li:last-of-type, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu li:last-of-type, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu li:last-of-type{
  margin-right: 0;
}}


@media (max-width: 360px) {:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu li, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu li, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu li{
  margin-right: 6px;
}}
:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu .btn{
  font-weight: bold;
  padding: 0 !important;
  text-align: center;
  width: 160px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu .btn{
  width: 156px;
  font-size: 13px;
  font-size: 1.3rem;
}}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .top-footer .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) .page-top .lang-switcher-menu .btn, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .lang-switcher-menu .btn{
  width: 136px;
}}
:where([data-cl-s~="s11"]) .top-footer .back-to-top, :where([data-cl-s~="s11"]) .page-top .back-to-top, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .back-to-top{
  width: 105px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .top-footer .back-to-top:hover, :where([data-cl-s~="s11"]) .page-top .back-to-top:hover, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .back-to-top:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .top-footer .back-to-top, :where([data-cl-s~="s11"]) .page-top .back-to-top, :where([data-cl-s~="s11"]) #main-footer2 .top-footer .back-to-top{
  position: absolute;
  right: -15px;
  bottom: -15px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .top-footer.top-footer-c-sp, :where([data-cl-s~="s11"]) #main-footer .page-top.top-footer-c-sp, :where([data-cl-s~="s11"]) #main-footer2 .top-footer.top-footer-c-sp{
  display: block;
  text-align: center;
  padding: 20px 0 10px;
}
:where([data-cl-s~="s11"]) #main-footer .top-footer.top-footer-c-sp .footer-bnr-sp img, :where([data-cl-s~="s11"]) #main-footer .page-top.top-footer-c-sp .footer-bnr-sp img, :where([data-cl-s~="s11"]) #main-footer2 .top-footer.top-footer-c-sp .footer-bnr-sp img{
  width: 100%;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap, :where([data-cl-s~="s11"]) #main-footer2 .sitemap{
  padding: 20px 0;
  background-color: #fff2f9;
  border-top: 1px solid #ff006e;
}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col.col-lg, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col.col-lg{
  width: 60%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col.col-lg, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col.col-lg{
  width: auto;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col.col-sm, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col.col-sm{
  width: 35%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper .col.col-sm, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper .col.col-sm{
  width: auto;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul{
  padding-right: 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul{
  width: 100%;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li{
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li{
  padding-left: 10px;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li:before, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li:before{
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-bottom: 2px solid #ff006e;
  border-right: 2px solid #ff006e;
  position: absolute;
  top: 5px;
  left: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li:before, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li:before{
  width: 4px;
  height: 4px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li:last-of-type, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li:last-of-type{
  margin-bottom: 0;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li a, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li a{
  color: #ff006e;
  text-decoration: underline;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li a, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li a{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) #main-footer .sitemap .sitemap-wrapper ul li a:hover, :where([data-cl-s~="s11"]) #main-footer2 .sitemap .sitemap-wrapper ul li a:hover{
  text-decoration: none;
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) #main-footer .copyright, :where([data-cl-s~="s11"]) #main-footer2 .copyright{
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ff1375;
  border-bottom: 1px solid #ff1375;
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 16px 10px;
}
:where([data-cl-s~="s11"]) .copyright p{
  padding-right: 10px;
  padding-top: 5px;
}
:where([data-cl-s~="s11"]) .copyright img{
  width: 90px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .copyright, :where([data-cl-s~="s11"]) #main-footer2 .copyright{
  padding: 10px;
  font-size: 11px;
  font-size: 1.1rem;
}
:where([data-cl-s~="s11"]) .copyright img{
  width: 90px;
}
:where([data-cl-s~="s11"]) .copyright p{
  padding-top: 0;
}}
:where([data-cl-s~="s11"]) .footer-caption, :where([data-cl-s~="s11"]) #main-footer2 .footer-caption{
  padding: 20px 0 60px;
  color: #b8005a;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .footer-caption, :where([data-cl-s~="s11"]) #main-footer2 .footer-caption{
  font-size: 10px;
  font-size: 1rem;
}}
:where([data-cl-s~="s11"]) #main-footer .footer-caption dt, :where([data-cl-s~="s11"]) #main-footer2 .footer-caption dt{
  font-weight: bold;
}
:where([data-cl-s~="s11"]) #main-footer .footer-caption dd, :where([data-cl-s~="s11"]) #main-footer2 .footer-caption dd{
  margin-bottom: 25px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer .footer-caption dd{
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) #main-footer .footer-bnr{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) #main-footer .footer-bnr img, :where([data-cl-s~="s11"]) #main-footer2 .footer-bnr img{
  max-width: 335px;
  height: auto;
}}
:where([data-cl-s~="s11"]) #main-footer .footer-bnr:hover, :where([data-cl-s~="s11"]) #main-footer2 .footer-bnr:hover{
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) #main-footer .footer-bnr.fix:hover, :where([data-cl-s~="s11"]) #main-footer2 .footer-bnr.fix:hover{
  cursor: inherit;
}
:where([data-cl-s~="s11"]) .lineup-hiphop_index-footer .top-footer .back-to-top, :where([data-cl-s~="s11"]) #main-footer2.lineup-hiphop_index-footer .top-footer .back-to-top{
  position: absolute;
  bottom: 0;
  right: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop_index-footer .top-footer .back-to-top, :where([data-cl-s~="s11"]) #main-footer2.lineup-hiphop_index-footer .top-footer .back-to-top{
  right: 0;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #main-footer.lineup-hiphop_index-footer, :where([data-cl-s~="s11"]) #main-footer2.lineup-hiphop_index-footer{
  border-top: none;
}
:where([data-cl-s~="s11"]) #main-footer.lineup-hiphop_index-footer .top-footer, :where([data-cl-s~="s11"]) #main-footer2.lineup-hiphop_index-footer .top-footer{
  min-height: unset;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 70px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ff006e;
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
}}
:where([data-cl-s~="s11"]) #main-footer.schedule-footer .top-footer, :where([data-cl-s~="s11"]) #main-footer2.schedule-footer .top-footer{
  position: relative;
  display: block;
}
:where([data-cl-s~="s11"]) #main-footer.schedule-footer .top-footer > div, :where([data-cl-s~="s11"]) #main-footer2.schedule-footer .top-footer > div{
  text-align: center;
}
:where([data-cl-s~="s11"]) #main-footer.schedule-footer .top-footer > div a img, :where([data-cl-s~="s11"]) #main-footer2.schedule-footer .top-footer > div a img{
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .schedule-footer .top-footer .back-to-top, :where([data-cl-s~="s11"]) #main-footer2.schedule-footer .top-footer .back-to-top{
  position: absolute;
  bottom: 0;
  right: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .schedule-footer .top-footer .back-to-top, :where([data-cl-s~="s11"]) #main-footer2.schedule-footer .top-footer .back-to-top{
  right: -20px;
}}
:where([data-cl-s~="s11"]) .main-visual{
  
}
:where([data-cl-s~="s11"]) .main-visual.main-visual-while{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .main-visual .container.container-md{
  padding: 0;
  max-width: 1000px;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02{
  margin-bottom: 45px !important;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02{
  margin-bottom: 35px !important;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow{
  width: 38px;
  height: 38px;
  border: 1px solid #ff167b;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow:before, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow:before{
  display: block;
  content: '';
  width: 13px;
  height: 13px;
  background-color: transparent;
  border-bottom: 2px solid #ff167b;
  border-right: 2px solid #ff167b;
  position: absolute;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-prev, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-prev{
  left: 50%;
  -webkit-transform: translate(-518px, -50%);
      -ms-transform: translate(-518px, -50%);
          transform: translate(-518px, -50%);
}


@media screen and (max-width: 1040px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-prev, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-prev{
  left: 5px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-prev:before, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-prev:before{
  left: 2px;
  -webkit-transform: translate(80%, -50%) rotate(135deg);
      -ms-transform: translate(80%, -50%) rotate(135deg);
          transform: translate(80%, -50%) rotate(135deg);
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-next, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-next{
  right: 50%;
  -webkit-transform: translate(518px, -50%);
      -ms-transform: translate(518px, -50%);
          transform: translate(518px, -50%);
}


@media screen and (max-width: 1040px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-next, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-next{
  right: 5px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-arrow.slick-next:before, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-arrow.slick-next:before{
  -webkit-transform: translate(40%, -50%) rotate(-45deg);
      -ms-transform: translate(40%, -50%) rotate(-45deg);
          transform: translate(40%, -50%) rotate(-45deg);
  left: 1px;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots{
  bottom: -30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots{
  bottom: -25px;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots li, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots li{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #999999;
  margin: 0 16px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots li, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots li{
  width: 10px;
  height: 10px;
  margin: 0 10px;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots li.slick-active, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots li.slick-active{
  background-color: #ff167b;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-dots li button, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-dots li button{
  display: none;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slick-slide:not(.slick-current), :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slick-slide:not(.slick-current){
  opacity: .5;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items{
  position: relative;
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta{
  position: absolute;
  bottom: 12px;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta{
  bottom: 6px;
  right: 6px;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta:hover, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta:hover{
  opacity: .8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta img.pc, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta img.pc{
  display: none;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta img.pc.img-scale, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta img.pc.img-scale{
  -webkit-transform: scale(0.84);
  -ms-transform: scale(0.84);
  transform: scale(0.84);
}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta img.sp, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta img.sp{
  width: 140px;
  height: 45px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow .slide-items .cta img.sp, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 .slide-items .cta img.sp{
  display: none;
}}
:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow img, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 img{
  width: 100%;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow img.sp, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 img.sp{
  display: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow img.pc, :where([data-cl-s~="s11"]) .main-visual .main-visual-slideshow-02 img.pc{
  display: none;
}}
:where([data-cl-s~="s11"]) .banner-sm{
  text-align: center;
}
:where([data-cl-s~="s11"]) .banner-sm .txt-top{
  display: inline-block;
  color: #2b2b2b;
  font-weight: bold;
  position: relative;
  z-index: 1;
  padding: 0 40px;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}
:where([data-cl-s~="s11"]) .banner-sm .txt-top_movie{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .banner-sm img{
  max-width:1000px;
  height:auto;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .banner-sm .txt-top{
  padding: 0 30px;
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .banner-sm img{
  max-width: 100%;
  height: auto;
}}
:where([data-cl-s~="s11"]) .banner-sm .txt-top:before{
  display: block;
  content: '';
  background: url('../img/ae2e5b94e24.png') no-repeat center center;
  width: 24px;
  height: 62px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .banner-sm .txt-top:before{
  top: 50%;
  width: 17px;
  height: 42px;
}}
:where([data-cl-s~="s11"]) .banner-sm .txt-top:after{
  display: block;
  content: '';
  background: url('../img/ab27881aa2e.png') no-repeat center center;
  width: 26px;
  height: 64px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .banner-sm .txt-top:after{
  top: 50%;
  width: 17px;
  height: 42px;
}}
:where([data-cl-s~="s11"]) .banner-sm .txt-bottom{
  display: block;
  text-align: left;
  color: #666666;
  margin-top: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .banner-sm .txt-bottom{
  font-size: 10px;
  font-size: 1rem;
}}
:where([data-cl-s~="s11"]) .banner-sm a img{
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .banner-sm a img:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .banner-sm a img.pc{
  display: none;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .banner-sm a img.sp{
  display: none;
}}
:where([data-cl-s~="s11"]) .banner-sm.opacity-none img:hover{
  opacity: 1;
}
:where([data-cl-s~="s11"]) .box-intro{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .box-intro .img{
  width: 268px;
}
:where([data-cl-s~="s11"]) .box-intro .desc{
  width: calc(100% - 288px);
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .box-intro .desc{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .box-intro .img, :where([data-cl-s~="s11"]) .box-intro .desc{
  width: 100%;
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .accordion .accordion-items, :where([data-cl-s~="s11"]) .accordion-top .accordion-items, :where([data-cl-s~="s11"]) .accordion-access .accordion-items{
  border-radius: 10px;
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .accordion-top .accordion-items, :where([data-cl-s~="s11"]) .accordion-access .accordion-items{
  border: 1px solid #fbbed0;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items:last-of-type, :where([data-cl-s~="s11"]) .accordion-top .accordion-items:last-of-type, :where([data-cl-s~="s11"]) .accordion-access .accordion-items:last-of-type{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label{
  color: #b8005a;
  text-align: center;
  padding: 15px 50px;
  position: relative;
  border: 1px solid #fbbed0;
  font-weight: bold;
  font-size: 2rem;
  background-color: #ffeaf3;
  border-radius: 10px;
}
:where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label{
  color: #ffffff;
  text-align: center;
  padding: 15px 50px;
  position: relative;
  border-bottom: 1px solid #ff006e;
  font-size: 20px;
  font-size: 2rem;
  background-color: #b8005a;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label{
  padding: 0px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label{
  padding: 0px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 17px;
  font-size: 1.7rem;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label small, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label small, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label small{
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label strong, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label strong, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label strong{
  display: block;
  width: 100%;
  margin-top: -10px;
}}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label:after{
    content: '';
    position: absolute;
    right: clamp(30px, 6vw, 50px);
    top: calc(50% - 8px);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 0.7em;
    height: 0.7em;
    border: 0.15em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(25%) rotate(-45deg);
}
:where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label:after{
  display: block;
  content: '';
  background: url('../img/a7c04972a3f.svg') no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  position: absolute;
  right: clamp(30px, 6vw, 50px);
  top: calc(50% - 8px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%) rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label:after{
  display: block;
  content: '';
  background: url('../img/a5672cf4b80.png') no-repeat center center;
  width: 15px;
  height: 10px;
  background-size: 100% 100%;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label:after, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label:after{
  right: 10px;
}}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label:hover, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label:hover, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label:hover{
  cursor: pointer;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-label.is-clicked:after{
  transform: translateY(-25%) rotate(135deg);
  top: 40%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label.is-clicked:after, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-label.is-clicked:after{
  -webkit-transform: translateY(-50%) rotate(270deg);
  -ms-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
  top: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-content, :where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content-pop, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-content{
  display: none;
  padding: 30px 40px;
  border-bottom: 1px solid #ff006e;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content{
  margin-bottom: 30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-content, :where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content-pop, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-content{
  padding: 20px 15px;
}}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content.style02, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-content.style02, :where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content-pop.style02, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-content.style02{
  padding: 15px clamp(10px, 4vw, 40px) 10px;
  background-color: #ffd0dc;
}
:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content.style02{
  border-radius: 10px;
  display: none;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content.style02, :where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-content.style02, :where([data-cl-s~="s11"]) .accordion .accordion-items .accordion-content-pop.style02, :where([data-cl-s~="s11"]) .accordion-access .accordion-items .accordion-content.style02{
  padding: 15px 10px 10px;
}}
:where([data-cl-s~="s11"]) .accordion.accordion-faq .accordion-items, :where([data-cl-s~="s11"]) .accordion-top.accordion-faq .accordion-items{
  border: none;
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .accordion.accordion-faq .accordion-items .accordion-content-pop, :where([data-cl-s~="s11"]) .accordion-top.accordion-faq .accordion-items .accordion-content{
  padding: 10px 20px 20px 20px;
}
:where([data-cl-s~="s11"]) .accordion.accordion-faq .accordion-items .accordion-label{
  padding: 11px 25px;
  background-color: #b8005a;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
}
:where([data-cl-s~="s11"]) .accordion-top.accordion-faq .accordion-items .accordion-label{
  padding: 11px 15px 11px;
}
:where([data-cl-s~="s11"]) hr.divider{
  border: none;
  margin: 15px 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background: url('../img/acadb916ade.png') repeat-x center center;
  background-size: auto 3px;
}
:where([data-cl-s~="s11"]) .pink-divider{
  width: 100%;
  height: 2px;
  background-color: #fbbdce;
  margin: 15px 0;
}
:where([data-cl-s~="s11"]) .modal-container{
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 10;
  display: none;
}
:where([data-cl-s~="s11"]) .modal-container .modal{
  max-width: 1000px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ff006e;
}


@media screen and (max-width: 1040px) {:where([data-cl-s~="s11"]) .modal-container .modal{
  max-width: unset;
  width: 90%;
}}
:where([data-cl-s~="s11"]) .modal-container .modal .modal-close{
  display: block;
  content: '';
  background: url('../img/a75beb17276.png') no-repeat center center;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}
:where([data-cl-s~="s11"]) .modal-container .modal .modal-ttl{
  text-align: center;
  margin-bottom: 14px;
}
:where([data-cl-s~="s11"]) .modal-container .modal .modal-ttl span{
  display: inline-block;
  color: #b8005a;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal .modal-ttl span{
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .modal-container .modal .modal-ttl span:before{
  display: block;
  content: '';
  width: 100%;
  height: 8px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list{
  margin-bottom: 35px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list{
  margin-bottom: 45px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img{
  float: left;
  width: 100px;
  position: relative;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img{
  width: 200px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag{
  display: block;
  width: 100%;
  color: white;
  background-color: #ffb94a;
  text-align: center;
  padding: 5px 10px;
  margin-top: -2px;
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag{
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.hiphop{
  background-color: #f6698a;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.hura{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.burlesque{
  background-color: #9e61c5;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.kpop{
  background-color: #cb9f00;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.ballet{
  background-color: #83d3c9;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.juzz{
  background-color: #ff8737;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .img .name-tag.tahiti{
  background-color: #83cf84;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .excerpt{
  float: right;
  width: calc(100% - 110px);
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .items .excerpt{
  width: calc(100% - 210px);
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .slick-arrow{
  display: block;
  content: '';
  background: url('../img/a8150a9eccd.png') no-repeat center center;
  background-size: 100% 100%;
  width: 16px;
  height: 27px;
  position: absolute;
  z-index: 1;
  bottom: -35px;
  top: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .slick-arrow:before{
  display: none;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .slick-arrow{
  bottom: -40px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .slick-arrow.slick-prev{
  left: 0;
  -webkit-transform: translate(0, 0) rotate(180deg);
  -ms-transform: translate(0, 0) rotate(180deg);
  transform: translate(0, 0) rotate(180deg);
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list .slick-arrow.slick-next{
  right: 0;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02{
  margin-bottom: 35px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02{
  margin-bottom: 45px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .items .img{
  text-align: center;
  position: relative;
  width: 400px;
  margin: 0 auto;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .items .img{
  width: 200px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .items .img img{
  width: 100%;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .slick-arrow{
  display: block;
  content: '';
  background: url('../img/a8150a9eccd.png') no-repeat center center;
  background-size: 100% 100%;
  width: 16px;
  height: 27px;
  position: absolute;
  z-index: 1;
  bottom: -35px;
  top: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .slick-arrow:before{
  display: none;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .slick-arrow{
  bottom: -40px;
}}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .slick-arrow.slick-prev{
  left: 0;
  -webkit-transform: translate(0, 0) rotate(180deg);
  -ms-transform: translate(0, 0) rotate(180deg);
  transform: translate(0, 0) rotate(180deg);
}
:where([data-cl-s~="s11"]) .modal-container .modal.modal-voice .modal-content .voice-list-02 .slick-arrow.slick-next{
  right: 0;
}
:where([data-cl-s~="s11"]) .txt-basic{
  color: #2b2b2b;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
:where([data-cl-s~="s11"]) .text-pink-bold{
  color: #b8005a;
  font-weight: bold;
  font-size: 1.8rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-basic{
  font-size: 14px;
  font-size: clamp(1.3rem, 3vw, 16px);
  line-height: 1.5;
}
:where([data-cl-s~="s11"]) .text-pink-bold{
  font-size: 14px;
  font-size: 1.4rem;
  word-break: keep-all;
  word-wrap : break-word;
}}
:where([data-cl-s~="s11"]) .txt-basic.txt-basic-pink{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .txt-basic.txt-black{
  color: #000000;
}
:where([data-cl-s~="s11"]) .txt-basic.lg{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-basic.lg{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .txt-lead{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-lead{
  font-size: 15px;
  font-size: 1.5rem;
}}
:where([data-cl-s~="s11"]) .txt-center{
  text-align: center;
}
:where([data-cl-s~="s11"]) .txt-right{
  text-align: right;
}
:where([data-cl-s~="s11"]) .txt-left{
  text-align: left;
}
:where([data-cl-s~="s11"]) .txt-sm{
  font-size: 12px;
  font-size: 1.2rem;
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .txt-while, :where([data-cl-s~="s11"]) .txt-white{
  color: #fff !important;
}
:where([data-cl-s~="s11"]) .txt-link{
  color: #ff006e;
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .txt-link:hover{
  text-decoration: none;
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .txt-violet{
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .txt-yellow{
  color: #cb9f00;
}
:where([data-cl-s~="s11"]) .txt-orange{
  color: #cf8800;
}
:where([data-cl-s~="s11"]) .txt-red{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .txt-green{
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .txt-pink{
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .txt-dark-pink{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .txt-light-pink{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .txt-light-blu{
  color: #61b8ad;
}
:where([data-cl-s~="s11"]) .txt-light-orange{
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .txt-md{
  font-size: 24px;
  font-size: 2.4rem;
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .txt-navy{
  color: #585DA9;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-md{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .txt-pink-big{
  color: #b8005a;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-pink-big{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .title{
  color: #2b2b2b;
  font-weight: 500;
  font-size: 17.5px;
  font-size: 1.75rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .head.pc{
  display: none;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .head.sp{
  display: none;
}}
:where([data-cl-s~="s11"]) .section-ttl{
  text-align: center;
}
:where([data-cl-s~="s11"]) .section-form{
  text-align: center;
  position: relative;
  margin-bottom: 12px;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-teacher, :where([data-cl-s~="s11"]) .section-ttl .caption-sm{
  display: inline-block;
  padding: 0 30px 0 35px;
  text-align: center;
  color: #2b2b2b;
  line-height: 1.3;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lt, :where([data-cl-s~="s11"]) .section-form .caption-form{
  display: inline-block;
  padding: 0 30px 0 35px;
  text-align: center;
  color: #2b2b2b;
  line-height: 1.3;
  font-size: 29px;
  font-size: 2.9rem;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-teacher, :where([data-cl-s~="s11"]) .section-ttl .caption-sm{
  padding: 0 20px 0 25px;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lt, :where([data-cl-s~="s11"]) .section-form .caption-form{
  padding: 0 20px 0 25px;
  font-size: 19px;
  font-size: 1.9rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-sm.caption-sm-2{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-sm:before, :where([data-cl-s~="s11"]) .section-ttl .caption-lt:before, :where([data-cl-s~="s11"]) .section-form .caption-form:before{
  display: block;
  content: '';
  background: url('../img/aa4a7a2d9dd.png') no-repeat center center;
  width: 26px;
  height: 28px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-teacher:before{
  width: 18px;
  height: 19px;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-sm:after, :where([data-cl-s~="s11"]) .section-ttl .caption-lt:after, :where([data-cl-s~="s11"]) .section-form .caption-form:after{
  display: block;
  content: '';
  background: url('../img/a295e0408fd.png') no-repeat center center;
  width: 21px;
  height: 29px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-teacher:after, :where([data-cl-s~="s11"]) .section-ttl .caption-sm:after{
  width: 14px;
  height: 19px;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-sm .pinky{
  color: #b8005a;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-sm.caption-sm-02{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg, :where([data-cl-s~="s11"]) .section-ttl .caption-lg-tst{
  background-color: #b8005a;
  color: white;
  padding: 15px 10px;
  font-size: 36px;
  font-size: 3.6rem;
  position: relative;
  margin-top: 3px;
  font-weight: bold;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg{
  padding: 16px 10px;
  font-size: 24px;
  font-size: 2.4rem;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg-tst{
  padding: 16px 10px;
  font-size: 20px;
  font-size: 2.0rem;
  margin-top: 0;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg:before{
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #b8005a;
  position: absolute;
  left: 0;
  bottom: calc(100% + 3px);
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg-tst img{
  width: 2.5%;
}
:where([data-cl-s~="s11"]) .section-form:after{
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #b8005a;
  position: absolute;
  left: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg-tst img{
    width: 5.5%;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg:before{
    height: 1px;
    bottom: calc(100% + 2px);
  }}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg small{
  font-size: 28px;
  font-size: 2.8rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg small{
    font-size: 25px;
    font-size: 2.5rem;
  }}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg strong, :where([data-cl-s~="s11"]) .section-ttl .caption-lg-tst strong{
  font-weight: normal;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg strong{
    line-height: 1.1;
    font-size: 24px;
    font-size: 2.4rem;
  }}
:where([data-cl-s~="s11"]) .caption-lg-tst span{
  color: #ffea00;
  font-size: 4.4rem;

}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .caption-lg-tst span{
    font-size: 2.5rem;
  }}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02{
  background-color: #ffe1e9;
  position: relative;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02:before, :where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02:after{
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #fec2d1;
  border-top: 1px solid #fb4a77;
  border-bottom: 1px solid #fb4a77;
  position: absolute;
  left: 0;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02:before{
  bottom: 100%;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02:after{
  top: 100%;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span{
  display: inline-block;
  position: relative;
  padding: 0 30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span{
    padding: 0 20px 0 25px;
  }}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span:before{
  display: block;
  content: '';
  background: url('../img/aa4a7a2d9dd.png') no-repeat center center;
  width: 26px;
  height: 28px;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span:before{
    width: 21px;
    height: 22px;
  }}
:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span:after{
  display: block;
  content: '';
  background: url('../img/a4dbf6f8f1e.png') no-repeat center center;
  width: 23px;
  height: 36px;
  background-size: 100% 100%;
  position: absolute;
  top: 15px;
  right: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-lg.style02 span:after{
    width: 15px;
    height: 22px;
    top: 10px;
  }}
:where([data-cl-s~="s11"]) .btn{
  display: inline-block;
  border: 1px solid #ff197c;
  background-color: #fff;
  color: #b8005a;
  text-decoration: none !important;
  padding: 10px 110px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .btn-ng{
  display: inline-block;
  border: 1px solid #ffc400;
  color: #b8005a;
  text-decoration: none !important;
  padding: 10px 110px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .btn-sc{
  display: inline-block;
  border: 1px solid #ff197c;
  background-color: #fff;
  color: #b8005a;
  text-decoration: none !important;
  padding: 18px 110px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .arrowbtn{
  -webkit-appearance: none;
  display: inline-block;
  border: 1px solid #ff197c;
  text-decoration: none !important;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background: #ff006e;
  color: white;
  max-width: 100%;
  width: 95%;
  margin: 20px 0 0;
}
:where([data-cl-s~="s11"]) .returnbtn{
  -webkit-appearance: none;
  display: inline-block;
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
  color: #141414;
  text-decoration: none !important;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  max-width: 100%;
  width: 95%;
  margin: 20px 0 0;
}
:where([data-cl-s~="s11"]) .returnbtn-contact{
  -webkit-appearance: none;
  display: inline-block;
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
  color: #141414;
  text-decoration: none !important;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  max-width: 100%;
  width: 100%;
  cursor:pointer;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .btn{
    padding: 13px 40px;
  }
:where([data-cl-s~="s11"]) .btn-ng{
    padding: 10px 50px;
  }
:where([data-cl-s~="s11"]) .btn-sc{
    padding: 10px 90px;
  }
:where([data-cl-s~="s11"]) .returnbtn, :where([data-cl-s~="s11"]) .arrowbtn{
    height: 60px;
  }
:where([data-cl-s~="s11"]) .arrow-right, :where([data-cl-s~="s11"]) .arrow-left{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .btn.btn-arrow-right, :where([data-cl-s~="s11"]) .btn-ng.btn-arrow-right, :where([data-cl-s~="s11"]) .btn-sc.btn-arrow-right{
  position: relative;
  border-radius: 0;
}
:where([data-cl-s~="s11"]) .btn.btn-arrow-right:after, :where([data-cl-s~="s11"]) .btn-ng.btn-arrow-right:after, :where([data-cl-s~="s11"]) .btn-sc.btn-arrow-right:after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
:where([data-cl-s~="s11"]) .btn-arrow-left:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #141414;
    border-right: 2px solid #141414;
    position: absolute;
    left: 15px;
    top: 55%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
:where([data-cl-s~="s11"]) .arrow-right, :where([data-cl-s~="s11"]) .arrow-left{
  position: relative;
  width: 50%;
}
:where([data-cl-s~="s11"]) .arrow-right:after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 26px;
  top: 63%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
:where([data-cl-s~="s11"]) .arrow-left:after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #141414;
  border-right: 2px solid #141414;
  position: absolute;
  left: 15px;
  top: 55%;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
:where([data-cl-s~="s11"]) .btn.btn-arrow-bottom{
  position: relative;
}
:where([data-cl-s~="s11"]) .btn.btn-arrow-bottom:after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
:where([data-cl-s~="s11"]) .btn.btn-solid, :where([data-cl-s~="s11"]) .btn-sc.btn-solid{
  color: white;
  background-color: #b8005a;
}
:where([data-cl-s~="s11"]) .btn-ng.btn-solid{
  color: white;
  background-color: #ffc400;
}
:where([data-cl-s~="s11"]) .btn.btn-solid.btn-arrow-right:after, :where([data-cl-s~="s11"]) .btn-ng.btn-solid.btn-arrow-right:after, :where([data-cl-s~="s11"]) .btn-sc.btn-solid.btn-arrow-right:after{
  border-color: white;
}
:where([data-cl-s~="s11"]) .btn.btn-faq{
  font-size: 18px;
  font-size: 1.8rem;
}
:where([data-cl-s~="s11"]) .btn:hover, :where([data-cl-s~="s11"]) .entbtn:hover{
  opacity: .7;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .btn.btn-arrow{
  position: relative;
}
:where([data-cl-s~="s11"]) .btn.btn-arrow:before{
  display: block;
  content: '';
  width: 13px;
  height: 8px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('../img/a481ad7a3a0.png') no-repeat center center;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .btn.btn-arrow.close:before{
  background: url('../img/ae4ec127d1d.png') no-repeat center center;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .slick-slide, :where([data-cl-s~="s11"]) .slick-slide *{
  outline: none !important;
}
:where([data-cl-s~="s11"]) .button{
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  margin-right: 5px;
  padding: 2px 10px;
  border: 0;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .button.button-pink{
  background-color: #f6698a;
}
:where([data-cl-s~="s11"]) .button.button-green{
  background-color: #83d3c9;
}
:where([data-cl-s~="s11"]) .button.button-orange{
  background-color: #FFB94A;
}
:where([data-cl-s~="s11"]) .button.button-red{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .button.button-blu{
  background-color: #83cf84;
}
:where([data-cl-s~="s11"]) .button.button-purple{
  background-color: #9E61C5;
}
:where([data-cl-s~="s11"]) .button.button-orange-jazz{
  background-color: #FF8737;
}
:where([data-cl-s~="s11"]) .button.button-yellow{
  background-color: #FFE747;
}
:where([data-cl-s~="s11"]) .button.button-big{
  font-size: 24px;
  font-size: 2.4rem;
}
:where([data-cl-s~="s11"]) .button.button-big02{
  font-size: 25px;
  font-size: 2.5rem;
}


@media (max-width: 767px) {:where([data-cl-s~="s11"]) .button.button-big02, :where([data-cl-s~="s11"]) #formWrap dl dt{
    font-size: 12px !important;
    font-size: 1.2rem;
  }
:where([data-cl-s~="s11"]) #contents{
    max-width: 100%;
  }}
:where([data-cl-s~="s11"]) .button.button-big03{
  font-size: 28px;
  font-size: 2.8rem;
}


@media (max-width: 767px) {:where([data-cl-s~="s11"]) .button.button-big03{
    font-size: 14px;
    font-size: 1.4rem;
  }}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) br.sp{
    display: none;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) br.pc{
    display: none;
  }
:where([data-cl-s~="s11"]) br.sp{
  display: block !important;
}}



@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .sp{
    display: none !important;
  }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .sp{
    display: block;
  }}
:where([data-cl-s~="s11"]) .sp-at-820{
  display: none;
}


@media screen and (max-width: 830px) {:where([data-cl-s~="s11"]) .sp-at-820{
    display: block !important;
  }}
:where([data-cl-s~="s11"]) .pc{
  display: block;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .pc{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .pc-in{
  display: inline-block;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .pc-in{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .margin-left-0{
  margin-left: 0 !important;
}
:where([data-cl-s~="s11"]) .w100{
  width: 100%;
}
:where([data-cl-s~="s11"]) .lh-1{
  line-height: 1;
}
:where([data-cl-s~="s11"]) .bnr-map{
  margin-top: 20px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .bnr-map{
    margin-top: 10px;
    
  }}
:where([data-cl-s~="s11"]) .point-list-block-top{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .himitsu-list-block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
:where([data-cl-s~="s11"]) .index-section-himitsu{
  margin-top: 50px;
}
:where([data-cl-s~="s11"]) .index-section-himitsu .secretbox{
  position: relative;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-top: 0;
  background: #fff2f9;
}
:where([data-cl-s~="s11"]) .secretbox-column{
  display: flex;
  padding:40px 0;
  justify-content: center;
  max-width: 1040px;
  padding: 40px 0;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .secret-img-left{
  padding-right: 10px;
  flex-basis: 65%;
}
:where([data-cl-s~="s11"]) .secret-img-right{
  padding-left: 10px;
  flex-basis: 65%;
}
:where([data-cl-s~="s11"]) .grad-wrap{
  position: relative;
  grid-row: 2/3;
  grid-column: 1/2;
  margin-top: 15px;
}
:where([data-cl-s~="s11"]) .grad-item{
  font-size: 1.6rem;
  line-height: 1.7;
  width: 100%;
}
:where([data-cl-s~="s11"]) .point-list-block-top .items{
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
:where([data-cl-s~="s11"]) .grad-trigger:checked ~ .grad-btn{
    bottom: -3em;
}
:where([data-cl-s~="s11"]) .secretbox-column{
  display: block;
  padding: 15px;
}
:where([data-cl-s~="s11"]) .secret-img-left{
  padding-right: 0;
}
:where([data-cl-s~="s11"]) .secret-img-right{
  padding-left: 0;
}
:where([data-cl-s~="s11"]) .grad-wrap{
  position: relative;
  grid-row: 3/4;
  grid-column: 1/2;
}
:where([data-cl-s~="s11"]) .grad-item{
  position: relative;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.5;
  width: 100%;
}
:where([data-cl-s~="s11"]) .index-section-himitsu{
  margin-top: 10px;
}}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top > .items{
    width: 100%;
    margin-bottom: 40px;
  }}
:where([data-cl-s~="s11"]) .point-list-block-top .info{
  display: grid;
  
  grid-template-columns: 60% 40%;
}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .ttl{
  text-align: center;
  grid-row: 1/2;
  grid-column: 1/3;
}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .ttl img{
  max-width: 188px;
  height: auto;
}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .ttl .txt-top img{
  max-width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .ttl img{
    max-width: 170px;
  }
:where([data-cl-s~="s11"]) .point-list-block-top .info{
  display: block;
}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .ttl{
  grid-row: 1/2;
  grid-column: 1/2;
}}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .excerpt{
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .txt-top{
  color: #b8005a;
  line-height: 1.4;
  font-weight: bold;
  font-size: 30px;
  font-size: 3.0rem;
  
  margin-top: 15px;
  text-align: center;
}
:where([data-cl-s~="s11"]) .point-box-right{
  padding-left: 20px;
}
:where([data-cl-s~="s11"]) .point-box-left{
  padding-right: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-top{
    
    font-size: 19px;
    font-size: 1.9rem;
  }
:where([data-cl-s~="s11"]) .point-box-left{
    padding-right: 0;
  }
:where([data-cl-s~="s11"]) .point-box-right{
    padding-left: 0;
  }}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .excerpt .txt-bottom{
  color: #2b2b2b;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .excerpt .txt-bottom{
    font-size: 1.4rem;
    line-height: 1.5;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .excerpt .txt-bottom.txt-bottom-fix{
    font-size: 11px;
    font-size: 1.1rem;
  }}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .img{
  text-align: center;
  max-width: 300px;
  grid-row: 2/3;
  grid-column: 2/3;
  margin-top: 15px;
}
:where([data-cl-s~="s11"]) .slick02 img{
    margin: 0 auto;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-block-top > .items .img{
    margin-top: 0;
  }
:where([data-cl-s~="s11"]) .point-list-block-top > .items .img img{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .btn-show-hidden{
  position: relative;
  padding: 6px 28px 6px 10px;
  z-index: 2;
  font-size: 13px;
  font-size: 1.3rem;
  border: 0 !important;
  text-decoration: underline !important;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .btn-show-hidden.sp{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .btn-show-hidden.pc, :where([data-cl-s~="s11"]) .btn-show-hidden.pc-in{
  border-width: 2px;
}
:where([data-cl-s~="s11"]) .btn-show-hidden.pc.is-clicked, :where([data-cl-s~="s11"]) .btn-show-hidden.pc-in.is-clicked{
  border-bottom-color: white;
  -webkit-transition: ease 0ms;
  -o-transition: ease 0ms;
  transition: ease 0ms;
}
:where([data-cl-s~="s11"]) .btn-show-hidden.pc:hover, :where([data-cl-s~="s11"]) .btn-show-hidden.pc-in:hover{
  opacity: 1 !important;
  -webkit-transition: ease 0ms;
  -o-transition: ease 0ms;
  transition: ease 0ms;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .btn-show-hidden.pc, :where([data-cl-s~="s11"]) .btn-show-hidden.pc-in{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .btn-show-hidden:after{
  display: block;
  content: '';
  background: url('../img/a27b7dfc655.png') no-repeat center center;
  width: 14px;
  height: 9px;
  background-size: 100% 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .btn-show-hidden.is-clicked:after{
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .hidden-content{
  display: none;
}
:where([data-cl-s~="s11"]) .point-list-child-content{
  width: 100%;
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .point-list-child-content.sp{
  margin-top: 15px;
  z-index: 1;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .point-list-child-content.sp{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content.pc{
  
  border: 2px solid #ff006e;
  padding: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-child-content.pc{
    display: none !important;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl{
  text-align: center;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-top{
  padding: 0 5px;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
:where([data-cl-s~="s11"]) .access-ttl .ttl-top{
  padding: 0 5px;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-top{
    font-size: 19px;
    font-size: 1.9rem;
  }
:where([data-cl-s~="s11"]) .ttl-access .ttl-top{
    font-size: 19px;
    font-size: 1.9rem;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-top:after{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: -1;
  -webkit-transform: skewY(-1deg);
      -ms-transform: skewY(-1deg);
          transform: skewY(-1deg);
}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-top.no-stroke:after{
  display: none;
}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-bottom, :where([data-cl-s~="s11"]) .access-ttl .ttl-bottom{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-bottom{
    font-size: 25px;
    font-size: 2.5rem;
  }
:where([data-cl-s~="s11"]) .access-ttl .ttl-bottom{
    font-size: 25px;
    font-size: 2.5rem;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-bottom.stroke, :where([data-cl-s~="s11"]) .access-ttl .ttl-bottom.stroke{
  position: relative;
  z-index: 1;
}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .ttl-bottom.stroke:after, :where([data-cl-s~="s11"]) .access-ttl .ttl-bottom.stroke:after{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: -1;
  -webkit-transform: skewY(-1deg);
      -ms-transform: skewY(-1deg);
          transform: skewY(-1deg);
}
:where([data-cl-s~="s11"]) .point-list-child-content .flex-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-child-content .flex-row{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
:where([data-cl-s~="s11"]) .access-ttl{
    text-align: center;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .boxL{
  width: 45.65%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .boxL{
    width: 100%;
    margin-bottom: 13px;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .boxR{
  width: 52.72%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .boxR{
    width: 100%;
    margin-bottom: 10px;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .img-list{
  margin: 0;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .point-list-child-content .flex-row .img-list.col-2{
    padding-right: 11.5%;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .img-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 15px 0 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .point-list-child-content .img-list img{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .point-list-child-content .img-list.col-3 .items{
  width: 31.43%;
}
:where([data-cl-s~="s11"]) .point-list-child-content .img-list.col-3.col-3-fix .items{
  width: 32.3%;
}
:where([data-cl-s~="s11"]) .point-list-child-content .img-list.col-2 .items{
  width: 47.76%;
}
:where([data-cl-s~="s11"]) .point-list-child-content .img-list.col-2.col-2-fix .items{
  width: 48.76%;
}
:where([data-cl-s~="s11"]) .point-list-child-content .caption-bottom{
  color: #2b2b2b;
  font-size: 15px;
  font-size: 1.5rem;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .point-list-child-content .caption-bottom{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }}
:where([data-cl-s~="s11"]) .dance-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }}
:where([data-cl-s~="s11"]) .dance-list .items{
  width: 32%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list .items{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .dance-list .items:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .dance-list .items img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .dance-list-02{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02{
    padding: 0 20px;
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items{
  width: 32%;
  margin-bottom: 20px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .dance-list-02::after{
  content: "";
  display: block;
  width: 32%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items{
    width: 48%;
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .dance-list-02 .items a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items a{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items a .img{
  width: 150px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items a .img{
    width: 100%;
    margin-bottom: 10px;
  }
:where([data-cl-s~="s11"]) .dance-list-02 .items a .img img{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc{
  width: calc(100% - 160px);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc .txt-top{
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  text-decoration: none;
}
:where([data-cl-s~="s11"]) .dance-new:after{
  padding-left: 3px;
  font-weight: bold;
  content: "New";
	color: #9e61c5;
	font-size: 12px;
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc .txt-top{
    font-size: 1.8rem;
    font-weight: bold;
    font-feature-settings: "palt";
  }}
:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc .txt-bottom{
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-02 .items a .desc .txt-bottom{
    font-size: 12px;
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .dance-list-04{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .dance-list-04 .items{
  width: 31.34%;
  margin-bottom: 2.99%;
}
:where([data-cl-s~="s11"]) .dance-list-04 .items figure{
  margin: 0;
}
:where([data-cl-s~="s11"]) .dance-list-04 .items figure img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .dance-list-04 .items div{
  text-align: center;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 5px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-04 .items figure div{
    font-size: 12px;
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .dance-list-04.dance-list-04-fix .items{
  margin-bottom: 2.3%;
}
:where([data-cl-s~="s11"]) .dance-list-04.dance-list-04-fix::after{
    content: "";
    display: block;
    width: 31.339%;
}
:where([data-cl-s~="s11"]) .person-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .person-list .items{
  width: 9.5%;
  margin-bottom: .6%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .person-list .items{
    width: 19%;
    margin-bottom: 1.2%;
  }}
:where([data-cl-s~="s11"]) .person-list .items img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .person-list .items a{
  display: block;
}
:where([data-cl-s~="s11"]) .page-index .scrollbar{
  
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .page-index .scrollbar{
    overflow-y: scroll;
  }}
:where([data-cl-s~="s11"]) .gallery-list{
  padding: 0 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .gallery-list{
    padding: 0;
  }}
:where([data-cl-s~="s11"]) .gallery-list .items{
  width: 12%;
  margin-bottom: 2.15%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .gallery-list .items{
    width: 32.39%;
    margin-bottom: 1.8%;
  }}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .gallery-list .items.sp{
    display: none;
  }}
:where([data-cl-s~="s11"]) .quick-menu-link{
  background-color: #ffd0dc;
  padding: 40px 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .quick-menu-link{
    padding: 20px 0;
  }}
:where([data-cl-s~="s11"]) .quick-menu-link ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .quick-menu-link ul{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -2.98%;
  }}
:where([data-cl-s~="s11"]) .quick-menu-link ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.2%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .quick-menu-link ul li{
    margin-right: 0;
    margin-bottom: 2.98%;
  }}
:where([data-cl-s~="s11"]) .quick-menu-link ul li:last-of-type{
  margin-right: 0;
}
:where([data-cl-s~="s11"]) .quick-menu-link ul li a{
  display: block;
  width: 100%;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .quick-menu-link ul li a img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .quick-menu-link ul li a:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .quick-menu-link ul li.menu-lg{
    width: 48.5%;
  }
:where([data-cl-s~="s11"]) .quick-menu-link ul li.menu-sm{
    width: 31.34%;
  }}
:where([data-cl-s~="s11"]) .index-section-01{
  text-align: center;
}
:where([data-cl-s~="s11"]) .pnkline{
  border-top: 2px solid rgb(255, 0, 110);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-01 .container{
    padding: 0px 20px 0;
  }}
:where([data-cl-s~="s11"]) .index-section-02{
  padding: 50px 0;
  position: relative;
}
:where([data-cl-s~="s11"]) .index-section-02 .section-ttl{
  margin-bottom: 55px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-02 .section-ttl{
    margin-bottom: 15px;
  }}
:where([data-cl-s~="s11"]) .index-section-02 .btn-container{
  margin-bottom: 45px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-02 .btn-container{
    margin-bottom: 25px;
  }
:where([data-cl-s~="s11"]) .index-section-02 .btn-container .btn{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }}
:where([data-cl-s~="s11"]) .index-section-03{
  padding-top: 30px;
}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl{
  margin-bottom: 30px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl{
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm{
  position: relative;
  padding: 0 25px;
  font-size: 32px;
  font-size: 3.2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm{
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 10px;
}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm:before{
  display: block;
  content: '';
  width: 78px;
  height: 39px;
  background: url('../img/aaf1373c2b6.png') no-repeat right top;
  background-size: cover;
  position: absolute;
  left: 96%;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm:after{
  display: none;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm:before{
  display: block;
  content: '';
  background: url('../img/aa4a7a2d9dd.png') no-repeat center center;
  width: 26px;
  height: 28px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 8%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm:after{
  display: block;
  content: '';
  background: url('../img/a295e0408fd.png') no-repeat center center;
  width: 21px;
  height: 29px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .icn-sparcle{
  position: relative;
  padding: 0 20px;
}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .icn-sparcle:before{
  display: block;
  content: '';
  background: url('../img/aa4a7a2d9dd.png') no-repeat center center;
  width: 20px;
  height: 22px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 8%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .icn-sparcle:after{
  display: block;
  content: '';
  background: url('../img/a295e0408fd.png') no-repeat center center;
  width: 18px;
  height: 26px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}
:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .pinky{
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .pinky{
  font-size: 25px;
  font-size: 2.5rem;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .index-section-03 .section-ttl .caption-sm .pinky:before{
  display: block;
  content: '';
  width: 116px;
  height: 58px;
  background: url('../img/aaf1373c2b6.png') no-repeat right top;
  background-size: cover;
  position: absolute;
  right: -165px;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-03 .container{
  padding: 0;
}}
:where([data-cl-s~="s11"]) .index-section-04, :where([data-cl-s~="s11"]) .index-section-06{
  padding-top: 30px;
  padding-bottom: 45px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-04{
  padding-top: 15px;
  padding-bottom: 25px;
}
:where([data-cl-s~="s11"]) .index-section-06{
  padding-top: 15px;
  padding-bottom: 0;
}}
:where([data-cl-s~="s11"]) .index-section-04 .section-ttl, :where([data-cl-s~="s11"]) .index-section-06 .section-ttl{
  margin-bottom: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-04 .section-ttl, :where([data-cl-s~="s11"]) .index-section-06 .section-ttl{
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .index-section-04 .section-ttl .caption-lg, :where([data-cl-s~="s11"]) .index-section-06 .section-ttl .caption-lg{
  padding: 4px 10px 10px;
}
:where([data-cl-s~="s11"]) .index-section-04 .section-ttl .caption-lg small, :where([data-cl-s~="s11"]) .index-section-06 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .index-section-04 .section-ttl .caption-lg strong, :where([data-cl-s~="s11"]) .index-section-06 .section-ttl .caption-lg strong{
  line-height: 1;
}}
:where([data-cl-s~="s11"]) .index-section-04 .btn-container, :where([data-cl-s~="s11"]) .index-section-06 .btn-container{
  margin-top: 14px;
}
:where([data-cl-s~="s11"]) .index-section-05{
  padding-bottom: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-05{
  padding-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .index-section-05 .section-ttl{
  margin-bottom: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-05 .section-ttl{
  margin-bottom: 20px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-05 .section-ttl .caption-lg{
  padding: 6px 10px 10px;
}}
:where([data-cl-s~="s11"]) .index-section-05 .section-ttl .caption-lg small{
  font-size: 32px;
  font-size: 3.2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-05 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .index-section-05 .section-ttl .caption-lg small strong{
  font-size: 25px;
  font-size: 2.5rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-05 .btn-container{
  padding-top: 15px;
}
:where([data-cl-s~="s11"]) .index-section-05 .btn-container .btn{
  padding-left: 90px;
  padding-right: 90px;
}}
:where([data-cl-s~="s11"]) .index-section-extra{
  padding-bottom: 50px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-extra{
  padding-bottom: 25px;
}}
:where([data-cl-s~="s11"]) .index-section-extra .quick-menu-link{
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-extra .quick-menu-link{
  margin-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .page-index .modal-container .modal{
  width: 90%;
  max-width: 320px;
}


@media (min-width: 320px) {:where([data-cl-s~="s11"]) .page-index .modal-container .modal{
  max-width: calc(40.17857vw + 191.42857px);
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-index .modal-container .modal{
  max-width: 500px;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02{
  margin-bottom: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02{
  margin-bottom: 0;
  padding: 0;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .txt-top{
  text-decoration: underline;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items{
  width: 31.33%;
  margin-right: 2%;
}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items:nth-child(3n){
  margin-right: 0;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .img{
  
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .img{
  width: 48%;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .desc{
  
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .desc{
  width: calc(50% - 10px);
}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .desc .txt-top{
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.6px;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .desc .txt-bottom{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup_index .dance-list-02 .items a .desc .txt-bottom{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup_index .ico-center:before, :where([data-cl-s~="s11"]) .page-lineup_index .ico-center:after{
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}
:where([data-cl-s~="s11"]) .page-lineup_index .caption-lg.h-80{
  padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup_index .caption-lg.h-80{
  padding: 17px 10px 16px;
}}
:where([data-cl-s~="s11"]) .page-lineup_index .bg_pink .banner-sm{
  max-width: 335px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup_index .bg_pink .banner-sm{
  max-width: 670px;
  padding: 0 20px;
}}
:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  width: 125px;
  height: 415px;
  left: 40%;
  top: 160px;
  background: url('../img/a0ecb43d6a9.webp') no-repeat top left/100%;
}


@media screen and (max-width: 900px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  top: 170px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  width: 100px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 20px;
}}


@media screen and (max-width: 660px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  width: 50px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 2%;
  top: 10px;
}}


@media screen and (max-width: 395px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  width: 40px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 2%;
  top: 28px;
}}


@media screen and (max-width: 375px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01:before{
  width: 35px;
  left: 0;
  top: 45px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01 .caption-lg{
  padding: 6px 10px 8px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .lineup-hiphop-section-01 .caption-lg .txt-while{
  font-size: 19px;
  font-size: 1.9rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .index-section-04 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-cheer_index .form-container .form-cta .btn{
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  width: 170px;
  height: 500px;
  left: 60%;
  top: 110px;
  background: url('../img/ace717a8145.png') no-repeat top left/100%;
  -webkit-transform: translateX(-516%);
  -ms-transform: translateX(-516%);
  transform: translateX(-516%);
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  width: 225px;
  height: 518px;
  left: 81%;
  top: 65px;
  background: url('../img/addb55c682a.png') no-repeat top left/100%;
  -webkit-transform: translateX(-516%);
  -ms-transform: translateX(-516%);
  transform: translateX(-516%);
}
:where([data-cl-s~="s11"]) .page-lineup-idol_index .lineup-hiphop-section-01:before{
  width: 208px;
  height: 500px;
  left: 80%;
  top: 110px;
  background: url('../img/a2fffdb3717.png') no-repeat top left/100%;
  -webkit-transform: translateX(-516%);
  -ms-transform: translateX(-516%);
  transform: translateX(-516%);
}


@media screen and (max-width: 1330px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  left: -5px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  left: -5px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  width: 80px;
  height: 236px;
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  width: 80px;
  height: 236px;
}
:where([data-cl-s~="s11"]) .page-lineup-idol_index .lineup-hiphop-section-01:before{
  width: 80px;
  height: 236px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  top: 32px;
  width: 55px;
  height: 163px;
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  top: 82px;
  width: 79px;
  height: 181px;
}
:where([data-cl-s~="s11"]) .page-lineup-idol_index .lineup-hiphop-section-01:before{
  top: 33px;
  width: 83px;
  height: 181px;
  transform: translateX(0);
}}


@media screen and (max-width: 414px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  left: -2px;
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  left: -2px;
}
:where([data-cl-s~="s11"]) .page-lineup-idol_index .lineup-hiphop-section-01:before{
  left: -2px;
}}


@media screen and (max-width: 345px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01:before{
  top: 55px;
  width: 45px;
}
:where([data-cl-s~="s11"]) .page-lineup-themepark_index .lineup-hiphop-section-01:before{
  top: 55px;
  width: 45px;
}
:where([data-cl-s~="s11"]) .page-lineup-idol_index .lineup-hiphop-section-01:before{
  top: 55px;
  width: 45px;
}}
:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-lg{
  padding: 15px 140px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-lg{
  padding: 6px 35px 8px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-lg small{
  font-size: 16px !important;
  font-size: 1.6rem !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-lg strong{
  font-size: 19px !important;
  font-size: 1.9rem !important;
}}


@media screen and (max-width: 430px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-sm{
  padding: 0 70px 0 85px;
}
:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-sm:after{
  right: 50px;
}
:where([data-cl-s~="s11"]) .page-lineup-kpop_index .lineup-hiphop-section-01 .caption-sm:before{
  left: 65px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .index-section-04 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-kpop_index .form-container .form-cta .btn{
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01:before{
  width: 246px;
  height: 415px;
  left: 55%;
  top: 140px;
  background: url('../img/af29a50f67e.webp') no-repeat top left/100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01:before{
  width: 100px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 20px;
  background: url('../img/a87f00f832f.png') no-repeat top left/100%;
}}


@media screen and (max-width: 370px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01:before{
  width: 60px;
  height: 200px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 48px;
}}


@media screen and (max-width: 324px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01:before{
  width: 55px;
  height: 200px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 45px;
}}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  width: 150px;
  height: 420px;
  left: 40%;
  top: 110px;
  background: url('../img/afd232187ee.webp') no-repeat top left/100%;
}


@media screen and (max-width: 1330px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  left: -5px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  width: 80px;
  height: 236px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  top: 32px;
  width: 55px;
  height: 163px;
}}


@media screen and (max-width: 414px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  left: -2px;
}}


@media screen and (max-width: 345px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-index .lineup-hiphop-section-01:before{
  top: 55px;
  width: 45px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01 .plrsp-40{
  padding-left: 40px;
  padding-right: 40px;
}}
:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01:before{
  content: '';
  display: block;
  width: 190px;
  height: 431px;
  left: 47%;
  top: 115px;
  background: url('../img/a68e66393e5.webp') no-repeat top left/100%;
}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01:before{
  left: 51%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01:before{
  width: 90px;
  height: 204px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 11px;
}}


@media screen and (max-width: 430px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01:before{
  width: 60px;
  height: 136px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: -2px;
  top: 46px;
}}


@media screen and (max-width: 340px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01:before{
  width: 47px;
  height: 115px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 48px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-01 .caption-lg .txt-sm-sp{
  font-size: 19px;
  font-size: 1.9rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .lineup-hiphop-section-02 .caption-lg{
  padding: 12px 10px 13px;
}}
:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .point-list-block-top .items .info .excerpt .txt-bottom{
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-burlesque-index .point-list-block-top .items .info .excerpt .txt-bottom{
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-01{
  padding-top: 50px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01{
  padding-top: 25px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-01:before{
  display: block;
  content: '';
  background: url('../img/ab9b718ce4c.png') no-repeat center center;
  width: 204px;
  height: 414px;
  background-size: 100% 100%;
  position: absolute;
  top: 150px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-245%);
  -ms-transform: translateX(-245%);
  transform: translateX(-245%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01:before{
  width: 80px;
  height: 164px;
  -webkit-transform: translateX(-230%);
  -ms-transform: translateX(-230%);
  transform: translateX(-230%);
  top: 20px;
  background-size: 85% 85%;
  left: 48%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 span.pc{
  display: none;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg{
  line-height: 1.2;
  letter-spacing: -2px;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg strong, :where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg small{
  font-weight: normal;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg strong, :where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg small{
  font-size: 20px;
  font-size: 2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg .font-19{
  font-size: 19px;
  font-size: 1.9rem;
}}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-01 .section-ttl .caption-lg .font19{
  font-size: 19px;
  font-size: 1.9rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-02{
  padding-top: 50px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-02{
  padding-top: 25px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-02 .caption-lg{
  padding: 8px 10px 10px;
  line-height: 1.2;
  font-size: 17px;
  font-size: 1.7rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-02.style02 .caption-lg{
  font-size: 24px;
  font-size: 2.4rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-03{
  padding-top: 50px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-03{
  padding-top: 25px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-03 .section-ttl .caption-lg{
  padding: 22px 10px 25px;
  line-height: 1.2;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-03 .section-ttl .caption-lg{
  padding: 4px 10px 10px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-03 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-04{
  padding-top: 20px;
}
:where([data-cl-s~="s11"]) .lineup-burlesque-section-04{
  padding-top: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-04{
  padding-top: 10px;
}
:where([data-cl-s~="s11"]) .lineup-burlesque-section-04{
  padding-top: 20px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-04 .section-ttl .caption-lg, :where([data-cl-s~="s11"]) .lineup-burlesque-section-04 .section-ttl .caption-lg{
  line-height: 1.2;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-04 .section-ttl .caption-lg, :where([data-cl-s~="s11"]) .lineup-burlesque-section-04 .section-ttl .caption-lg{
  padding: 4px 10px 12px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-04 .section-ttl .caption-lg small, :where([data-cl-s~="s11"]) .lineup-burlesque-section-04 .section-ttl .caption-lg small{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-section-05{
  padding-bottom: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-section-05{
  padding-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .section-heading{
  text-align: center;
}
:where([data-cl-s~="s11"]) .section-heading p{
  display: inline-block;
  padding: 5px 10px;
  line-height: 1.2;
  position: relative;
  font-size: 40px;
  font-size: 4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-heading p{
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .section-heading p small{
  font-size: 26px;
  font-size: 2.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-heading p small{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .section-heading p:after{
  display: block;
  content: '';
  width: 100%;
  height: 20px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: -1;
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-heading p:after{
  height: 10px;
}}
:where([data-cl-s~="s11"]) .section-heading img{
  display: block;
  margin: 20px auto;
  max-width: 510px;
  width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-heading img{
  margin: 10px auto 12px;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items{
  margin-bottom: 30px;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner{
  display: block;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .img{
  width: 350px;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .img img{
  width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .img{
  width: 100%;
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .desc{
  width: calc(100% - 370px);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .desc{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .desc .excerpt{
  color: #000;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .item-inner .desc .excerpt{
  line-height: 1.4;
  font-size: 1.45rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items{
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items:last-of-type{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .ttl{
  margin-bottom: 5px;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items .ttl img{
  width: 39px;
  height: 39px;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .ttl p{
  padding-left: 10px;
  color: #b8005a;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .ttl p{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5px;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row .img{
  width: 31.34%;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row .desc{
  width: 64.18%;
}
:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row .desc .excerpt{
  color: #000;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dance-list-03 .items .flex-row .desc .excerpt{
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 11px 20px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg{
  padding: 5px;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg.style01{
  color: white;
  background-color: #b8005a;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg.style02{
  color: #b8005a;
  background-color: #ffd0dc;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg img{
  margin: 0 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .ttl-lg img{
  width: 18px;
  height: 22px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .txt-basic{
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .txt-basic{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1{
  margin: 10px 0 0;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt{
  display: inline-block;
  color: #b8005a;
  margin-bottom: 5px;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  height: 28px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt{
  font-size: 15px;
  font-size: 1.5rem;
  height: 21px;
}}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt{
  font-size: 13px;
  font-size: 1.3rem;
  height: 18px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt:after{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #ffe2e9;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt:after{
  height: 7px;
}}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dt:after{
  height: 5px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd{
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd:last-of-type{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 > dt, :where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 > dd{
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 > dt, :where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 > dd{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 .img-right{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 .img-right{
  margin-bottom: 5px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 .img-left{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro .desc-list-lv1 > dd .desc-list-lv2 .img-left{
  margin-bottom: 5px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL{
  width: 56%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL{
  width: 100%;
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL .img{
  width: 135px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL .img{
  width: 67px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL .excerpt{
  width: calc(100% - 150px);
  color: #2b2b2b;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockL .excerpt{
  width: calc(100% - 82px);
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockR{
  width: 40%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-02 .blockR{
  width: 100%;
  text-align: center;
}}
:where([data-cl-s~="s11"]) .dance-maparea{
  display: flex;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview{
  margin: 0;
  padding: 0 10px;
  flex-basis: 65%;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table{
  width:50%
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .txt{
    float: left;
    width: calc(100% - 200px);
    font-size: 16px;
    font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .txt{
    width: calc(100% - 125px);
    font-size: 13px;
    font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .dance-maparea{
  display: block;
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .dance-maparea > div{
  display: inline-block;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table{
  width:100%
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .cta{
    float: right;
    width: 200px;
    min-height: 40px;
    text-align: right;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .cta{
  width: 110px;
  text-align: right;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .cta .btn{
  padding: 10px 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .cta .btn{
  padding: 10px 20px 10px 8px;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .map-preview figcaption .cta .btn.btn-arrow-right:after{
  right: 6px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 ul li{
  position: relative;
  padding-left: 15px;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 ul li:before{
  display: block;
  content: '＊';
  position: absolute;
  top: 0;
  left: 0;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 a{
  text-decoration: underline;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 a:hover{
  opacity: .7;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .txt{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .txt{
  font-size: 1.3rem;
  line-height: 1.6;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl{
  margin-bottom: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl{
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl span{
  display: inline-block;
  position: relative;
  color: #b8005a;
  padding: 0 10px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl span{
  padding: 0 5px;
  font-size: 15px;
  font-size: 1.5rem;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl span:after{
  display: block;
  content: '';
  width: 100%;
  height: 15px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 .ttl span:after{
  height: 10px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table th, :where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table td{
  border: 2px solid #b8005a;
  padding: 15px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table th, :where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table td{
  padding: 10px;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 5px 10px;
}}


@media screen {:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table th, :where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table td{
  border-width: 1px;
}}
:where([data-cl-s~="s11"]) .lineup-hiphop-intro-03 table th{
  text-align: center;
  background-color: #ffe1e9;
}
:where([data-cl-s~="s11"]) .person-list-02{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .person-list-02{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}}
:where([data-cl-s~="s11"]) .person-list-02 .items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 49%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .person-list-02 .items{
  width: 100%;
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .person-list-02 .items:last-of-type{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .person-list-02 .ps1{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
  padding-top: 15px;
}}
:where([data-cl-s~="s11"]) .person-list-02 .items .img{
  width: 180px;
}
:where([data-cl-s~="s11"]) .person-list-02 .items .mov{
  width: 490px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .person-list-02 .items .img{
  width: 90px;
}}
:where([data-cl-s~="s11"]) .person-list-02 .items .excerpt{
  text-align: justify;
  width: calc(100% - 200px);
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .person-list-02 .items .excerpt{
  width: calc(100% - 100px);
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .steps-block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}}
:where([data-cl-s~="s11"]) .steps-block .items{
  width: 30%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .steps-block .items .ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: url('../img/acadb916ade.png') repeat-x center bottom;
  padding-bottom: 10px;
  margin-bottom: 15px;
  width: 100%;
}
:where([data-cl-s~="s11"]) .steps-block .items .ttl img{
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items .ttl{
  position: relative;
  padding-left: 65px;
  padding-bottom: 5px;
}
:where([data-cl-s~="s11"]) .steps-block .items .ttl img{
  width: 55px;
  position: absolute;
  left: 0;
  top: 20%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}
:where([data-cl-s~="s11"]) .steps-block .items .ttl p{
  margin-top: 5px;
  display: block;
  font-weight: bold;
  color: #b8005a;
  margin-left: 10px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items .ttl p{
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
  font-size: 1.4rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items .desc{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}}
:where([data-cl-s~="s11"]) .steps-block .items .desc .img{
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items .desc .img{
  width: 158px;
}}
:where([data-cl-s~="s11"]) .steps-block .items .desc .excerpt{
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .items .desc .excerpt{
  margin-top: 10px;
  width: calc(100% - 168px);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .steps-block .arrows{
  width: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 .5%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block .arrows{
  width: 100%;
  margin: 15px 0 10px;
}
:where([data-cl-s~="s11"]) .steps-block .arrows img{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  height: 25px;
}}
:where([data-cl-s~="s11"]) .steps-block .arrows:before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  background-color: transparent;
}
:where([data-cl-s~="s11"]) .steps-block.style02 .ttl{
  padding-bottom: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style02 .ttl{
  padding-bottom: 10px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style02 .desc .img{
  width: 100px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style02 .desc .excerpt{
  margin-top: 0;
  width: calc(100% - 115px);
}}
:where([data-cl-s~="s11"]) .steps-block.style03{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .items, :where([data-cl-s~="s11"]) .steps-block.style03 .arrows{
  width: 100%;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .arrows{
  margin-top: 20px;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .arrows img{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .img{
  width: 200px;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 225px);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
}}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc .ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 0;
}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc .ttl img{
  position: relative;
  top: auto;
  left: auto;
  margin-bottom: 5px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc .ttl p{
  margin-left: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc .ttl p{
  margin-left: 5px;
}}
:where([data-cl-s~="s11"]) .steps-block.style03 .flex-row .desc .excerpt{
  margin-top: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style03 .items.sp .desc .img{
  width: 100px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.style03 .items.sp .desc .excerpt{
  width: calc(100% - 115px);
  margin-top: 0;
}}
:where([data-cl-s~="s11"]) .report-block{
  background-color: #fffaa3;
  padding: 0 40px 40px;
  position: relative;
  min-height: 240px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block{
  padding: 0 20px 20px;
  min-height: auto;
}}
:where([data-cl-s~="s11"]) .report-block .ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  width: 73.91%;
  margin-bottom: 25px;
  background: url('../img/acadb916ade.png') repeat-x center bottom;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .ttl{
  width: 100%;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .report-block .ttl img{
  margin: 0 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .ttl img{
  margin: 0 15px 0;
  width: 62px;
}}
:where([data-cl-s~="s11"]) .report-block .ttl p{
  color: #b8005a;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .ttl p{
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .report-block .excerpt{
  width: 73.91%;
  overflow: hidden;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .excerpt{
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .report-block .excerpt strong{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .excerpt strong{
  font-size: 14px;
  font-size: 1.4rem;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .report-block .excerpt img{
  width: 19.9%;
  position: absolute;
  top: 10%;
  right: 4%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .report-block .excerpt img{
  float: right;
  width: 100px;
  margin-left: 10px;
}}
:where([data-cl-s~="s11"]) .full-width-banner{
  background-color: #ffe1e9;
  padding: 20px 0;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner{
  padding: 10px 0;
}}
:where([data-cl-s~="s11"]) .full-width-banner:before{
  display: block;
  content: '';
  width: 100%;
  height: 0;
  border-top: 2px solid #ffe1e9;
  border-bottom: 2px solid white;
  position: absolute;
  bottom: 100%;
  left: 0;
}
:where([data-cl-s~="s11"]) .full-width-banner .container{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 230px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner .container{
  padding-right: 160px;
}}


@media screen and (max-width: 445px) {:where([data-cl-s~="s11"]) .full-width-banner .container{
  padding-right: 140px;
}}
:where([data-cl-s~="s11"]) .full-width-banner small{
  color: #b8005a;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner small{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .full-width-banner strong{
  display: inline-block;
  color: #b8005a;
  position: relative;
  z-index: 1;
  line-height: 1.2;
  padding-right: 10px;
  font-size: 36px;
  font-size: 3.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner strong{
  font-size: 25px;
  font-size: 2.5rem;
  display: block;
}}


@media screen and (max-width: 445px) {:where([data-cl-s~="s11"]) .full-width-banner strong{
  font-size: 1.85px;
  font-size: 1.85rem;
}}
:where([data-cl-s~="s11"]) .full-width-banner strong:after{
  display: block;
  content: '';
  width: 100%;
  height: 20px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner strong:after{
  height: 15px;
}}


@media screen and (max-width: 445px) {:where([data-cl-s~="s11"]) .full-width-banner strong:after{
  height: 9px;
}}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .full-width-banner strong:after{
  height: 5px;
}}
:where([data-cl-s~="s11"]) .full-width-banner img{
  position: absolute;
  bottom: -20px;
  right: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .full-width-banner img{
  width: 130px;
  bottom: -10px;
}}
:where([data-cl-s~="s11"]) .form-container .form-ttl{
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1040px;
  padding: 0 20px 0 65px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-ttl{
  padding-left: 20px;
  margin-bottom: 25px;
}}
:where([data-cl-s~="s11"]) .form-container .form-ttl:before{
  display: block;
  content: '';
  background: url('../img/a77e59a16b2.png') no-repeat center center;
  background-size: 100% 100%;
  width: 58px;
  height: 63px;
  position: absolute;
  top: -10px;
  left: 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-ttl:before{
  top: 2px;
  width: 24px;
  height: 27px;
  left: 16px;
}}
:where([data-cl-s~="s11"]) .form-container .form-ttl .txt-top{
  color: #b8005a;
  font-size: 22px;
  font-size: 2.2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-ttl .txt-top{
  font-weight: bold;
  padding-left: 25px;
  padding-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-ttl .txt-top.fix-fonts{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-ttl .txt-bottom{
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-ttl .txt-bottom{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .form-container .form-content{
  padding: 40px 0;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .form-container .form-content{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .form-group{
  margin-bottom: 35px;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .form-container .form-content .form-group{
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .form-group:last-of-type{
  margin-bottom: 20px;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .form-container .form-content .form-group:last-of-type{
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .txt-sm{
  color: #000;
}
:where([data-cl-s~="s11"]) .form-container .form-content .label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .label{
  background: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .label .tag{
  border: 2px solid;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .label .tag{
  border-width: 1px;
  margin-left: 10px;
  font-size: 10px;
  font-size: 1rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .label .tag.required{
  color: #ff006e;
  border-color: #ff006e;
}
:where([data-cl-s~="s11"]) .form-container .form-content .label .tag.optional{
  color: #000000;
}
:where([data-cl-s~="s11"]) .form-container .form-content .txt-lg{
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .txt-lg{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .txt-sm{
  margin-left: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .txt-sm{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .form-group .row:nth-of-type(2) .txt-sm{
  margin-left: 0;
}
:where([data-cl-s~="s11"]) .form-container .form-content .flex-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .form-container .form-content .flex-row .col-24p{
  width: 24%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .flex-row .col-24p{
  width: 49%;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .flex-row .col-49p{
  width: 49%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .flex-row .col-49p{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: '';
  height: 100%;
  color: #2b2b2b;
  background-color: white;
  border: 1px solid #999999;
  padding: 19px 15px 19px 70px;
  position: relative;
  border-radius: 0;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label{
  padding: 9px 15px 9px 45px;
  font-size: 11px;
  font-size: 1.1rem;
}}


@media screen and (max-width: 374px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label{
  padding: 9px 15px 9px 35px;
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label:before{
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  border: 4px solid #787878;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label:before{
  border-width: 2px;
  width: 13px;
  height: 13px;
  left: 10px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label:after{
  display: block;
  content: '';
  width: 7px;
  height: 7px;
  background-color: #b8005a;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 28px;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"] + label:after{
  left: 15px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-radio input[type="radio"]:checked + label:after{
  opacity: 1;
  visibility: visible;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-select{
  position: relative;
  border: 1px solid #999999;
  height: 58px;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-select{
  height: auto;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-select:before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 13px solid #535353;
  border-bottom: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 19px;
  z-index: 1;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-select:before{
  right: 10px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-select:after{
  display: block;
  content: '';
  background-color: #cccccc;
  width: 58px;
  height: 56px;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-select:after{
  width: 40px;
  height: 40px;
  background-size: 14px 8px;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-select select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: none;
  padding: 10px 15px;
  background-color: white;
  color: #2b2b2b;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-select select{
  padding: 12px 15px;
  height: 40px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-select select:focus{
  outline: none;
}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-input{
  position: relative;
}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-input .input-placeholder{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  padding: 0 20px;
  color: #2b2b2b;
  font-size: 16px;
  font-size: 1.6rem;
  pointer-events: none;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-input .input-placeholder{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='text'], :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='tel'], :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='email']{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: white;
  padding: 19px 15px;
  border: 1px solid #999999;
  border-radius: 0;
  color: #2b2b2b;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='text'], :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='tel'], :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='email']{
  padding: 12px 15px;
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='text']:focus, :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='tel']:focus, :where([data-cl-s~="s11"]) .form-container .form-content .custom-input input[type='email']:focus{
  outline: none;
}
:where([data-cl-s~="s11"]) .form-container .form-content .form-notice{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-content .form-notice{
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .form-container .form-content .form-notice a{
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .form-container .form-content .form-notice a:hover{
  text-decoration: none;
}
:where([data-cl-s~="s11"]) .form-container .form-content .form-notice.style02 li{
  position: relative;
  padding-left: 10px;
}
:where([data-cl-s~="s11"]) .form-container .form-content .form-notice.style02 li:before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
:where([data-cl-s~="s11"]) .form-container .form-cta .btn{
  padding: 15px 70px;
  width: 50%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container .form-cta .btn{
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .video-container{
  display: block;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
:where([data-cl-s~="s11"]) .video-container .videoWrapper{
  position: relative;
  padding-bottom: 56.25%;
  
  padding-top: 25px;
  height: 0;
  text-align: center;
}
:where([data-cl-s~="s11"]) .video-container .videoWrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where([data-cl-s~="s11"]) .video-container .videoWrapper video{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
:where([data-cl-s~="s11"]) .video-wrapper{
  background-color: #fffaa3;
  padding: 15px 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .video-wrapper{
  padding: 15px 20px;
}}
:where([data-cl-s~="s11"]) .video-wrapper .ttl-top{
  width: 100%;
  text-align: center;
  color: #b8005a;
  margin-bottom: 5px;
  font-size: 24px;
  font-size: 2.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .video-wrapper .ttl-top{
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .video-wrapper .ttl-bottom{
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .video-wrapper .ttl-bottom{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01 .section-ttl .caption-lg{
  padding: 7px 10px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01 .section-ttl .caption-lg small{
  font-size: 18px;
  font-size: 1.8rem;
}}


@media screen and (max-width: 370px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-01 .section-ttl .caption-lg strong{
  letter-spacing: -3px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .index-section-04 .section-ttl .caption-lg{
  padding: 1px 10px 3px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-hiphop-section-04 .section-ttl .caption-lg, :where([data-cl-s~="s11"]) .page-lineup-jazz_index .lineup-burlesque-section-04 .section-ttl .caption-lg{
  padding: 4px 10px 10px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-hiphop-summary .dance-list-03 .items .ttl{
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .page-lineup-hiphop-summary .dance-list-03 .items .item-inner .img, :where([data-cl-s~="s11"]) .page-lineup-hiphop-summary .dance-list-03 .items .item-inner .desc{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-lineup-hiphop-summary .dance-list-03 .items{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .page-lineup-hiphop-summary .lineup-belly-summary-section-01{
  margin-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .list-item-basic .item{
  width: 50%;
  padding: 0 10px 0;
  float: left;
  margin-bottom: 40px;
}


@media only screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .list-item-basic .item{
  padding: 20px 0;
  margin: 0;
}
:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .section-ttl .caption-lg{
  padding: 9px 10px;
}
:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .list-item-basic .item{
  width: 100%;
  float: none;
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .list-item-basic .item{
  background-image: none;
}}


@media (max-width: 800px) {:where([data-cl-s~="s11"]) .page-lineup-hiphop_basic .btn-basic{
  width: 100%;
  margin-bottom: 25px;
}}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .hChange .dance-list-03 .items .item-inner .desc{
  width: auto;
}}
:where([data-cl-s~="s11"]) .lineup-belly-section-01{
  padding-top: 50px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01{
  padding-top: 25px;
}
:where([data-cl-s~="s11"]) .lineup-belly-section-01 .section-ttl .caption-lg{
  padding: 5px 10px 7px;
  font-size: 18px;
  font-size: 1.8rem;
}
:where([data-cl-s~="s11"]) .lineup-belly-section-01 .section-ttl .caption-lg small{
  font-size: 18px;
  font-size: 1.8rem;
}}


@media screen and (max-width: 767px) and (max-width: 374px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01 .section-ttl .caption-lg small{
  font-size: 14px;
  font-size: 1.4rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01 .section-ttl .caption-lg strong{
  font-size: 20px;
  font-size: 2rem;
}}


@media screen and (max-width: 767px) and (max-width: 374px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01 .section-ttl .caption-lg strong{
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  display: block;
  content: '';
  background: url('../img/ae0432ff669.webp') no-repeat center center;
  width: 222px;
  height: 487px;
  background-size: 100% 100%;
  position: absolute;
  top: 70px;
  right: 50%;
  z-index: 1;
  -webkit-transform: translateX(240%);
  -ms-transform: translateX(240%);
  transform: translateX(240%);
}


@media screen and (max-width: 1100px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  width: 200px;
  height: 439px;
  top: 140px;
}}


@media screen and (max-width: 1000px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  width: 140px;
  height: 307px;
  top: 190px;
  right: 40%;
}}


@media screen and (max-width: 840px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  right: 45%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  width: 81px;
  height: 177px;
  -webkit-transform: translateX(230%);
  -ms-transform: translateX(230%);
  transform: translateX(230%);
  top: 10px;
}}


@media screen and (max-width: 480px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  right: 45%;
}}


@media screen and (max-width: 400px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  right: 46%;
  width: 70px;
  height: 150px;
}}


@media screen and (max-width: 374px) {:where([data-cl-s~="s11"]) .lineup-belly-section-01:before{
  right: 52%;
}}
:where([data-cl-s~="s11"]) .lineup-belly-section-01 .accordion-items .dance-list-03 .items-brt{
  padding-top: 18px;
  border-top: 1px solid #ff006e;
}
:where([data-cl-s~="s11"]) .fix-font{
  font-size: 17px !important;
}


@media screen and (max-width: 1050px) {:where([data-cl-s~="s11"]) .fix-font{
  font-size: 14px !important;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .fix-font{
  font-size: 11px !important;
}}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-01{
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-02{
  margin-bottom: 40px;
  background-color: #ffb94a;
  padding: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-summary-section-02{
  padding-left: 0;
  padding-right: 0;
}}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-02 .ttl{
  text-align: center;
  margin-bottom: 20px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .lineup-belly-summary-section-02 .ttl img{
  width: 500px;
  height: auto;
}}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-03 .btn-container, :where([data-cl-s~="s11"]) .lineup-belly-basic-section-03 .btn-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-belly-basic-section-03 .btn-container .btn{
  margin: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-belly-basic-section-03 .btn-container .btn{
  margin: 5px 0;
  padding: 13px 25px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-belly-summary-section-03 .btn-container, :where([data-cl-s~="s11"]) .lineup-belly-basic-section-03 .btn-container{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .lineup-belly-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-belly-basic-section-03 .btn-container .btn{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .page-lineup-belly_summary .pt-14{
  padding-top: 14px;
}
:where([data-cl-s~="s11"]) .page-lineup-belly_summary .pb-8{
  padding-bottom: 8px;
}
:where([data-cl-s~="s11"]) .page-lineup-belly_summary .lineup-belly-summary-section-02 .box-intro{
  margin-top: -16px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}}
:where([data-cl-s~="s11"]) .dance-list-05 .item{
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05 .item.sm{
  width: 48%;
}
:where([data-cl-s~="s11"]) .dance-list-05 .item.lg{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .dance-list-05 .item:after{
  display: block;
  content: '';
  width: 100%;
  height: 3px;
  background: url('../img/acadb916ade.png') repeat-x center center;
  background-size: auto 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05 .item:after{
  display: none;
}}
:where([data-cl-s~="s11"]) .dance-list-05 .item:last-child{
  margin-bottom: 0;
  padding-bottom: 10px;
}
:where([data-cl-s~="s11"]) .dance-list-05 .item:last-child:after{
  display: none;
}
:where([data-cl-s~="s11"]) .dance-list-05 .item .img{
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .dance-list-05 .item .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .dance-list-05 .item .desc a{
  color: #f6698a;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05 .item .desc a{
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 14px;
}}
:where([data-cl-s~="s11"]) .dance-list-05 .item .desc p{
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05 .item .desc p{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .dance-list-05 .item .desc .pink{
  color: #f6698a;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .dance-list-05 .item .desc .pink{
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 14px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-belly_basic .section-ttl .caption-lg{
  padding: 9px 10px;
}}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01{
  padding-top: 50px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-ballet-section-01{
  padding-top: 25px;
}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01 .section-ttl .caption-lg{
  padding: 2px 10px;
}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01 .section-ttl .caption-lg *{
  font-size: 19px;
  font-size: 1.9rem;
}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01 .section-ttl .caption-lg small{
  letter-spacing: -1px;
}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01 .section-ttl .caption-lg strong{
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .lineup-ballet-section-01:before{
  display: block;
  content: '';
  background: url('../img/a3772e809f7.png') no-repeat center center;
  width: 219px;
  height: 496px;
  background-size: 100% 100%;
  position: absolute;
  top: 45px;
  left: 49%;
  z-index: 1;
  -webkit-transform: translateX(-277%);
  -ms-transform: translateX(-277%);
  transform: translateX(-277%);
}


@media screen and (min-width: 860px) and (max-width: 1040px) {:where([data-cl-s~="s11"]) .lineup-ballet-section-01:before{
  
  background: none;
}}


@media screen and (min-width: 768px) and (max-width: 860px) {:where([data-cl-s~="s11"]) .lineup-ballet-section-01:before{
  
  background: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-ballet-section-01:before{
  
  background: none;
}}


@media screen and (max-width: 375px) {:where([data-cl-s~="s11"]) .lineup-ballet-section-01:before{
  
  background: none;
}}
:where([data-cl-s~="s11"]) .page-lineup-ballet_summary .dance-list-03 .items .ttl{
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .page-lineup-ballet_summary .btn.btn-arrow-right{
  width: 100%;
}
:where([data-cl-s~="s11"]) .lineup-hula-section-01{
  padding-top: 50px;
  position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-section-01{
  padding-top: 25px;
}
:where([data-cl-s~="s11"]) .lineup-hula-section-01 .section-ttl .caption-lg{
  padding: 5px 10px 7px;
}
:where([data-cl-s~="s11"]) .lineup-hula-section-01 .section-ttl .caption-lg *{
  font-size: 19px;
  font-size: 1.9rem;
}}
:where([data-cl-s~="s11"]) .lineup-hula-section-01:before{
  display: block;
  content: '';
  background: url('../img/acb1272937d.webp') no-repeat center center;
  width: 246px;
  height: 444px;
  background-size: 100% 100%;
  position: absolute;
  top: 65px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-237%);
  -ms-transform: translateX(-237%);
  transform: translateX(-237%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-section-01:before{
  width: 93px;
  height: 168px;
  -webkit-transform: translateX(-230%);
  -ms-transform: translateX(-230%);
  transform: translateX(-230%);
  top: 24px;
}}


@media screen and (max-width: 375px) {:where([data-cl-s~="s11"]) .lineup-hula-section-01:before{
  top: 40px;
  left: 52%;
}}
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-01{
  padding-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-summary-section-01{
  padding-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-02{
  background-color: #ff5f71;
  margin-bottom: 40px;
  padding: 20px;
}
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-02 .ttl img{
  width: 485px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-summary-section-02 .ttl img{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-03 .btn-container, :where([data-cl-s~="s11"]) .lineup-hula-basic-section-02 .btn-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-hula-basic-section-02 .btn-container .btn{
  margin: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-hula-basic-section-02 .btn-container .btn{
    margin: 5px 0;
    padding: 10px 25px;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-hula-summary-section-03 .btn-container, :where([data-cl-s~="s11"]) .lineup-hula-basic-section-02 .btn-container{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
:where([data-cl-s~="s11"]) .lineup-hula-summary-section-03 .btn-container .btn, :where([data-cl-s~="s11"]) .lineup-hula-basic-section-02 .btn-container .btn{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .page-lineup-hula_summary .lineup-hula-summary-section-02{
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-hula_summary .dance-list-03 .items .item-inner .desc{
    width: 100%;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_summary .dance-list-03 .items .item-inner .img{
    width: 100%;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_summary .lineup-hula-summary-section-02{
    padding: 20px 0;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_summary .lineup-hula-summary-section-03 .btn-container .btn{
    padding: 13px 25px;
  }}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup-hula_summary .lineup-hula-summary-section-03 .btn{
    padding: 10px 60px;
  }}


@media (min-width: 1000px) {:where([data-cl-s~="s11"]) .page-lineup-hula_summary .lineup-hula-summary-section-03 .btn{
    padding: 10px 110px;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-hula_basic .section-ttl .caption-lg{
    padding: 9px 10px;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_basic .dance-list-05 .item:after{
    display: none;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_basic .lineup-hula-basic-section-02 .btn-container .btn{
    padding: 13px 25px;
  }
:where([data-cl-s~="s11"]) .page-lineup-hula_basic .dance-list-05 .item{
    margin: 0;
    padding-bottom: 5px;
  }}
:where([data-cl-s~="s11"]) .lineup-tahitians-summary-section-02 .ttl img{
  width: 485px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .lineup-tahitians-summary-section-02 .ttl img{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper{
  display: block;
  overflow: hidden;
  margin-right: -20px;
}
:where([data-cl-s~="s11"]) .form-container-02 a{
  color: #ff006e;
}


@supports (-ms-ime-align: auto) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper{
    
    list-style: none;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper{
    margin-right: 0;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.form-group-wrapper-block .form-group{
    width: 48% !important;
    margin: 0 !important;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.form-group-wrapper-block .form-group:nth-child(2){
    float: right;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.form-group-wrapper-block .form-group button{
    font-size: 11px;
    font-size: 1.1rem;
  }}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
  }}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.center .form-group{
    float: none;
    margin: 0 5px 10px;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.center .form-group{
    width: 31.74%;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.center .form-group:first-of-type{
    margin-right: 2.3% !important;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper.center .form-group:nth-of-type(3n){
    margin-right: 0;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  list-style: none;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group.col-md{
  width: 176px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group.col-md{
    width: 100%;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group.col-sm{
  width: 176px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group.col-sm{
    width: 31.74%;
    margin-right: 2.3%;
    margin-bottom: 2.3%;
  }
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group.col-sm:nth-child(3n + 1){
    margin-right: 0;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"]{
  display: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 0 15px 0 50px;
  position: relative;
  border: 2px solid transparent;
  height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label{
    padding: 0 3px 0 20px;
    font-size: 11px;
    font-size: clamp(12px, 2vw, 16px);
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:before{
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  border: 2px solid #fbbccd;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:before{
    width: 10px;
    height: 10px;
    border-width: 2px;
    left: max(5px, calc(50% - 70px));
  }}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:before{
    left: 5px;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:after{
  display: block;
  content: '';
  width: 9px;
  height: 9px;
  background-color: #ff006e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 24px;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:after{
    width: 6px;
    height: 6px;
    left: max(9px, calc(50% - 70px + 4px));
  }}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:after{
    left: 9px;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label:hover{
  cursor: pointer;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label img{
    width: 12px;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label small{
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"] + label small{
    font-size: 9px;
    font-size: 10px;
  }}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"]:checked + label{
  border-color: #ff006e;
  color: #ff006e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group .custom-radio input[type="radio"]:checked + label:after{
  opacity: 1;
  visibility: visible;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  border-radius: 5px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #000;
  padding: 0 15px;
  height: 50px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button[type="submit"]{
  background-color: #ff006e;
  color: #fff;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button[type="reset"]{
  background-color: #bfbabb;
  color: #fff;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button:before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  background-color: transparent;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button:focus{
  outline: none;
}
:where([data-cl-s~="s11"]) .form-container-02 .form-group-wrapper .form-group button:hover{
  cursor: pointer;
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .schedule-tab .tab-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -2px;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .schedule-tab .tab-list.tab-list-sp{
    display: block;
    padding: 0 20px;
    overflow: hidden;
  }
:where([data-cl-s~="s11"]) .schedule-tab .tab-list.tab-list-sp .tab{
    float: left;
    width: 48%;
  }
:where([data-cl-s~="s11"]) .schedule-tab .tab-list.tab-list-sp .tab:nth-child(2n){
    float: right;
  }
:where([data-cl-s~="s11"]) .schedule-tab .tab-list.tab-list-sp .tab a{
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .tab-list .tab a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250px;
  min-width: fit-content;
  height: 60px;
  background-color: #fff;
  color: #b8005a;
  margin: 0 5px;
  border: 2px solid #fdcddd;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  font-size: 19px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .schedule-tab .tab-list .tab a.active{
  background-color: #fdcddd;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .wrapper{
  display: block;
  margin: 0 auto;
  max-width: 632px;
  padding-left: 30px;
  position: relative;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .wrapper.wrap-scroll-date{
  
  
  max-width: 640px;
  padding-left: 0px;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .wrapper.wrap-scroll-date{
    padding-left: 3px;
    padding-right: 2px !important;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header{
  position: relative;
  margin-bottom: 3px;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header:before{
  bottom: 100%;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header:after{
  top: 100%;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header table{
  width: 100%;
  table-layout: fixed;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header table td{
  padding: 8px 5px;
  width: 13.54%;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 640px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header table td{
    padding: 6px 5px;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header .sat{
  color: #1bb3ce;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-header .sun{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar{
  margin-bottom: 15px;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 15px;
  position: relative;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar.line{
  margin-bottom: 30px;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar.line:after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: url('../img/acadb916ade.png') repeat-x center center;
  background-size: auto 3px;
  left: 0;
  bottom: -15px;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar .time-bg{
  background: #fdcddd !important;
  position: relative;
  color: #b8005a;
  padding-top: 8px;
  font-size: 22px;
  text-align: center;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar .time-bg .ver-rl{
  display: block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td{
  width: calc((100% - 32px) / 7);
  
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  vertical-align: top;
  background: none no-repeat center center;
  background-size: 100% 100%;
  font-weight: bold;
}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td{
    border-right: 2px solid white;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items{
  border-radius: 5px;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top{
  contain: content;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-teal{
  background-color: #4cbcae;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-teal .bottom{
  border: 2px solid #4cbcae;
  color: #4cbcae;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-pink{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-pink .bottom{
  border: 2px solid #ff5262;
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltbrown{
  background-color: #e69d11;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltbrown .bottom{
  border: 2px solid #e69d11;
  color: #e69d11;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-violet{
  background-color: #9e61c5;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-violet .bottom{
  border: 2px solid #9e61c5;
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltpink{
  background-color: #f6698a;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltpink .bottom{
  border: 2px solid #f6698a;
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-boys{
  background-color: #585da9;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-boys .bottom{
  border: 2px solid #585da9;
  color: #585da9;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-orange{
  background-color: #ff8737;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-orange .bottom{
  border: 2px solid #ff8737;
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltgreen{
  background-color: #6dc96e;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-ltgreen .bottom{
  border: 2px solid #6dc96e;
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-cheer{
  background-color: #ff73ae;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-cheer .bottom{
  border: 2px solid #ff73ae;
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-kpop{
  background-color: #c8a900;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-kpop .bottom{
  border: 2px solid #c8a900;
  color: #c8a900;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-jpop{
  background-color: #37ceff;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-apop{
  background-color: #ff3153;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-idol{
  background-color: #d494fd;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-vocal{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-themepark{
  background-color: #b8e654;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-jpop .bottom{
  border: 2px solid #37ceff;
  color: #37ceff;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-apop .bottom{
  border: 2px solid #ff3153;
  color: #ff3153;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-idol .bottom{
  border: 2px solid #d494fd;
  color: #d494fd;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-vocal .bottom{
  border: 2px solid #ff5262;
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-themepark .bottom{
  border: 2px solid #b8e654;
  color: #b8e654;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-reggae{
  background-color: #26AE4F;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items.color-reggae .bottom{
  border: 2px solid #26AE4F;
  color: #26AE4F;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top{
  position: relative;
  color: white;
  padding: 8px 5px 4px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 640px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top{
    padding: 2px;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .date{
  position: relative;
  margin-top: 5px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name{
  position: relative;
  margin-top: 5px;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name span, :where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name img{
  height: 14px;
  float: right;
  margin-right: 4px;
}

@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .date{
    margin-top: 3px;
    font-size: 11px;
    font-size: 1.1rem;
  }
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name{
    margin-top: 3px;
    font-size: 9px;
    font-size: 0.9rem;
  }
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name span, :where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .school-name img{
    height: 11px;
    margin-right: 2px;
  }
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content  .wrap-scroll-date{
   
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .date:after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  
  width: 16px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .top .date:after{
    height: 13px;
    width: 10px;
    top: 50%;
    right: -3px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .bottom{
  background-color: #fff;
  padding: 8px 5px 4px 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  line-height: 1;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .bottom{
    padding: 4px 0 3px;
    font-size: 10px;
    font-size: 1rem;
  }}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td .items .bottom{
    font-size: 9px;
    font-size: 0.9rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td > span{
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar td > span:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .time-bg{
  background: #fff !important;
  position: relative;
}
:where([data-cl-s~="s11"]) .time-bg .time-navi-table li > span{
  display: block;
  text-align: center;
  font-size: 17px;
}


@media screen and (max-width: 640px) {:where([data-cl-s~="s11"]) .time-bg .time-navi-table li > span{
    font-size: 12px;
  }}
:where([data-cl-s~="s11"]) .time-navi{
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .time-navi{
    left: 0;
  }}
:where([data-cl-s~="s11"]) .time-navi li{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .time-navi li.prev{
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
:where([data-cl-s~="s11"]) .time-navi li.prev a{
  display: block;
  min-width: 22px;
  padding-top: 40px;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .time-navi li.prev a{
    padding-top: 30px;
  }}
:where([data-cl-s~="s11"]) .time-navi li.prev:before{
  display: block;
  content: '';
  background: url('../img/a27b7dfc655.png') no-repeat center center;
  width: 15px;
  height: 10px;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 12%;
  -webkit-transform: translateX(-50%) rotate(180deg);
      -ms-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  pointer-events: none;
}
:where([data-cl-s~="s11"]) .time-navi li.next{
  position: absolute;
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
:where([data-cl-s~="s11"]) .time-navi li.next a{
  display: block;
  min-width: 22px;
  padding-bottom: 40px;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .time-navi li.next a{
    padding-bottom: 30px;
  }}
:where([data-cl-s~="s11"]) .time-navi li.next:before{
  display: block;
  content: '';
  background: url('../img/a27b7dfc655.png') no-repeat center center;
  width: 15px;
  height: 10px;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .time-navi li.current{
    left: 5px;
  }}
:where([data-cl-s~="s11"]) .time-navi li a{
  display: block;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .time-navi li a{
    font-size: 11px;
    font-size: 1.1rem;
  }}
:where([data-cl-s~="s11"]) .time-navi li a span.ver-rl{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar #tab02 .slick-vertical .slick-slide{
  min-height: 52vh;
  overflow: auto;
}


@media screen and (min-width: 601px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar #tab02 .slick-vertical .slick-slide{
    min-height: 458px;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar #tab02 .slick-vertical .slick-slide{
  min-height: 52vh;
  overflow: auto;
}


@media screen and (min-width: 601px) {:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar #tab02 .slick-vertical .slick-slide{
    min-height: 458px;
  }}
:where([data-cl-s~="s11"]) .schedule-tab .schedule-calendar .tab-content{
  width: 100%;
}
:where([data-cl-s~="s11"]) .bg_pink{
  background-color: #ffd0dc;
  padding: 24px 0;
  position: relative;
}
:where([data-cl-s~="s11"]) .bg_pink:before, :where([data-cl-s~="s11"]) .bg_pink:after{
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #fff;
  position: absolute;
}
:where([data-cl-s~="s11"]) .bg_pink:before{
  top: 1px;
}
:where([data-cl-s~="s11"]) .bg_pink:after{
  bottom: 1px;
}
:where([data-cl-s~="s11"]) .bg_pink .banner-sm{
  max-width: 454px;
  display: block;
  margin: 0 auto;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .bg_pink .banner-sm.banner-sm-sp{
    max-width: 100%;
    padding: 0 20px;
  }}
:where([data-cl-s~="s11"]) .bg_pink.bg_pink_fix:before, :where([data-cl-s~="s11"]) .bg_pink.bg_pink_fix:after{
  display: none;
}
:where([data-cl-s~="s11"]) .line-bottom{
  position: relative;
}
:where([data-cl-s~="s11"]) .next-month{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 5px;
}
:where([data-cl-s~="s11"]) .next-month a{
  position: relative;
  color: #b8005a;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .next-month .prev{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding-left: 40px;
  margin-left: -45px;
}


@media screen and (max-width: 500px) {:where([data-cl-s~="s11"]) .next-month .prev{
    margin-left: -35px;
  }}
:where([data-cl-s~="s11"]) .next-month .prev:before{
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
}
:where([data-cl-s~="s11"]) .next-month .next{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding-right: 20px;
  margin-right: 10px;
}
:where([data-cl-s~="s11"]) .next-month .next:before{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
}
:where([data-cl-s~="s11"]) .heading-month{
  background-color: #ffeaf3;
  border-bottom: 1px solid #fdcddd;
  padding: 3px 8px;
  font-size: 16px;
  color: #646464;
}
:where([data-cl-s~="s11"]) .table-caption{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .table-caption{
    font-size: 13px;
    font-size: 1.3rem;
  }
:where([data-cl-s~="s11"]) .next-month .prev:before, :where([data-cl-s~="s11"]) .next-month .next:before{
    width: 0.8em;
    height: 0.8em;
  }}
:where([data-cl-s~="s11"]) .wrap-scroll-date02{
  
  
  max-width: 640px !important;
  padding-left: 0px !important;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .wrap-scroll-date02{
    padding-left: 3px;
    padding-right: 2px !important;
  }
:where([data-cl-s~="s11"]) .wrap-scroll-date02 .time-bg .time-navi-table{
    left: 3px !important;
  }}
:where([data-cl-s~="s11"]) .page-mainv{
  display: table;
  width: 100%;
  height: 80px;
  background: url('../img/a3ba38b1d21.png') no-repeat center center/100%;
}
:where([data-cl-s~="s11"]) .page-mainv .page-mainv-txts{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
:where([data-cl-s~="s11"]) .page-mainv .page-mainv-ltxt{
  position: relative;
  display: inline-block;
  color: #b8005a;
  font-size: 24px;
  font-size: 2.4rem;
}
:where([data-cl-s~="s11"]) .page-mainv .page-mainv-ltxt:before, :where([data-cl-s~="s11"]) .page-mainv .page-mainv-ltxt:after{
  position: absolute;
  display: block;
  width: 18px;
  height: 30px;
  content: '';
  background-size: 100% 100%;
}
:where([data-cl-s~="s11"]) .page-mainv .page-mainv-ltxt:before{
  top: -10px;
  right: 102%;
  background: url('../img/aa4a7a2d9dd.png') no-repeat center center/100%;
}
:where([data-cl-s~="s11"]) .page-mainv .page-mainv-ltxt:after{
  top: 10px;
  left: 102%;
  background: url('../img/a295e0408fd.png') no-repeat center center/100%;
}
:where([data-cl-s~="s11"]) .about-list-block .lineup-w50{
  width: 50%;
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  list-style: none;
  background: url('../img/a16a2c1e78a.png') no-repeat bottom center/100%;
}
:where([data-cl-s~="s11"]) .about-list-block .items{
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  list-style: none;
  background: url('../img/a16a2c1e78a.png') no-repeat bottom center/100%;
}
:where([data-cl-s~="s11"]) .about-list-block .items .img{
  float: left;
  width: 26%;
}
:where([data-cl-s~="s11"]) .about-list-block .items .info{
  width: calc(64% - 10px);
  padding-left: 10px;
}
:where([data-cl-s~="s11"]) .about-list-block .items .info .ttl{
  margin-bottom: 10px;
  color: #b8005a;
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .about-list-block .items .info .txt-sm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .about-list-block .items .img{
    margin-right: 20px;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-list-block .items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
:where([data-cl-s~="s11"]) .about-list-block .items .img{
    width: 36%;
  }}
:where([data-cl-s~="s11"]) #main-footer.about_voice-footer{
  border: 0;
}
:where([data-cl-s~="s11"]) .paging-navigation{
  text-align: center;
}
:where([data-cl-s~="s11"]) .paging-navigation .pagination{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  padding-left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where([data-cl-s~="s11"]) .paging-navigation .pagination .page-numbers{
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  cursor: pointer;
  color: #b8005a;
  border: 1px solid #b8005a;
  border-radius: 50%;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .paging-navigation .pagination .page-numbers:first-child{
  margin: 0;
}
:where([data-cl-s~="s11"]) .paging-navigation .pagination .page-numbers.current{
  color: #fff;
  border: 1px solid #b8005a;
  background-color: #b8005a;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .tab-content-about{
  display: none;
}
:where([data-cl-s~="s11"]) .tab-content-about.active{
  display: block;
}
:where([data-cl-s~="s11"]) .yellow-box{
  padding: 40px;
  text-align: center;
  background-color: #f9f2b0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .yellow-box{
    padding: 20px;
  }}
:where([data-cl-s~="s11"]) .yellow-box .ttl{
  font-weight: bold;
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #b8005a;
  font-size: 24px;
  font-size: 2.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .yellow-box .ttl{
    font-size: 20px;
    font-size: 2rem;
  }}
:where([data-cl-s~="s11"]) .yellow-box .ttl:after{
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  background-color: #fabf9e;
}
:where([data-cl-s~="s11"]) .yellow-box .sub-ttl{
  margin-bottom: 15px;
  color: #2b2b2b;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .yellow-box .sub-ttl{
    margin-bottom: 10px;
  }}
:where([data-cl-s~="s11"]) .yellow-box .sub-ttl span{
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .yellow-box .sub-ttl span{
    font-size: 14px;
    font-size: 1.4rem;
  }}
:where([data-cl-s~="s11"]) .yellow-box .sub-ttl small{
  display: block;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .yellow-box .sub-ttl small{
    font-size: 12px;
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .yellow-box .img-list-02{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where([data-cl-s~="s11"]) .yellow-box .img-list-02 .items{
  margin: 0 10px;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {:where([data-cl-s~="s11"]) .yellow-box .img-list-02 .items{
    width: 48%;
  }}
:where([data-cl-s~="s11"]) .yellow-box .cta .btn{
  width: 100%;
  padding-right: 30px !important;
  padding-left: 45px !important;
}
:where([data-cl-s~="s11"]) .yellow-box .cta .btn:before{
  position: absolute;
  left: 15px;
  display: block;
  width: 25px;
  height: 17px;
  content: '';
  background: url('../img/a53458c919a.png') no-repeat center center;
  background-size: 100% 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .page-about .yellow-box .cta .btn{
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .page-about .yellow-box .ttl:after{
  display: none;
}
:where([data-cl-s~="s11"]) .page-about .yellow-box .ttl .txt-bdr{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(251, 72, 117, 0)), color-stop(60%, rgba(251, 72, 117, 0.3)), to(rgba(251, 72, 117, 0.3)));
  background: -o-linear-gradient(top, rgba(251, 72, 117, 0) 60%, rgba(251, 72, 117, 0.3) 60%, rgba(251, 72, 117, 0.3) 100%);
  background: linear-gradient(to bottom, rgba(251, 72, 117, 0) 60%, rgba(251, 72, 117, 0.3) 60%, rgba(251, 72, 117, 0.3) 100%);
}


@media screen and (max-width: 430px) {:where([data-cl-s~="s11"]) .page-about .yellow-box .ttl .txt-bdr{
    font-size: 16px;
    font-size: 1.6rem;
  }}


@media screen and (max-width: 450px) {:where([data-cl-s~="s11"]) .page-about .yellow-box .sub-ttl span{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
  }}


@media screen and (max-width: 450px) {:where([data-cl-s~="s11"]) .page-about .yellow-box .sub-ttl small{
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.3;
  }}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about .point-list-child-content .ttl{
    margin-bottom: 20px;
  }
:where([data-cl-s~="s11"]) .page-about .yellow-box .yellow-box-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
:where([data-cl-s~="s11"]) .page-about .yellow-box .yellow-box-inner .clm-left-pc{
    width: 65%;
    padding-right: 10px;
  }
:where([data-cl-s~="s11"]) .page-about .yellow-box .yellow-box-inner .img-list-02{
    margin: 0;
  }
:where([data-cl-s~="s11"]) .page-about .yellow-box .yellow-box-inner .img-list-02 .items{
    margin: 0 10px;
  }
:where([data-cl-s~="s11"]) .page-about .yellow-box .cta .btn{
    width: 50%;
    max-width: 460px;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem;
  }
:where([data-cl-s~="s11"]) .page-about .dance-list-03 .items .flex-row .img{
    width: 150px;
  }
:where([data-cl-s~="s11"]) .page-about .dance-list-03 .items .flex-row .desc{
    width: calc(100% - 165px);
  }
:where([data-cl-s~="s11"]) .access-ttl{
    margin-bottom: 20px;
    text-align: center;
  }
:where([data-cl-s~="s11"]) .access-ttl .ttl-bottom.stroke{
    position: relative;
    z-index: 1;
    font-size: 2.5rem;
  }}


@media screen and (max-width: 420px) {:where([data-cl-s~="s11"]) .page-about .section-ttl .caption-lg{
    font-size: 18px;
    font-size: 1.8rem;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-about .dance-list-03 .items .desc .excerpt{
    font-size: 1.3rem;
    line-height: 1.5;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .caption-lg.h-80{
  padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .caption-lg.h-80{
    padding: 17px 10px 16px;
    font-size: 20px;
    font-size: 2rem;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .img{
  width: 30%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .img{
    width: 125px;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc{
  width: 67%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc{
    width: calc(100% - 135px);
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .ttl{
  margin-bottom: 5px;
  color: #b8005a;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .ttl span{
  position: relative;
  display: inline-block;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .ttl span:after{
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  -webkit-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
  background-color: #ffd0dc;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .ttl{
    font-size: 12px;
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .excerpt{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .intro-box .desc .excerpt{
    font-size: 12px;
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list{
    padding: 0;
  }}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items{
  width: 100%;
  margin-bottom: 2%;
  padding: 10px 20px 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items{
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpink{
  background-color: #fee9ee;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpink .ttl{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpink .cta{
  background-color: #f6698a;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.teal{
  background-color: #f2fbfb;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.teal .ttl{
  color: #61b8ad;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.teal .cta{
  background-color: #61b8ad;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.orange{
  background-color: #ffede1;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.orange .ttl{
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.orange .cta{
  background-color: #ff8737;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.blue{
  background-color: #d3d6fb;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.blue .ttl{
  color: #585da9;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.blue .cta{
  background-color: #585da9;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.violet{
  background-color: #e5d7ef;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.violet .ttl{
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.violet .cta{
  background-color: #9e61c5;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltbrown{
  background-color: #fff9d1;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltbrown .ttl{
  color: #c8a900;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltbrown .cta{
  background-color: #c8a900;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltorange{
  background-color: #fff1db;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltorange .ttl{
  color: #cf8800;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltorange .cta{
  background-color: #ffb94a;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen{
  background-color: #d7e6b8;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen .ttl{
  color: #B8E654;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen .cta{
  background-color: #B8E654;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpurple{
  background-color: #e9cafc42;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpurple .ttl{
  color: #d494fd;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltpurple .cta{
  background-color: #d494fd;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.red{
  background-color: #ffedef;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.red .ttl{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.red .cta{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen{
  background-color: #edf8ed;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen .ttl{
  color: #59b35a;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.ltgreen .cta{
  background-color: #59b35a;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.pink{
  background-color: #ffeaf3;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.pink .ttl{
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items.pink .cta{
  background-color: #ff73ae;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .ttl{
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
:where([data-cl-s~="s11"]) .dance-box{
  text-align: center;
}
:where([data-cl-s~="s11"]) .dance-box img{
  max-width: 998px;
  width: 90%;
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .ttl{
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .intro-box{
  margin-bottom: 10px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .intro-box .img{
  width: 200px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .intro-box .desc{
  width: calc(100% - 220px);
}}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta{
  position: relative;
  display: block;
  width: 100%;
  max-width: 365px;
  margin: 0 auto;
  padding: 10px 30px 10px 10px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta{
  margin-right: 0;
}}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta:hover{
  opacity: .7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta:before{
  position: absolute;
  right: 15px;
  display: block;
  width: 9px;
  height: 14px;
  content: '';
  background: url('../img/a370e1079f3.png') no-repeat center center;
  background-size: 100% 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta{
  width: 100%;
  margin: 0 auto;
  padding: 5px 15px;
}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta:before{
  right: 10px;
}}
:where([data-cl-s~="s11"]) .about-choice-section-01 .choice-list .items .cta small{
font-size: 14px;
font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .banner-sm .txt-top{
  margin-bottom: 20px;
}}


@media screen and (max-width: 580px) {:where([data-cl-s~="s11"]) .about-choice-section-01 .banner-sm .txt-top{
  margin-bottom: 5px;
}}
:where([data-cl-s~="s11"]) .page-about_voice .caption-lg.h-80{
padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-about_voice .caption-lg.h-80{
  padding: 17px 10px 16px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items .img{
  width: 244px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items .info{
  float: left;
  width: calc(100% - 264px);
  padding-left: 0;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items .info .txt-sm{
  font-size: 14px;
  font-size: 1.4rem;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items .info .ttl{
  font-size: 20px;
  font-size: 2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items .info .ttl{
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-size: 15px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-about_voice .about-list-block .items > .txt-basic{
  float: left;
  width: calc(100% - 264px);
}}
:where([data-cl-s~="s11"]) .ttl-main{
  position: relative;
}
:where([data-cl-s~="s11"]) .ttl-main:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 6px;
  background: url('../img/ac25672d81b.png');
}
:where([data-cl-s~="s11"]) .ttl-main:after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: url('../img/ac25672d81b.png');
}
:where([data-cl-s~="s11"]) .ttl-main .ttl-price{
  background: #ffe1e9;
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #b8005a;
  margin: 0 0 17.5px;
  font-family: -apple-system, blinkMacSystemFont, Meiryo, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding: 21px 0;
  font-size: 36px;
  font-size: 3.6rem;
}
:where([data-cl-s~="s11"]) .ttl-main .ttl-news{
  background: #ffe1e9;
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #b8005a;
  margin: 0 0 17.5px;
  font-family: -apple-system, blinkMacSystemFont, Meiryo, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding: 21px 0;
  font-size: 2.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-main .ttl-price{
  min-height: 72px;
  font-size: 24px;
  font-size: 2.4rem;
}
:where([data-cl-s~="s11"]) .ttl-main .ttl-news{
  min-height: 72px;
  font-size: 1.4rem;
  padding: 21px;
}}
:where([data-cl-s~="s11"]) .ttl-main .ttl-price:before, :where([data-cl-s~="s11"]) .ttl-main .ttl-news:before{
  display: block;
  content: '';
  background: url('../img/acd1a70d501.png') no-repeat center center;
  width: 26px;
  height: 28px;
  background-size: 100% 100%;
  top: -8px;
  left: -4px;
  position: relative;
}
:where([data-cl-s~="s11"]) .ttl-main .ttl-price:after, :where([data-cl-s~="s11"]) .ttl-main .ttl-news:after{
  display: block;
  content: '';
  background: url('../img/aecd4e7b022.png') no-repeat center center;
  width: 21px;
  height: 29px;
  background-size: 100% 100%;
  top: 8px;
  right: -4px;
  position: relative;
}
:where([data-cl-s~="s11"]) .ct-pr-label{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .ct-pr-label .ct-txt-right{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .ct-pr-label .img-center{
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label{
  margin-bottom: 25px;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .ttl{
  background: url('../img/acadb916ade.png') repeat-x center bottom;
  padding-bottom: 3px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .ttl{
  padding-bottom: 5px;
  margin-bottom: 7px;
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .table-pr{
  border-collapse: collapse;
  border-spacing: 0;
  width: 70%;
  color: #2b2b2b;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .table-pr{
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .table-pr td{
  border: 1px solid #b8005a;
  padding: 1px 9px;
  height: 27px;
}
:where([data-cl-s~="s11"]) .ct-pr-label .table-pr th{
  text-align: center;
  background-color: #ffe1e9;
  border: 1px solid #b8005a;
  padding: 1px 9px;
  height: 27px;
}
:where([data-cl-s~="s11"]) .ct-pr-label .txt-price{
  font-size: 16px;
  font-size: 1.6rem;
  color: #2b2b2b;
  line-height: 1.7;
}
:where([data-cl-s~="s11"]) .ct-pr-label .txt-news{
  font-size: 16px;
  font-size: 1.6rem;
  color: #2b2b2b;
  line-height:1.75;
}
:where([data-cl-s~="s11"]) .list-indent{
  text-indent: 1em;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .txt-price{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-cl-s~="s11"]) .ct-pr-label .txt-news{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .list-txt{
  color: #2b2b2b;
  line-height: 1.7;
}
:where([data-cl-s~="s11"]) .ct-pr-label .list-txt li{
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .list-txt li{
  padding-left: 5px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .list-txt li{
  padding-left: 12px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .list-txt li:before{
  content: "*";
  position: absolute;
  left: 0;
}
:where([data-cl-s~="s11"]) .ct-pr-label .btn{
  padding: 10px 110px;
  margin-top: 30px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .btn{
  padding: 10px !important;
  width: 100%;
  margin-top: 15px;
  max-width: 375px;
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .link-pr{
  padding-left: 10px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .link-pr{
  margin-top: 20px;
  margin-bottom: 33px;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .link-pr:before{
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-bottom: 2px solid #ff006e;
  border-right: 2px solid #ff006e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  left: -4px;
}
:where([data-cl-s~="s11"]) .ct-pr-label .link-pr a{
  color: #ff006e;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #ff006e;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ct-pr-label .link-pr a{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .ct-pr-label .link-pr a:hover{
  text-decoration: none;
  opacity: .7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
:where([data-cl-s~="s11"]) .color-txt{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .list-site-link{
  margin-bottom: 50px;
  margin-top: -4px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .list-site-link{
  margin-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .list-site-link li{
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .list-site-link li a{
  color: #b8005a;
  text-decoration: underline;
  font-size: 18px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .list-site-link li a{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .color-black{
  color: #000000 !important;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .twoCol:after{
  content: '';
  display: block;
  clear: both;
}
:where([data-cl-s~="s11"]) .twoCol li{
  float: left;
  width: 50%;
}
:where([data-cl-s~="s11"]) .twoCol li:nth-child(2n){
  float: right;
}}
:where([data-cl-s~="s11"]) .main-facility .caption-lg.h-80{
  padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .caption-lg.h-80{
  padding: 17px 10px 16px;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility{
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .content-facility{
  margin-bottom: 0px;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility .map-preview{
  max-width: 640px;
}
:where([data-cl-s~="s11"]) .main-facility .content-facility .caption-lg{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-bottom: 20px;
  color: white;
  background-color: #b8005a;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 36px;
  font-size: 3.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .content-facility .caption-lg{
  height: 50px;
  font-size: 24px;
  font-size: 2.4rem;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility .caption-lg:before{
  position: absolute;
  bottom: calc(100% + 1px);
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #b8005a;
}
:where([data-cl-s~="s11"]) .main-facility .content-facility .txt{
  float: left;
  width: calc(100% - 155px);
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .content-facility .txt{
  width: calc(100% - 125px);
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility .cta{
  float: right;
  min-height: 40px;
  text-align: right;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .content-facility .cta{
  width: 110px;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility .cta .btn{
  display: inline-block;
  padding: 10px 20px 10px 6px;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-facility .content-facility .cta .btn{
  display: block;
  width: 110px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .main-facility .content-facility .cta .btn:after{
  right: 8px;
}
:where([data-cl-s~="s11"]) .main-facility .content-facility .txt-02{
  color: #2b2b2b;
}



:where([data-cl-s~="s11"]) .content-facility .list-info-faci li{
  float: left;
  width: 50%;
  margin-bottom: 35px;
  padding-right: 60px;
}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li:nth-of-type(even){
  float: right;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li{
  width: 100%;
  margin-bottom: 0;
  padding-right: 0;
}}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .ttl-faci{
  font-weight: 600;
  margin-bottom: 11px;
  color: #b8005a;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .ttl-faci{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .ttl-faci .number{
  display: table-cell;
  width: 50px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .ttl-faci .number{
  width: 32px;
}}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .ttl-faci .ttl{
  display: table-cell;
  padding-left: 8px;
  vertical-align: middle;
}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li:last-child .img-faci:after{
  display: none;
}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-faci{
  position: relative;
}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-faci .link-faci{
  font-weight: 600;
  position: absolute;
  top: 52%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  padding: 4px 8px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  background: #ff0030;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  font-size: 2.2rem;
}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-faci .link-faci:hover{
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: .7;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-faci .link-faci{
  min-width: 125px;
  font-size: 13px;
  font-size: 1.3rem;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-faci:after{
  position: absolute;
  right: -55px;
  width: 50px;
  height: 42px;
  content: '';
  background: url('../img/aa7e7c19a66.png') center no-repeat;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}}
:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-mt{
  margin: 10px 0;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-mt img{
  height: 30px;
  width: 25px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .content-facility .list-info-faci li .img-mt{
  display: none !important;
}}
:where([data-cl-s~="s11"]) .content-facility .list-txt{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .content-facility .list-txt li{
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .content-facility .list-txt li{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .village{
  position: relative;
  margin-bottom: 50px;
  padding: 30px 0 35px;
  color: #b8005a;
  background: #ffd0dc;
  font-size: 34px;
  font-size: 3.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .village{
  margin-bottom: 20px;
  padding: 15px 0 18px;
  font-size: 17px;
  font-size: 1.7rem;
}}
:where([data-cl-s~="s11"]) .village .v-diew .txt{
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
:where([data-cl-s~="s11"]) .village .v-diew .txt:after{
  position: absolute;
  top: -21px;
  right: 0;
  content: none;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .village .v-diew .txt:after{
right: -27px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}}
:where([data-cl-s~="s11"]) .village .v-diew .txt .bg-bt{
  line-height: 1;
  position: relative;
  z-index: 2;
  padding-bottom: 8px;
  background: none repeat-x;
  background-position: 56% bottom;
  background-size: 100% 20px;
}
:where([data-cl-s~="s11"]) .village .v-diew .v-link{
  position: relative;
  display: block;
  padding-left: 13px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-decoration: underline;
  color: #b8005a;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .village .v-diew .v-link:hover{
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
  opacity: .7;
}
:where([data-cl-s~="s11"]) .village .v-diew .v-link:before{
  position: absolute;
  top: 39%;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 2px solid #ff006e;
  border-bottom: 2px solid #ff006e;
  background-color: transparent;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .village .v-diew .v-link:before{
  top: 27%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .village .v-diew .v-link{
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .village .v-diew .img{
  float: right;
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-thanks article{
  padding: 20px 0 50px;
  border-top: 1px solid #b8005a;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .fix-call{
  pointer-events: none;
}}
:where([data-cl-s~="s11"]) .page-friend .caption-lg.h-80{
  padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-friend .caption-lg.h-80{
  padding: 17px 10px 16px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-friend .steps-block .items .ttl{
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
:where([data-cl-s~="s11"]) .page-friend .steps-block .items .ttl p{
  display: inline-block;
  margin-left: 10px;
  line-height: 1;
}
:where([data-cl-s~="s11"]) .page-friend .steps-block .items .desc .img{
  max-width: 200px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .page-friend .steps-block .arrows{
  padding: 0;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-friend .steps-block{
  padding-top: 10px;
}
:where([data-cl-s~="s11"]) .page-friend .steps-block .arrows img{
  height: 25px;
}}
:where([data-cl-s~="s11"]) .ttl-item{
  color: #b8005a;
  font-size: 25px;
  font-size: 2.5rem;
  margin: 20px 0;
}
:where([data-cl-s~="s11"]) .ttl-item .small{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-item{
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
:where([data-cl-s~="s11"]) .ttl-item .small{
  font-size: 15px;
  font-size: 1.5rem;
}}
:where([data-cl-s~="s11"]) .ttl-box{
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-box{
  margin-bottom: 13px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .ttl-box span{
  display: inline-block;
  position: relative;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .ttl-box span:after{
  display: block;
  content: '';
  height: 15px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 0;
  left: -3px;
  right: -3px;
  z-index: -1;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-box span:after{
  height: 10px;
}}
:where([data-cl-s~="s11"]) .benefit-list .item{
  float: left;
  width: 48%;
}
:where([data-cl-s~="s11"]) .benefit-list .item:nth-child(2n){
  float: right;
}
:where([data-cl-s~="s11"]) .benefit-list .item img{
  width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .benefit-list .item{
  margin-bottom: 20px;
  float: none;
  width: 100%;
  text-align: center;
}
:where([data-cl-s~="s11"]) .benefit-list .item img{
  max-width: 100%;
}
:where([data-cl-s~="s11"]) .benefit-list .item:nth-child(2n){
  float: none;
}}
:where([data-cl-s~="s11"]) .box-smail .benefit-list{
  display: inline-block;
  max-width: 600px;
}
:where([data-cl-s~="s11"]) .shade-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .shade-item .item{
  padding: 0 7px;
}
:where([data-cl-s~="s11"]) .shade-item .item img{
  width: 45px;
}
:where([data-cl-s~="s11"]) .line-btn{
  display: block;
  width: 230px;
  height: 20px;
  margin: 10px auto;
  padding: 20px;
  border-radius: 10px;        
  -webkit-border-radius: 10px;    
  -moz-border-radius: 10px;   
  text-decoration: none;
  color: #fff;
  text-align: center;
  background: #09B701;
}
:where([data-cl-s~="s11"]) .line-btn a{
  display: block;
}
:where([data-cl-s~="s11"]) .line-btn-txt{
  color: #fff;
  position: relative;
  bottom: 11px;
  font-size: 17px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .steps-block.steps-block-02 .items .desc .img{
  width: 100px;
}
:where([data-cl-s~="s11"]) .steps-block.steps-block-02 .items .desc .excerpt{
  width: calc(100% - 100px);
  padding-left: 15px;
}}
:where([data-cl-s~="s11"]) .flow-section-01 .btn-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .flow-section-01 .btn-container .btn{
  margin: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .flow-section-01 .btn-container .btn{
  margin: 5px 0;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .flow-section-01 .btn-container{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .flow-section-01 .btn-container .btn{
  width: 100%;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .flow-section-01 .steps-block.style02 .arrows{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 160px;
}}
:where([data-cl-s~="s11"]) .page-flow .mov-wrap{
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
:where([data-cl-s~="s11"]) .page-flow .mov-wrap .mov-wrap-inner{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .page-flow .mov-wrap .mov-wrap-inner iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 600px;
  height: 100%;
}
:where([data-cl-s~="s11"]) .page-faq .caption-lg.h-80{
  padding: 15px 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-faq .caption-lg.h-80{
  padding: 17px 10px 16px;
}}
:where([data-cl-s~="s11"]) .page-faq .accordion-faq{
  border-top: 1px solid #ff006e;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .page-faq .accordion-faq{
  border-right: 1px solid #ff006e;
  border-left: 1px solid #ff006e;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-faq .accordion-faq .accordion-items .accordion-label{
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .page-faq .accordion-faq .accordion-content .btn.btn-faq{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-faq .accordion-faq .accordion-content .btn.btn-faq{
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}}
:where([data-cl-s~="s11"]) .page-faq .index-section-02:after{
  display: none;
}
:where([data-cl-s~="s11"]) .page-privacy .text, :where([data-cl-s~="s11"]) .page-rule .text, :where([data-cl-s~="s11"]) .page-site .text{
  font-size: 12.5px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .text, :where([data-cl-s~="s11"]) .page-rule .text, :where([data-cl-s~="s11"]) .page-site .text{
  font-size: 16px;
}}
:where([data-cl-s~="s11"]) .page-privacy .txt-12, :where([data-cl-s~="s11"]) .page-rule .txt-12, :where([data-cl-s~="s11"]) .page-site .txt-12{
  font-size: 12px;
  font-weight: 700;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .txt-12, :where([data-cl-s~="s11"]) .page-rule .txt-12, :where([data-cl-s~="s11"]) .page-site .txt-12{
  font-size: 16px;
}}
:where([data-cl-s~="s11"]) .page-privacy .box-text, :where([data-cl-s~="s11"]) .page-rule .box-text, :where([data-cl-s~="s11"]) .page-site .box-text{
  margin-bottom: 24px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .box-text, :where([data-cl-s~="s11"]) .page-rule .box-text, :where([data-cl-s~="s11"]) .page-site .box-text{
  margin-bottom: 48px;
}}
:where([data-cl-s~="s11"]) .page-privacy .box-text .box-title, :where([data-cl-s~="s11"]) .page-rule .box-text .box-title, :where([data-cl-s~="s11"]) .page-site .box-text .box-title{
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  background: url('../img/acadb916ade.png') repeat-x center bottom;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .box-text .box-title, :where([data-cl-s~="s11"]) .page-rule .box-text .box-title, :where([data-cl-s~="s11"]) .page-site .box-text .box-title{
  font-size: 28px;
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .page-privacy .list-txt, :where([data-cl-s~="s11"]) .page-rule .list-txt, :where([data-cl-s~="s11"]) .page-site .list-txt{
  font-size: 12px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .list-txt, :where([data-cl-s~="s11"]) .page-rule .list-txt, :where([data-cl-s~="s11"]) .page-site .list-txt{
  font-size: 16px;
}}
:where([data-cl-s~="s11"]) .page-privacy .list-txt li, :where([data-cl-s~="s11"]) .page-rule .list-txt li, :where([data-cl-s~="s11"]) .page-site .list-txt li{
  position: relative;
  padding-left: 12px;
}
:where([data-cl-s~="s11"]) .page-privacy .list-txt li:before, :where([data-cl-s~="s11"]) .page-rule .list-txt li:before, :where([data-cl-s~="s11"]) .page-site .list-txt li:before{
  content: '.';
  position: absolute;
  top: -3px;
  left: 2px;
}
:where([data-cl-s~="s11"]) .page-privacy .table-info, :where([data-cl-s~="s11"]) .page-rule .table-info, :where([data-cl-s~="s11"]) .page-site .table-info{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-privacy .table-info td, :where([data-cl-s~="s11"]) .page-rule .table-info td, :where([data-cl-s~="s11"]) .page-site .table-info td{
  border: 1px solid #b8005a;
  padding: 7px 11px;
  width: 50%;
  font-size: 12px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-privacy .table-info td, :where([data-cl-s~="s11"]) .page-rule .table-info td, :where([data-cl-s~="s11"]) .page-site .table-info td{
  padding: 14px 22px;
  font-size: 24px;
}}
:where([data-cl-s~="s11"]) .page-privacy .table-info tr td:first-child, :where([data-cl-s~="s11"]) .page-rule .table-info tr td:first-child, :where([data-cl-s~="s11"]) .page-site .table-info tr td:first-child{
  width: 45.5%;
}
:where([data-cl-s~="s11"]) .page-privacy .table-info tr td:last-child, :where([data-cl-s~="s11"]) .page-rule .table-info tr td:last-child, :where([data-cl-s~="s11"]) .page-site .table-info tr td:last-child{
  width: 54.5%;
}
:where([data-cl-s~="s11"]) .page-privacy .table-info .tr-pink td, :where([data-cl-s~="s11"]) .page-rule .table-info .tr-pink td, :where([data-cl-s~="s11"]) .page-site .table-info .tr-pink td{
  background-color: #ffe1e9;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-site .box-text .box-title{
  font-size: 20px;
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .f-sz-20{
  font-size: 20px !important;
}}
:where([data-cl-s~="s11"]) .fz-16{
  border-right: 1px solid #b8005a !important;
}
:where([data-cl-s~="s11"]) .border-b{
  border-bottom: 1px solid #b8005a !important;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .fz-16 tr, :where([data-cl-s~="s11"]) .fz-16 td{
  font-size: 16px !important;
  width: 50%;
  float: left;
  border-bottom: 0 !important;
  border-right: 0px !important;
}}
:where([data-cl-s~="s11"]) .fz-16 tr:nth-child(7){
  border-bottom: 1px solid #b8005a !important;
}
:where([data-cl-s~="s11"]) .fz-16 tr:nth-child(8){
  border-bottom: 1px solid #b8005a !important;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .table-fz-16 tr, :where([data-cl-s~="s11"]) .table-fz-16 td{
  font-size: 16px !important;
}}
:where([data-cl-s~="s11"]) .news-inner{
  position: relative;
  padding: 18px 0px 15px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .news-inner{
  padding: 36px 0px 30px;
}}
:where([data-cl-s~="s11"]) .news-inner .news-inner-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 7px 0px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .news-inner .news-inner-item{
  padding: 14px 0px 0px;
  font-size: 24px;
  font-size: 2.4rem;
}}
:where([data-cl-s~="s11"]) .news-inner .news-inner-item .date{
  padding-right: 12px;
  position: relative;
  
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .news-inner .news-inner-item .date{
  padding-right: 12px;
  
}}
:where([data-cl-s~="s11"]) .news-inner .news-inner-item .date-content a{
  text-decoration: underline;
  text-underline-position: under;
}
:where([data-cl-s~="s11"]) .news-inner .news-inner-item .date-content .txt-pink{
  color: #ff006e;
}
:where([data-cl-s~="s11"]) .bg_pink00{
  padding: 4px 20px 0px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .bg_pink00{
  padding: 8px 0px 0px;
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-news-index .news-inner{
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .page-news-index .news-inner-item{
  width: 50%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
:where([data-cl-s~="s11"]) .page-news-index .news-inner .news-inner-item{
  font-size: 16px;
}}
:where([data-cl-s~="s11"]) .siteMap-inner{
  padding: 0px 0px 30px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .siteMap-inner{
  padding: 0px 0px 30px;
}}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item{
  margin: 21px 0px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item{
  margin: 35px 0 10px;
}}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a{
  text-decoration: underline;
  background: #ffffff;
  border: 1px solid #ff006e;
  border-bottom: none;
  color: #ff006e;
  position: relative;
  padding: 11px 20px 11px 30px;
  text-underline-position: under;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a{
  padding: 23px 40px 23px 60px;
  font-size: 2.4px;
  font-size: 2.4rem;
}}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a:first-child{
  background: #ffe1e9;
}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a:last-child{
  border-bottom: 1px solid #ff006e;
}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  width: 5px;
  height: 8px;
  background: none;
  background-repeat: no-repeat;
  background-size: 5px 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item a:after{
  left: 40px;
  width: 10px;
  height: 16px;
  top: 56%;
  background-size: 8px 12px;
}}
:where([data-cl-s~="s11"]) .siteMap-inner .siteMap-inner-item .bg-light{
  background-color: #fff !important;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-site-map .siteMap-inner{
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .page-site-map .siteMap-wrap-item{
  width: 50%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
:where([data-cl-s~="s11"]) .page-site-map .siteMap-inner .siteMap-inner-item a{
  font-size: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
}}
:where([data-cl-s~="s11"]) .list-item-basic{
  padding-top: 40px;
  margin: 0 -10px;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .list-item-basic{
  margin: 0;
  padding-top: 20px;
}}
:where([data-cl-s~="s11"]) .list-item-basic .item{
  float: left;
  width: 50%;
  padding: 0 10px 0;
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .list-item-basic .item:last-child{
  background: none;
  margin-bottom: 12px;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .list-item-basic .item{
  padding: 0 0 18px;
  width: 100%;
  margin-bottom: 20px;
  float: none;
  background: url('../img/acadb916ade.png') repeat-x center bottom;
}}
:where([data-cl-s~="s11"]) .list-item-basic .item .item-img{
  position: relative;
}
:where([data-cl-s~="s11"]) .list-item-basic .item .item-img .ct-center{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background: #ff0030;
  font-weight: 600;
  color: #fff;
  padding: 10px;
  min-width: 165px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .list-item-basic .item .item-img .ct-center{
  min-width: 125px;
  padding: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .list-item-basic .item .link-basic{
  color: #f6698a;
  text-decoration: underline;
  padding: 9px 0 6px;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .list-item-basic .item .link-basic{
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .list-item-basic .item .txt-basic{
  font-size: 16px;
  font-size: 1.6rem;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .list-item-basic .item .txt-basic{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .txt-fz-12{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .btn-basic{
  margin: 20px;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .btn-basic{
  margin: 0px;
}}


@media only screen and (max-width: 530px) {:where([data-cl-s~="s11"]) .btn-basic{
  width: 100%;
  padding: 10px;
}}
:where([data-cl-s~="s11"]) .txtBlog01{
  color: #ff006e;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
  text-underline-position: under;
}
:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items a .desc .txt-top{
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items{
  width: 48%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items{
  width: 48%;
}}
:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items a .img{
  width: 350px;
}
:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items a .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items a .desc{
  padding: 15px 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-blog-index .dance-list-02 .items a .desc{
  padding: 0;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner{
  margin-bottom: 30px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner{
  margin-bottom: 60px;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item{
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-img{
  position: relative;
}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-img .txtAbsolute{
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -57%);
  -ms-transform: translate(-50%, -57%);
  transform: translate(-50%, -57%);
  background: #ff0030;
  padding: 4px 4px;
  color: #ffffff;
  font-weight: bold;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-img .txtAbsolute{
  font-size: 18px;
  font-size: 1.8rem;
  padding: 8px;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-content h4{
  margin-bottom: 5px;
  margin-top: 6px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-content h4{
  margin-bottom: 5px;
  margin-top: 6px;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-content h4 a{
  color: #f6698a;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
  text-underline-position: under;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .item-content h4 a{
  font-size: 20px;
}}
:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .hr{
  background-image: none;
  background-repeat: no-repeat;
  height: 2px;
  margin: 14px 0px 19px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .tahitian-basic-inner .basic-item .hr{
  margin: 28px 0px 38px;
  width: 100%;
  background-size: cover;
}}
:where([data-cl-s~="s11"]) .basic-btn{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .basic-btn .btn{
  padding: 10px 20px;
  display: block;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .basic-btn .btn{
  color: #ff006e;
  text-align: center;
  padding: 15px 50px;
  position: relative;
  border-bottom: 1px solid #ff006e;
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) h2.ttlBasic{
  padding: 9px 10px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) h2.ttlBasic{
  padding: 15px 10px;
}}
:where([data-cl-s~="s11"]) h3.ttlBasic, :where([data-cl-s~="s11"]) h2.ttlBasic{
  text-align: center;
  background: #b8005a;
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  margin: 0px -20px 19px;
  position: relative;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) h3.ttlBasic, :where([data-cl-s~="s11"]) h2.ttlBasic{
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0px -40px 38px;
}}
:where([data-cl-s~="s11"]) h3.ttlBasic:before, :where([data-cl-s~="s11"]) h2.ttlBasic:before{
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #b8005a;
  position: absolute;
  left: 0;
  bottom: calc(100% + 3px);
}
:where([data-cl-s~="s11"]) h3.ttlBasic{
  line-height: 26px;
  padding: 13px 0px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) h3.ttlBasic{
  padding: 26px 0px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .dance-list-03 .items .ttl{
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .dance-list-03 .items .item-inner .img, :where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .dance-list-03 .items .item-inner .desc{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .dance-list-03 .items{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .lineup-belly-summary-section-01{
  margin-bottom: 30px;
}}


@media (max-width: 800px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-summary .btn-basic{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .txtTop{
  text-align: center;
  padding: 23px 0px 22px;
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .txtTop{
  font-size: 16px;
  font-size: 1.6rem;
  padding: 46px 0px 44px;
}}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-basic .txtTop{
  padding: 20px 0;
}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-basic .tahitian-basic-inner .basic-item .hr{
  margin: 20px 0;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-lineup-tahitian-basic .tahitian-basic-inner{
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
}
:where([data-cl-s~="s11"]) .page-lineup-tahitian-basic .basic-item{
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}}
:where([data-cl-s~="s11"]) .dance-costume{
  background: #83cf84;
  padding: 30px 0 40px;
  margin-top: 45px;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .dance-costume{
  padding: 15px 0 20px;
}}
:where([data-cl-s~="s11"]) .dance-costume .ttl{
  text-align: center;
}
:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume{
  text-align: center;
  color: #fff;
  letter-spacing: -3px;
  padding: 0 30px;
  display: inline-block;
  position: relative;
  margin: 0 auto 26px;
  font-size: 30px;
  font-size: 3rem;
}
:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume:before{
  display: block;
  content: '';
  background: none no-repeat center center;
  width: 24px;
  height: 35px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume:after{
  display: block;
  content: '';
  background: url('../img/ae8421e5014.png') no-repeat center center;
  width: 24px;
  height: 35px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume span{
  position: relative;
  z-index: 2;
}
:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume span:after{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background: rgba(181, 229, 182, 0.7);
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  -webkit-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  transform: skewY(-1deg);
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .dance-costume .ttl .ttl-costume{
  letter-spacing: -3px;
  margin: 0 auto 13px;
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .dance-costume .txt-costume{
  padding-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .dance-costume .txt-costume span{
  color: #fff;
  padding-top: 7px;
  display: block;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .dance-costume .txt-costume{
  padding-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .w100{
  width: 100%;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .style-q01{
  padding: 16px 0 !important;
}}
:where([data-cl-s~="s11"]) .dvd-box{
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .dvd-box img{
  max-width: 40%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dvd-box img{
  max-width: 100%;
}}
:where([data-cl-s~="s11"]) .dvd-box p{
  margin-bottom: 20px;
  font-size: 12px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .btn.btn-small{
  font-size: 16px !important;
}}
:where([data-cl-s~="s11"]) .dvd-list-vd{
  margin: 0 -10px;
}
:where([data-cl-s~="s11"]) .dvd-list-vd li{
  padding: 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  width: 33.333%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .dvd-list-vd li{
  width: 100%;
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .dvd-list-vd li img{
  width: 100%;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .dvd-list-vd li .movie{
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .dvd-list-vd li .movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
:where([data-cl-s~="s11"]) .color-blue-gray{
  color: #46a8bc;
}
:where([data-cl-s~="s11"]) .color-orange{
  color: #cf9300;
}
:where([data-cl-s~="s11"]) .color-pink{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .learge-text{
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .ttl-make-choice{
  width: 100%;
  background: url('../img/a6f03d94d81.png') no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .spbr{
  display: none;
}
:where([data-cl-s~="s11"]) .pcbr{
  display: block;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-make-choice{
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .learge-text{
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .spbr{
  display: inline-block;
}
:where([data-cl-s~="s11"]) .pcbr{
  display: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .ttl-make-choice small{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .ttl-make-choice small span{
  color: #b8005a;
  display: inline-block !important;
}
:where([data-cl-s~="s11"]) .make-choice-list .item{
  float: left;
  width: 49%;
  font-size: 14px;
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .make-choice-list .item:nth-child(2n){
  float: right;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .make-choice-list .item{
  width: 100%;
  margin-bottom: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .make-choice-list .item img{
  float: left;
  width: 30%;
}
:where([data-cl-s~="s11"]) .make-choice-list .item .item-inner{
  width: 100%;
  display: table;
}
:where([data-cl-s~="s11"]) .make-choice-list .item .am-frame{
  display: table-cell;
  vertical-align: top;
}
:where([data-cl-s~="s11"]) .make-choice-list .item .txt{
  display: table-cell;
  padding-left: 15px;
  vertical-align: top;
}
:where([data-cl-s~="s11"]) .make-choice-list .item .txt img{
  width: auto;
  max-width: 55%;
}
:where([data-cl-s~="s11"]) .make-choice-list .item span{
  display: block;
}
:where([data-cl-s~="s11"]) .make-choice-list .item .color-blue-gray, :where([data-cl-s~="s11"]) .make-choice-list .item .color-orange{
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .make-choice-list .item .color-blue-gray, :where([data-cl-s~="s11"]) .make-choice-list .item .color-orange{
  font-size: 15px;
  font-size: 1.5rem;
}}
:where([data-cl-s~="s11"]) .make-choice-list .item .color-pink{
  margin: 10px 0;
}
:where([data-cl-s~="s11"]) .index-section-02.af-none:after{
  display: none;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-02{
  padding-bottom: 27px;
}}
:where([data-cl-s~="s11"]) .main-visual-box{
  background: white;
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .main-visual-box .container{
  padding: 0 20px !important;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual-box .main-visual-slideshow-02{
  margin-bottom: 10px !important;
}}
:where([data-cl-s~="s11"]) .main-visual-box .color-pink{
  font-size: 15px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .main-visual-box .color-pink{
  font-size: 30px;
}}
:where([data-cl-s~="s11"]) .page-dvd_1609 .index-section-02 .btn-container{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .index-section-02 .btn-container .btn-arrow{
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .txt-info{
  font-size: 16px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-dvd_1609 .section-ttl .caption-lg{
  padding: 10px 5px;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .point-list-block-top > .items .img{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .txt-bottom{
  font-size: 11px;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .txt-info{
  font-size: 11px;
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-dvd_1609 .point-list-block-top{
  display: block;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .point-list-block-top > .items{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0 15px;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .point-list-block-top > .items .img{
  width: 100%;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .point-list-block-top > .items .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .page-dvd_1609 .section-ttl .caption-sm{
  margin-bottom: 10px;
  display: inline-block;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .point-list-block-02{
  display: block;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .point-list-block-02 .items{
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
}
:where([data-cl-s~="s11"]) .point-list-block-02 .items:nth-child(2n){
  margin-right: 0;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-new{
  background: #ff5262;
  color: white;
  padding: 30px 0;
}
:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl{
  display: inline-block;
  position: relative;
  padding: 0 25px 0 35px;
  font-size: 18px;
  font-size: 1.8rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl{
  padding: 0 23px 0 33px;
  font-size: 15px;
  font-size: 1.5rem;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:before, :where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:after{
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:before{
  left: 0;
  width: 30px;
  height: 30px;
  background: url('../img/a50d62b39d3.png') no-repeat;
  background-size: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:before{
  width: 25px;
  height: 25px;
  left: 5px;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:after{
  right: 0;
  width: 20px;
  height: 30px;
  background: url('../img/a75e4a778ef.png') no-repeat;
  background-size: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl.ttl:after{
  width: 15px;
  height: 20px;
  right: 5px;
}}
:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl-bottom{
  display: inline-block;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
  background: url('../img/a73983fcc88.png') no-repeat;
  background-position: bottom center;
  background-size: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl-bottom{
  font-size: 20px;
  font-size: 2rem;
}}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .section-ttl .caption-new .ttl-bottom{
  background: none;
}}
:where([data-cl-s~="s11"]) .banner-sm .txt-top.bf-top:before, :where([data-cl-s~="s11"]) .banner-sm .txt-top.bf-top:after{
  top: 50%;
}
:where([data-cl-s~="s11"]) .w-100 img{
  max-width: 100% !important;
}
:where([data-cl-s~="s11"]) .fs-22{
  font-size: 12px;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .fs-22{
  font-size: 22px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .wd-50 .items{
  width: 45% !important;
}}
:where([data-cl-s~="s11"]) #sample-movie{
  padding-top: 90px;
  margin-top: -90px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) #sample-movie{
  padding-top: 65px;
  margin-top: -65px;
}}
:where([data-cl-s~="s11"]) .exper-post{
  padding: 40px 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .exper-post{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .exper-post .img{
  float: left;
  width: 250px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .exper-post .img{
  width: 30%;
}}
:where([data-cl-s~="s11"]) .exper-post .ttl{
  width: calc(100% - 250px);
  padding-left: 30px;
  float: right;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .exper-post .ttl{
  width: 68%;
  padding-left: 8px;
}}
:where([data-cl-s~="s11"]) .exper-post .ttl .ttl-exper{
  padding-bottom: 20px;
  color: #b8005a;
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .exper-post .ttl .ttl-exper{
  padding-bottom: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .exper-post .ttl .ttl-exper span{
  position: relative;
}
:where([data-cl-s~="s11"]) .exper-post .ttl .ttl-exper span:after{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: -1;
  -webkit-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  transform: skewY(-1deg);
}
:where([data-cl-s~="s11"]) .exper-post .ttl .txt-exper{
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .exper-post .ttl .txt-exper{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion-faq .accordion-items{
    border: none;
  }}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-label{
  margin-top: -1px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-label{
  border: 1px solid #ff006e;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion-top .accordion-items .accordion-label{
  text-align: left;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-label{
  padding: 0 20px;
  height: 55px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li{
  width: 100%;
  float: left;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li:nth-child(2n){
  float: right;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc{
  font-weight: 600;
  padding-bottom: 5px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc{
  padding-bottom: 7px;
  font-size: 12px;
  font-size: 1.2rem;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-ltbrown{
  color: #e69d11;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-ltpink{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-vocal{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-boys{
  color: #585da9;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-ltgreen{
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-cheer{
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-kpop{
  color: #c8a900;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-jpop{
  color: #37ceff;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-apop{
  color: #ff3153;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-themepark{
  color: #b8e654;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-reggae{
  color: #26AE4F;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-pink{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-teal{
  color: #4cbcae;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-violet{
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-orange{
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .ttl-acc.color-idol{
  color: #d494fd;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltpink .top{
  background-color: #f6698a;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltpink .bottom{
  border: 2px solid #f6698a;
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-vocal .top{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-vocal .bottom{
  border: 2px solid #ff5262;
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-boys .top{
  background-color: #585da9;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-boys .bottom{
  border: 2px solid #585da9;
  color: #585da9;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltbrown .top{
  background-color: #e69d11;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltbrown .bottom{
  border: 2px solid #e69d11;
  color: #e69d11;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltgreen .top{
  background-color: #6dc96e;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-ltgreen .bottom{
  border: 2px solid #6dc96e;
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-cheer .top{
  background-color: #ff73ae;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-cheer .bottom{
  border: 2px solid #ff73ae;
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-apop .bottom{
  border: 2px solid #ff3153;
  color: #ff3153;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-idol .bottom{
  border: 2px solid #d494fd;
  color: #d494fd;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-themepark .bottom{
  border: 2px solid #b8e654;
  color: #b8e654;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-reggae .bottom{
  border: 2px solid #26AE4F;
  color: #26AE4F;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-kpop .top{
  background-color: #c8a900;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-jpop .top{
  background-color: #37ceff;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-apop .top{
  background-color: #ff3153;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-idol .top{
  background-color: #d494fd;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-themepark .top{
  background-color: #b8e654;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-reggae .top{
  background-color: #26AE4F;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-kpop .bottom{
  border: 2px solid #c8a900;
  color: #c8a900;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-jpop .bottom{
  border: 2px solid #37ceff;
  color: #37ceff;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-pink .top{
  background-color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-pink .bottom{
  border: 2px solid #ff5262;
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-teal .top{
  background-color: #4cbcae;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-teal .bottom{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-orange .top{
  background-color: #ff8737;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-orange .bottom{
  border: 2px solid #ff8737;
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-violet .top{
  background-color: #9e61c5;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items.color-violet .bottom{
  border: 2px solid #9e61c5;
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .top{
  height: 42px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  padding: 2px 2px 2px 3px;
  line-height: 42px;
  padding: 0 20px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .top{
  height: 25px;
  line-height: 25px;
  padding: 0 11px;
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom{
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  font-size: 20px;
  display: flex;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom .class-img{
  width: 15%;
  min-width: 90px;
  border-radius: 10px 0 0 10px;
  margin-right: 20px;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom .play-icon-img{

  display: block;
  
  background-size: 100% 100%;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where([data-cl-s~="s11"]) .border-bt{
  padding-bottom: 5px !important;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .border-bt{
  border-bottom: 0px !important;
}}
:where([data-cl-s~="s11"]) .phone-expor{
  margin-bottom: 50px;
  margin-top: 20px;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .phone-expor{
    margin-top: 10px;
  }}
:where([data-cl-s~="s11"]) .page-experience-index .accordion .accordion-items .accordion-label{
  text-align: left;
}
:where([data-cl-s~="s11"]) .page-experience-index .accordion-faq .accordion-items .accordion-content ul li .ttl-acc, :where([data-cl-s~="s11"]) .page-experience-index .accordion-faq .accordion-items .accordion-content ul li .items .top, :where([data-cl-s~="s11"]) .page-experience-index{
  font-size: 16px;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom{
  font-size: clamp(16px, 4vw, 24px);
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom .content{
  padding: 20px;
  margin-right: 50px;
  flex: 1;
}
:where([data-cl-s~="s11"]) .accordion-faq .accordion-items .accordion-content ul li .items .bottom .content > p:nth-child(1){
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .page-experience-index ul li{
  list-style-type: none;
}
:where([data-cl-s~="s11"]) .page-experience-index .accordion-faq .accordion-items .accordion-content ul li .items.color-ltbrown .bottom, :where([data-cl-s~="s11"]) .page-experience-index .accordion-faq .accordion-items .accordion-content ul li .items.color-kpop .bottom{
  border-width: 1px;
}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .page-experience-index .phone-expor a .number-phone{
  font-size: 14px;
}}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .txt-fz{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .media-item .ttl{
  margin-bottom: 12px;
}}
:where([data-cl-s~="s11"]) .media-item .items .img{
  width: 30.23%;
  float: left;
}
:where([data-cl-s~="s11"]) .media-item .items .img img{
  width: 100%;
}
:where([data-cl-s~="s11"]) .media-item .items .txt-md{
  width: 69.77%;
  float: right;
  padding-left: 30px;
  font-size: 1.5rem;
  line-height: 1.7;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .media-item .items .txt-md{
  padding-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}}


@media only screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .media-item .ct-pr-label{
  margin-bottom: 40px;
}}
:where([data-cl-s~="s11"]) .btn-media{
  margin-bottom: 90px;
  margin-top: 80px;
}


@media only screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .btn-media{
  margin-bottom: 92px;
  margin-top: 15px;
}}


@media only screen and (max-width: 510px) {:where([data-cl-s~="s11"]) .btn-media{
  padding: 10px;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .page-media .txt-dark-pink{
  font-weight: 700;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .style-ttl-pr{
  padding: 7px 10px 4px !important;
  line-height: 25px !important;
}}
:where([data-cl-s~="s11"]) .form-style-pr{
  font-size: 12px !important;
}
:where([data-cl-s~="s11"]) .form-style-pr .form-control{
  font-size: 12px !important;
}
:where([data-cl-s~="s11"]) .form-style-pr textarea.form-control{
  height: 78px !important;
}
:where([data-cl-s~="s11"]) .form-style-pr .form dl dt, :where([data-cl-s~="s11"]) #formWrap dl dt{
  margin-bottom: 5px !important;
}
:where([data-cl-s~="s11"]) .show-form-pc .txt-basic{
  font-size: 14px;
}


@media screen and (min-width: 767px) {:where([data-cl-s~="s11"]) .show-form-pc .arrow-left .btn-pr, :where([data-cl-s~="s11"]) .show-form-pc .arrow-right .btn-pr{
  width: 95%;
}
:where([data-cl-s~="s11"]) .show-form-pc .btn-pr{
  padding: 15px 70px !important;
  width: 50%;
}
:where([data-cl-s~="s11"]) .pr-returnbtn{
  margin-right: 10px;
}
:where([data-cl-s~="s11"]) .pr-nextbtn{
  margin-left: 10px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form .fl-form, :where([data-cl-s~="s11"]) #formWrap dl:nth-child(odd){
  float: left;
  width: 49%;
}
:where([data-cl-s~="s11"]) .show-form-pc .form .fr-form, :where([data-cl-s~="s11"]) #formWrap dl:nth-child(even){
  float: right;
  width: 49%;
}
:where([data-cl-s~="s11"]) .show-form-pc .form .block{
  width: 100%;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl, :where([data-cl-s~="s11"]) #formWrap dl{
  display: block;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dt, :where([data-cl-s~="s11"]) #formWrap dl dt{
  width: 100%;
  display: block;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dt label{
  font-size: 2rem;
  margin-bottom: 15px;
  display: block;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dt label span{
  font-size: 1.8rem;
  border: 2px solid #b8005a;
  padding: 4px 5px 2px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd, :where([data-cl-s~="s11"]) #formWrap dl dd{
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd:first-child{
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .form-control, :where([data-cl-s~="s11"]) #formWrap dl dd{
  font-size: 1.6rem !important;
  height: 62px;
  padding: 10px 20px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd select.form-control{
  height: 60px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .custom-select{
  height: 62px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .custom-select::after{
  height: 60px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .list-time li span{
  height: 64px;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .list-time .custom-select{
  position: relative;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .list-time .custom-select:after{
  display: block;
  content: '';
  background-color: #cccccc;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 1px;
  right: 13%;
  pointer-events: none;
}
:where([data-cl-s~="s11"]) .show-form-pc .form dl dd .list-time .custom-select:before{
  display: block;
  content: '';
  border: 10px solid transparent;
  border-top: 13px solid #535353;
  border-bottom: none;
  position: absolute;
  top: 34px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16%;
  z-index: 1;
}
:where([data-cl-s~="s11"]) #formWrap p{
  font-size: 16px;
  font-size: 1.6rem
}}
:where([data-cl-s~="s11"]) .page-recruit .form-container .form-control, :where([data-cl-s~="s11"]) .page-recruit .form-container .form-control:disabled, :where([data-cl-s~="s11"]) .page-contact-recruit .form-container .form-control, :where([data-cl-s~="s11"]) .page-contact-recruit .form-container .form-control:disabled{
  color: black;
  opacity: 1;
  -webkit-text-fill-color: black;
}
:where([data-cl-s~="s11"]) .page-recruit .form-container .custom-select select.form-control[name="Y"], :where([data-cl-s~="s11"]) .page-contact-recruit .form-container .custom-select select.form-control[name="Y"]{
  color: black;
  outline: none;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .dvd-box-ct{
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .dvd-box-ct .w-45{
  width: 45%;
}
:where([data-cl-s~="s11"]) .dvd-box-ct .w-55{
  width: 55%;
}
:where([data-cl-s~="s11"]) .dvd-box-ct .image{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
:where([data-cl-s~="s11"]) .recruit-campaign{
  text-align: center;
  margin-top: 20px;
}
:where([data-cl-s~="s11"]) .container > .recruit-campaign{
  margin-bottom: 20px;
}}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .content-recruit-pc .box-recruit .txt{
  padding-top: 20px !important;
  width: 100%;
  padding-left: 0px;
}}


@media (max-width: 768px) {:where([data-cl-s~="s11"]) .table-pd-recruit tr, :where([data-cl-s~="s11"]) .table-pd-recruit th, :where([data-cl-s~="s11"]) .table-pd-recruit td{
  padding: 6px 17px !important;
}}


@media (max-width: 768px) {:where([data-cl-s~="s11"]) .table-pd-recruit .h-85{
  min-height: 65px;
}}


@media (max-width: 768px) {:where([data-cl-s~="s11"]) .list-wd-item .item img{
  width: 31% !important;
}
:where([data-cl-s~="s11"]) .list-wd-item .item p{
  width: 69% !important;
}}
:where([data-cl-s~="s11"]) .english-inner{
  padding: 25px 0px 20px;
  font-size: 12px;
  font-size: 1.2rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner{
  padding: 50px 0px 40px;
  font-size: 24px;
  font-size: 2.4rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtAbout{
  margin: 8px 0px 28px;
  line-height: 1.4;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtAbout{
  margin: 16px 0px 56px;
  font-size: 16px;
  font-size: 1.6rem;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .about-fees{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .english-inner h2.ttlBasic{
  padding: 11px 0px;
  margin-bottom: 20px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner h2.ttlBasic{
  padding: 11px 0px;
  margin: 0px -1000px 40px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish{
  margin: 0px 0px 32px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish{
  margin: 0px 0px 64px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish p.color-pink{
  background: url('../img/acadb916ade.png') repeat-x center bottom;
  margin-bottom: 7px;
  padding-bottom: 8px;
  padding-left: 5px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish p.color-pink{
  margin-bottom: 14px;
  padding-bottom: 16px;
  padding-left: 10px;
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish span.color-pink{
  display: block;
}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish span.color-pink{
  margin-top: -12px;
  display: inline-block;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish p{
  line-height: 1.25;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .btn-english{
  display: block;
  width: 100%;
  padding: 11px 5px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin: 8px auto -4px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .btn-english{
  padding: 22px 110px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 16px auto -8px;
  width: auto;
  display: inline-block;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .lh15{
  line-height: 1.5;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .lh14{
  line-height: 1.4;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .lh12{
  line-height: 1.2;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table{
  margin-bottom: 5px;
  width: 100%;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table.tbChinese tr td{
  padding: 12px 16px !important;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table{
  margin-bottom: 10px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr:first-child td{
  padding: 12px 16px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr:first-child td:nth-child(3){
  background: #ffe1e9;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr td{
  border: 1px solid #b8005a;
  padding: 6px 8px;
  text-align: center;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr td:first-child{
  text-align: left;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr td{
  padding: 0px 16px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish table tr td:first-child{
  width: 43%;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish00{
  margin-bottom: 22px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish00{
  margin-bottom: 44px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01{
  margin-bottom: 17px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01{
  margin-bottom: 34px;
  float: left;
  width: 45%;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01:nth-child(2n){
  float: right;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p{
  position: relative;
  padding-left: 0;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p{
  font-size: 28px;
  font-size: 2.8rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p:after{
  content: '';
  display: block;
  clear: both;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p img{
  float: left;
  width: 66px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p img{
  width: 132px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p span{
  float: right;
  width: calc(100% - 66px);
  padding-left: 14px;
  position: absolute;
  bottom: 7px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 > p span{
  width: calc(100% - 132px);
  padding-left: 28px;
  bottom: 14px;
  font-size: 20px;
  font-size: 2rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step{
  margin: 12px 0px 10px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step{
  margin: 24px 0px 20px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step:after{
  content: '';
  display: block;
  clear: both;
}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step .stepLeft{
  float: left;
  width: 100px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step .stepLeft{
  width: 200px;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step .stepRight{
  float: right;
  width: calc(100% - 100px);
  padding-left: 15px;
  padding-top: 2px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish.txtTitleEnglish01 .step .stepRight{
  width: calc(100% - 200px);
  padding-left: 30px;
  padding-top: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .img-map{
  margin: 17px 0px 0px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .txtTitleEnglish .img-map{
  margin: 34px 0px 0px;
}}
:where([data-cl-s~="s11"]) .english-inner .ggMap{
  position: relative;
  margin-top: -14px;
  margin-bottom: 7px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .ggMap{
  max-width: 593px;
  padding: 0px 20px;
  margin: -28px auto 14px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .english-inner .ggMap img{
  margin-bottom: 16px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .ggMap img{
  margin-bottom: 32px;
}}
:where([data-cl-s~="s11"]) .english-inner .ggMap a.linkMap{
  padding: 10px 13px;
  position: absolute;
  right: 0;
  bottom: -25px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .english-inner .ggMap a.linkMap:after{
  right: 5px;
  bottom: -50px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner .ggMap a.linkMap{
  padding: 20px 26px;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 20px 10px 6px;
}
:where([data-cl-s~="s11"]) .english-inner .ggMap a.linkMap:after{
  right: 10px;
}}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner{
  padding-top: 20px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .chinese-inner-top{
  padding-bottom: 16px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner.chinese-inner .chinese-inner-top{
  padding-bottom: 32px;
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .english-inner.chinese-inner{
  padding: 40px 0px 40px;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .info .ttl img{
  max-width: 155px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .info .ttl{
  margin-bottom: 3px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .info .excerpt .txt-top{
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 0px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .info .excerpt .txt-bottom{
  font-size: 12px;
  font-size: 1.2rem;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .img{
  width: 42%;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items:nth-child(2) .img{
  position: relative;
  top: 11px;
  max-width: 130px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items:nth-child(3) .img{
  position: relative;
  top: -2px;
  max-width: 123px;
  left: -5px;
}
:where([data-cl-s~="s11"]) .english-inner.chinese-inner .point-list-block-top > .items .info{
  width: 57%;
  padding-right: 0;
}
:where([data-cl-s~="s11"]) .recruit-campaign{
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) a.tel{
  color: inherit;
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .chinese-bg{
  margin-bottom: 40px;
  background: #ffd0dc;
  padding: 20px;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .chinese-bg{
  padding: 40px 20px;
}}
:where([data-cl-s~="s11"]) .step-form{
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .step-form .item{
  float: left;
  padding: 0 9px;
}
:where([data-cl-s~="s11"]) .step-form .item img.on{
  display: none;
}
:where([data-cl-s~="s11"]) .step-form .item img.off{
  display: block;
}
:where([data-cl-s~="s11"]) .step-form .item.active img.on{
  display: block;
}
:where([data-cl-s~="s11"]) .step-form .item.active img.off{
  display: none;
}
:where([data-cl-s~="s11"]) .show-form{
  background: #fff2f9;
  padding: 40px 0;
  margin-bottom: 40px;
}
:where([data-cl-s~="s11"]) .lead-text{
  display: flex;
}
:where([data-cl-s~="s11"]) .lead-text .txt-basic a{
  text-decoration: underline;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .col2btn{
  width:56%;
  margin:0 auto;
  box-sizing:border-box;
  display: flex;
  justify-content: space-between;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .show-form{
  margin-bottom: 20px;
}
:where([data-cl-s~="s11"]) .lead-text{
  display: block;
}
:where([data-cl-s~="s11"]) .container.container-md{
  padding: 15px;
}
:where([data-cl-s~="s11"]) #formWrap dl dt{
  margin-top: 10px;
}
:where([data-cl-s~="s11"]) #formWrap p{
  font-size: 11px;
  font-size: 1.1rem;
}
:where([data-cl-s~="s11"]) .step-form{
  margin: 0;
}
:where([data-cl-s~="s11"]) .col2btn{
  width: 100%;
  margin: 20px auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}}
:where([data-cl-s~="s11"]) .form{
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form{
  font-size: 13px;
  font-size: 1.3rem;
}}
:where([data-cl-s~="s11"]) .form dl{
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
:where([data-cl-s~="s11"]) .form dl.block{
  display: block;
  overflow: hidden;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl{
  display: block;
  overflow: hidden;
}}
:where([data-cl-s~="s11"]) .form dl dt{
  color: #b8005a;
  float: left;
  width: 30%;
}
:where([data-cl-s~="s11"]) #formWrap dl dt{
  color: #b8005a;
  float: left;
  font-size: 2rem;
  margin-bottom: 15px;
  display: block;
  font-weight: bold;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl dt{
  width: 100%;
  margin-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .form dl dt label{
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .form dl dt label span{
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  border: 1px solid #b8005a;
  border-radius: 2px;
  margin-left: 7px;
  line-height: 1;
  padding: 2px;
  font-weight: 400;
}
:where([data-cl-s~="s11"]) .form dl dd{
  float: left;
  width: 70%;
}
:where([data-cl-s~="s11"]) #formWrap dl dd{
  float: left;
  display: block;
  width: 100%;
  border: 1px solid #999999;
  background: white;
  padding: 5px 10px;
  height: 40px;
  font-size: 1.6rem !important;
  height: 55px;
  padding: 10px 20px;
  line-height: 35px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl dd{
  width: 100%;
}
:where([data-cl-s~="s11"]) .form dl dd .txt-basic{
  font-size: 13px;
  font-size: 1.3rem;
}}




@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl dd .list-time{
  display: block;
}}
:where([data-cl-s~="s11"]) .form dl dd .list-time li{
  width: calc(100% - 44%);
  overflow: hidden;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl dd .list-time li:nth-child(1){
  width: 100%;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .form dl dd .list-time li:nth-child(2), :where([data-cl-s~="s11"]) .form dl dd .list-time li:nth-child(3){
  width: 50%;
  float: left;
}}
:where([data-cl-s~="s11"]) .form dl dd .list-time li select{
  float: left;
  width: calc(100% - 72px);
}
:where([data-cl-s~="s11"]) .form dl dd .list-time li span{
  float: right;
  width: 57px;
  text-align: center;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form dl dd .list-time li span{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .form a{
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .form .btn, :where([data-cl-s~="s11"]) .submit .btn{
  background: #ff006e;
  color: white;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form .btn{
  padding: 17px 10px;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .form .btn.btn-arrow-right:after{
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}
:where([data-cl-s~="s11"]) .form-control{
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #999999;
  background: white;
  padding: 5px 10px;
  height: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-control{
  font-size: 12px;
  font-size: 1.2rem;
}}
:where([data-cl-s~="s11"]) .form-control::-webkit-input-placeholder{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .form-control:-moz-placeholder{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .form-control::-moz-placeholder{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) .form-control:-ms-input-placeholder{
  color: #2b2b2b;
}
:where([data-cl-s~="s11"]) textarea.form-control{
  height: 120px !important;
}
:where([data-cl-s~="s11"]) select.form-control{
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: white url('../img/a820fc2e1d5.png') no-repeat;
  background-size: 40px;
  background-position: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where([data-cl-s~="s11"]) select.form-control::-ms-expand{
  display: none;
}
:where([data-cl-s~="s11"]) .note{
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .note{
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}}
:where([data-cl-s~="s11"]) .box-recruit{
  margin-bottom: 80px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .box-recruit{
  margin-bottom: 40px;
}}
:where([data-cl-s~="s11"]) .box-recruit .img{
  float: left;
  width: 40%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .box-recruit .img{
  width: 100%;
}}
:where([data-cl-s~="s11"]) .box-recruit .txt{
  float: right;
  width: 60%;
  padding-top: 29px;
  padding-left: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .box-recruit .txt{
  width: 100%;
  padding: 0 0;
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .box-recruit .txt .txt-basic .block{
  display: block;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .box-recruit .txt .txt-basic .color-pink{
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .table-box strong{
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
  display: inline-block;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .table-box strong{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .table-box table{
  width: 100%;
}
:where([data-cl-s~="s11"]) .table-box table tr th, :where([data-cl-s~="s11"]) .table-box table tr td{
  border: 1px solid #999999;
  padding: 20px;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .table-box table tr th, :where([data-cl-s~="s11"]) .table-box table tr td{
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  width: 100%;
  padding: 9px 17px;
  line-height: 1.5;
}}
:where([data-cl-s~="s11"]) .table-box table tr th{
  font-weight: bold;
  background: #ffe1e9;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .table-box table tr th{
  border-bottom: none;
  border-top: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .table-box table tr:nth-child(1){
  border-top: 1px solid #999999;
}}
:where([data-cl-s~="s11"]) .links{
  display: inline-block;
  position: relative;
  padding-left: 15px;
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .links:before{
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
}
:where([data-cl-s~="s11"]) .list-teacher{
  margin-bottom: 60px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .list-teacher{
  margin-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .list-teacher .item{
  position: relative;
  padding: 20px 0;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .list-teacher .item:before{
  content: "";
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url('../img/a607f5b4e20.png') no-repeat;
  background-size: 100% 2px;
}
:where([data-cl-s~="s11"]) .list-teacher .item:last-child:after{
  content: "";
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../img/a607f5b4e20.png') no-repeat;
  background-size: 100% 2px;
}
:where([data-cl-s~="s11"]) .list-teacher .item img{
  float: left;
  width: 20%;
}
:where([data-cl-s~="s11"]) .list-teacher .item p{
  float: right;
  width: 80%;
  padding-left: 20px;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .list-teacher .item p:last-child{
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .list-teacher .item p.txt-title{
  font-size: 13px;
  font-size: 1.3rem;
}
:where([data-cl-s~="s11"]) .list-teacher .item p.txt-title .color-pink{
  font-size: 18px;
  font-size: 1.8rem;
}
:where([data-cl-s~="s11"]) .list-parent-teacher{
  margin: 20px -9px 30px;
  position: relative;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .list-parent-teacher:after{
  content: "";
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../img/a607f5b4e20.png') no-repeat;
  background-size: 100% 2px;
}
:where([data-cl-s~="s11"]) .list-parent-teacher .item{
  float: left;
  padding: 0 9px;
  width: 16.666%;
  margin-bottom: 20px;
}


@media screen and (max-width: 1024px) {:where([data-cl-s~="s11"]) .list-parent-teacher .item{
  width: 25%;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .list-parent-teacher .item{
  width: 33.333%;
}}
:where([data-cl-s~="s11"]) .list-parent-teacher .item img{
  width: 100%;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .page-recruit .table-box table tr th, :where([data-cl-s~="s11"]) .page-recruit .table-box table tr td{
  border-color: #b8005a;
}
:where([data-cl-s~="s11"]) .page-recruit .index-section-02:after{
  display: none;
}


@media (min-width: 768px) {:where([data-cl-s~="s11"]) .page-recruit .dvd-box{
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) .page-recruit .dvd-box .image{
  width: 50%;
  float: left;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
:where([data-cl-s~="s11"]) .page-recruit .dvd-box .image:last-child{
  margin-top: 10px;
}
:where([data-cl-s~="s11"]) .page-recruit .dvd-box .image img{
  width: 100%;
  max-width: 100%;
}}


@media (max-width: 767px) {:where([data-cl-s~="s11"]) .page-hawaii .btn-block{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}}
:where([data-cl-s~="s11"]) .page-hawaii .point-list-block-top > .items .info .ttl{
  margin-bottom: 10px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-hawaii .section-ttl .caption-lg{
  padding: 9px 10px;
}}
:where([data-cl-s~="s11"]) .page-hawaii .btn.btn-arrow:before{
  background-image: url('../img/a8150a9eccd.png');
  height: 13px;
}
:where([data-cl-s~="s11"]) .page-hawaii .banner-sm .txt-top{
  font-weight: 600;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .inner{
  margin: auto;
  padding: 0 20px;
  max-width: 1038px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .note{
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .note{
  font-size: 11px;
  font-size: 1.1rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual{
  margin-bottom: 10px;
  text-align: center;
  background: #e74291;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual img{
  width: 100%;
  max-width: 998px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual .txt-liner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  background: #b8005a;
  line-height: 1.4;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual .txt-liner .tag{
  margin-right: 12px;
  padding: 8px 20px 5px;
  text-align: center;
  color: #b8005a;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 2px 2px 0px 1px #cd3d61;
  box-shadow: 2px 2px 0px 1px #cd3d61;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual .txt-liner{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .main-visual .txt-liner .tag{
  padding: 6px 10px 3px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content{
  padding: 40px 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box{
  display: block;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:first-of-type, :where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:last-of-type{
  width: 46%;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:first-of-type .note, :where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:last-of-type .note{
  margin-top: 5px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:first-of-type img, :where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:last-of-type img{
  width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:first-of-type, :where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:last-of-type{
  margin-bottom: 10px;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .campaign-content .flex-box div:nth-of-type(2){
  width: 5.58%;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content{
  margin-bottom: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content{
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .bg-yellow{
  padding: 30px 0 40px;
  background: #fffee7;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .bg-yellow{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items .txt-bottom{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items .txt-bottom strong{
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items .txt-bottom{
  font-size: 11px;
  font-size: 1.1rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items .txt-bottom strong{
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .point-list-block-top .items:last-of-type .info .excerpt{
  margin-bottom: 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .bnr-begineer{
  background: #fffaa3;
  border-top: 2px solid #ffc939;
  border-bottom: 2px solid #ffc939;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .point-content .bnr-begineer .inner{
  padding: 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl{
  margin-bottom: 30px;
  text-align: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p{
  display: inline-block;
  line-height: 1.2;
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span{
  position: relative;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span:after{
  display: block;
  content: '';
  width: 100%;
  height: 13px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: -1;
}


@media screen and (max-width: 800px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span{
  display: block;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span{
  font-size: 20px;
  font-size: 2rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span:after{
  height: 8px;
  bottom: 4px;
}}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl p span{
  font-size: 17px;
  font-size: 1.7rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .heading-ttl{
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner{
  padding: 40px 20px 20px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 900px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li{
  margin-bottom: 20px;
  width: 23.33%;
  margin-left: 2%;
  text-align: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li:nth-child(4n+1){
  margin-left: 0;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li a{
  display: block;
  color: inherit;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li a:hover{
  opacity: .6;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li span{
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-hiphop{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-ballet{
  color: #61b8ad;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-jazz{
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-bur{
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-kpp{
  color: #cb9f00;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-belly{
  color: #cf8800;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-hula{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-tahiti{
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-cheer{
  color: #ff73ae;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-jpop{
  color: #37CDFF;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-themepark{
  color: #B9E655;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li.lineup-idol{
  color: #D593FD;
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li{
  width: calc(31.33% + 0.6666%);
  margin-left: 2%;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li:nth-child(4n+1){
  margin-left: 2%;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li:nth-child(3n+1){
  margin-left: 0;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li span{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner ul li span{
  font-size: 11px;
  font-size: 1.1rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-dance-content .inner{
  padding: 20px 20px 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  padding: 40px 0 0;
  max-width: 640px;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .img{
  width: 135px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .img{
  width: 19.46%;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .txt{
  padding-left: 2%;
  width: calc(100% - 135px);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .txt{
  width: calc(100% - 19.46%);
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .txt p{
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .txt p{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .flex-box .txt p span{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .btn{
  display: block;
  padding: 15px 10px !important;
  width: 100%;
  max-width: 402px;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .btn{
  margin: 20px auto 0;
}}


@media screen and (max-width: 640px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .select-schedule-content .btn{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .index-section-02 .tel-bnr{
  margin: 60px 0 40px;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1810 .index-section-02 .tel-bnr{
  margin: 40px 0 30px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811 #head_lp #head_lp_inner .head_lp_logo2 > a img{
  width: 80%;
  height: 100%;
  max-width: 447px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1810 .index-section-02:after{
  display: none;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .inner{
  margin: auto;
  padding: 0 20px;
  max-width: 1038px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811 #head_lp{
  width: 100%;
  background: #FFF;
  height: 108px;
  text-align: left;
}
:where([data-cl-s~="s11"]) .page-campaign_1811 #head_lp_inner{
  margin: 0 auto;
  height: 108px;
  position: relative;
}
:where([data-cl-s~="s11"]) .head_lp_logo2{
  text-align: center;
  padding: 20px 0 12px 0;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .note{
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
}
:where([data-cl-s~="s11"]) .bg-pink{
  padding: 30px 0 40px;
  background: #fef4f7;
  border-top: 1px solid #ff006e;
  border-bottom: 1px solid #ff006e;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) #Foot{
  width: 100%;
  background: #d32e5c;
  height: 32px;
}
:where([data-cl-s~="s11"]) #Foot_inner{
  margin: 0 auto;
  position: relative;
}
:where([data-cl-s~="s11"]) .foot_pagetop{
  position: absolute;
  top: -46px;
  right: 0;
}
:where([data-cl-s~="s11"]) #Foot_inner p{
  text-align: center;
  line-height: 32px;
  color: #FFF;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .note{
  font-size: 11px;
  font-size: 1.1rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811 #head_lp{
  height: auto;
}
:where([data-cl-s~="s11"]) .page-campaign_1811 #head_lp_inner{
  height: auto;
}
:where([data-cl-s~="s11"]) .head_lp_logo2{
  padding: 15px 0;
}
:where([data-cl-s~="s11"]) .bg-pink{
  margin-bottom: 30px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual{
  margin-bottom: 10px;
  text-align: center;
  background: #fddce552;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual img{
  width: 100%;
  max-width: 998px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual .txt-liner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  background: #b8005a;
  line-height: 1.4;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual .txt-liner .tag{
  margin-right: 12px;
  padding: 8px 20px 5px;
  text-align: center;
  color: #b8005a;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 2px 2px 0px 1px #cd3d61;
  box-shadow: 2px 2px 0px 1px #cd3d61;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual .txt-liner{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .main-visual .txt-liner .tag{
  padding: 6px 10px 3px;
  font-size: 16px;
  font-size: 1.6rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content{
  padding: 40px 0;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box{
  display: block;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:first-of-type, :where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:last-of-type{
  width: 46%;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:first-of-type .note, :where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:last-of-type .note{
  margin-top: 5px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:first-of-type img, :where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:last-of-type img{
  width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:first-of-type, :where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:last-of-type{
  margin-bottom: 10px;
  width: 100%;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .campaign-content .flex-box div:nth-of-type(2){
  width: 5.58%;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content{
  margin-bottom: 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content{
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .bg-yellow{
  padding: 30px 0 40px;
  background: #fffee7;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .bg-yellow{
  padding: 20px 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block-top .items{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block-top .items .txt-bottom{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block-top .items .txt-bottom strong{
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block-top .items .txt-bottom{
  font-size: 11px;
  font-size: 1.1rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block-top .items .txt-bottom strong{
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .point-list-block .items:last-of-type .info .excerpt{
  margin-bottom: 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .bnr-begineer{
  background: #fffaa3;
  border-top: 2px solid #ffc939;
  border-bottom: 2px solid #ffc939;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .point-content .bnr-begineer .inner{
  padding: 0;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl{
  margin-bottom: 30px;
  text-align: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p{
  display: inline-block;
  line-height: 1.2;
  position: relative;
  font-size: 28px;
  font-size: 2.8rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span{
  position: relative;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span:after{
  display: block;
  content: '';
  width: 100%;
  height: 13px;
  background-color: #ffd0dc;
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: -1;
}


@media screen and (max-width: 800px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span{
  display: block;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span{
  font-size: 20px;
  font-size: 2rem;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span:after{
  height: 8px;
  bottom: 4px;
}}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl p span{
  font-size: 17px;
  font-size: 1.7rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .heading-ttl{
  margin-bottom: 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner{
  padding: 40px 20px 20px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 900px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li{
  margin-bottom: 20px;
  width: 23.33%;
  margin-left: 2%;
  text-align: center;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li:nth-child(4n+1){
  margin-left: 0;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li a{
  display: block;
  color: inherit;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li a:hover{
  opacity: .6;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li span{
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: underline;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-hiphop{
  color: #f6698a;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-ballet{
  color: #61b8ad;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-jazz{
  color: #ff8737;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-bur{
  color: #9e61c5;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-kpp{
  color: #cb9f00;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-belly{
  color: #cf8800;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-hula{
  color: #ff5262;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-tahiti{
  color: #6dc96e;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li.lineup-cheer{
  color: #ff73ae;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li{
  width: calc(31.33% + 0.6666%);
  margin-left: 2%;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li:nth-child(4n+1){
  margin-left: 2%;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li:nth-child(3n+1){
  margin-left: 0;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li span{
  font-size: 12px;
  font-size: 1.2rem;
}}


@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner ul li span{
  font-size: 11px;
  font-size: 1.1rem;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-dance-content .inner{
  padding: 20px 20px 20px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  padding: 40px 0 0;
  max-width: 640px;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .img{
  width: 135px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .img{
  width: 19.46%;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .txt{
  padding-left: 2%;
  width: calc(100% - 135px);
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .txt{
  width: calc(100% - 19.46%);
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .txt p{
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .txt p{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .flex-box .txt p span{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .btn{
  display: block;
  padding: 15px 10px !important;
  width: 100%;
  max-width: 402px;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .btn{
  margin: 20px auto 0;
}}


@media screen and (max-width: 640px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .select-schedule-content .btn{
  font-size: 14px;
  font-size: 1.4rem;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .index-section-02 .tel-bnr{
  margin: 60px 0 40px;
  text-align: center;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .page-campaign_1811
 .index-section-02 .tel-bnr{
  margin: 40px 0 30px;
}}
:where([data-cl-s~="s11"]) .page-campaign_1811
 .index-section-02:after{
  display: none;
}
:where([data-cl-s~="s11"]) .col1_1811{
  width: 97%;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .imgAnd{
  width: 39%;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .container-1040{
  max-width: 1040px;
    padding: 0 20px;
  margin:0 auto;
}
:where([data-cl-s~="s11"]) .anker-flexbox{
    display: flex;
    width: 600px;
    margin: 25px auto 40px;
}
:where([data-cl-s~="s11"]) .flexbox_item{
    margin: 0 auto;
    text-align: center;
    border-bottom: dashed 2px #b8005a;
    font-size: 14px;
}
:where([data-cl-s~="s11"]) .flexbox_item a{
  color:#b8005a;
    font-weight: bold;
}
:where([data-cl-s~="s11"]) .recruit-box{
  display:flex;
  justify-content: space-between;
}
:where([data-cl-s~="s11"]) .recruit-text{
  text-align: left;
  color:#141414;
  letter-spacing: 0.03em;
  width: 60%;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  bottom:45px;
}
:where([data-cl-s~="s11"]) .textPink{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .recruit-pict{
  width: 40%;
  display: inline-block;
}
:where([data-cl-s~="s11"]) .rec-font-pink{
  color: #b8005a;
  font-weight: bold;
  font-size: 18px;
}
:where([data-cl-s~="s11"]) .recruit-pict img{
  width: 100%;
  height:auto;
}
:where([data-cl-s~="s11"]) .box-img{
  text-align: center;
}
:where([data-cl-s~="s11"]) .txt-title{
  font-size: 1.5px;
  font-size: 1.5rem;
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .col3-text{
  font-size: 1.5rem;
  line-height: 1.7;
}
:where([data-cl-s~="s11"]) .col1{
  font-size: 16px;
  font-size: 1.6rem;
  margin: 40px 0;
}
:where([data-cl-s~="s11"]) .col1-title{
  background: url('../img/acadb916ade.png') repeat-x center bottom;
  font-size: 2.0px;
  font-size: 2.0rem;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .col1-text, :where([data-cl-s~="s11"]) .col1-subtext{
  margin-top: 10px;
  line-height: 1.7;
  letter-spacing: 0.03em;
}
:where([data-cl-s~="s11"]) .col1-text li{
  position: relative;
}
:where([data-cl-s~="s11"]) .col1-text li:before{
  content:'';
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  height:12px;
  width:12px;
  display:block;
  position:absolute;
  top:5px;
  left:0;
  background-color:#FFD0DC;
  box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
:where([data-cl-s~="s11"]) .col1-text p{
  padding-left: 20px;
}
:where([data-cl-s~="s11"]) .mini-box{
  padding: 10px;
  text-align: left;
  background-color: #fff1f5;
  margin: 20px 0px 0px;
  border: dotted #b8005a;
}
:where([data-cl-s~="s11"]) .spbtn{
  display: none;
}
:where([data-cl-s~="s11"]) .map-area{
  display: flex;
  max-width: 1040px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .red-font{
  color:#ff197c;
  font-weight: bold;
  font-size: 19px;
  text-align: left;
}
:where([data-cl-s~="s11"]) .map-border{
  border: none;
}
:where([data-cl-s~="s11"]) .pc-block{
  display: block;
}
:where([data-cl-s~="s11"]) .sp-block{
  display: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .anker-flexbox{
  display: none;
}
:where([data-cl-s~="s11"]) .recruit-box{
  display: block;
}
:where([data-cl-s~="s11"]) .wrap{
  display: block;
}
:where([data-cl-s~="s11"]) .box{
  width: 100%;
  margin: 0 0 30px 0;
}
:where([data-cl-s~="s11"]) .spbtn{
  display: inline-block;
  width: 100%;
}
:where([data-cl-s~="s11"]) .spbtn > div{
  text-align: center;
}
:where([data-cl-s~="s11"]) .spbtn > div a{
  text-align: center;
}
:where([data-cl-s~="s11"]) .entbtn.btn-solid{
    color: white;
    background-color: #ff006e;
}
:where([data-cl-s~="s11"]) .entbtn.btn-arrow-right{
    position: relative;
    border-radius: 0;
}
:where([data-cl-s~="s11"]) .entbtn{
    display: inline-block;
    border: 1px solid #ff197c;
    background-color: #fff;
    color: #b8005a;
    text-decoration: none !important;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 80%;
    padding: 10px 0;
}
:where([data-cl-s~="s11"]) .entbtn.btn-solid.btn-arrow-right:after{
    border-color: white;
}
:where([data-cl-s~="s11"]) .entbtn.btn-arrow-right:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #b8005a;
    border-right: 2px solid #b8005a;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
:where([data-cl-s~="s11"]) .recruit-pict{
    width: 100%;
    margin: 0 auto;
}
:where([data-cl-s~="s11"]) .recruit-text{
  margin: 20px 0 0 0;
  width: 100%;
  font-size: 1.3rem;
  font-size: 13px;
  line-height: 1.6;
}
:where([data-cl-s~="s11"]) .rec-font-pink{
  font-size: 16px;
}
:where([data-cl-s~="s11"]) .col1-text{
  margin-top: 15px;
  font-size: 1.3rem;
  font-size: 13px;
  line-height: 1.6;
}
:where([data-cl-s~="s11"]) .col1-title{
  line-height: 1.7;
  font-size: 17px;
  font-size: 1.7rem;
}
:where([data-cl-s~="s11"]) .mini-box{
  text-align: left;
  font-size: 1.3rem;
  font-size: 13px;
  line-height: 1.6;
}
:where([data-cl-s~="s11"]) .recruit-text{
  bottom: 0;
}
:where([data-cl-s~="s11"]) .col3-text{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-cl-s~="s11"]) .map-area{
  display: block;
}
:where([data-cl-s~="s11"]) .map-border{
  border-top: 2px dashed #b8005a;
}
:where([data-cl-s~="s11"]) .pc-block{
  display: none;
}
:where([data-cl-s~="s11"]) .sp-block{
  display: block;
  padding-bottom: 10px;
}}
:where([data-cl-s~="s11"]) .snsBox{
  display: flex;
  max-width: 1030px;
  padding: 0 15px 20px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .snsImg{
  flex-basis: 50px;
}
:where([data-cl-s~="s11"]) .snsImg:nth-child(1), :where([data-cl-s~="s11"]) .snsImg:nth-child(2), :where([data-cl-s~="s11"]) .snsImg:nth-child(3){
  margin-right: 12px;
}
:where([data-cl-s~="s11"]) .submit{
  width: 650px;
  margin: 25px auto;
  font-size: 14px;
  color: #141414;
  line-height: 1.75;
  border: solid 2px #b8005a;
  padding: 0.5em 1em;

}



@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .submit{
    width: 95%;

  }
:where([data-cl-s~="s11"]) #contents-in{
    padding: 60px 0;
}
:where([data-cl-s~="s11"]) .snsImg{
    flex-basis: 35px;
}
:where([data-cl-s~="s11"]) .snsImg:nth-child(1), :where([data-cl-s~="s11"]) .snsImg:nth-child(2), :where([data-cl-s~="s11"]) .snsImg:nth-child(3){
  margin-right: 16px;
}
:where([data-cl-s~="s11"]) .point-list-child-content .ttl .font-sp{
  font-size: 4.4vw;
}}
:where([data-cl-s~="s11"]) #wrapper{
  width:850px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) #container{
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
:where([data-cl-s~="s11"]) #sort li{
  list-style: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 1.6rem;
  margin-right: 10px;
  margin-bottom: 10px;
  flex: 0 1 calc(96% / 4);
  color: #b8005a;
  background-color: #ffe1e9;
  border-bottom: 4px solid #ff95b1;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  line-height: 1.5;
  position: relative;
  display: inline-block;
  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;
  line-height: 2.3;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) #sort li:hover{
  margin-top: 3px;
  color: #b8005a;
  background: #ffd5e0;
  border-bottom: 2px solid #ff95b1;
}
:where([data-cl-s~="s11"]) #sort li:after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-top: 2px solid #b8005a;
  border-right: 2px solid #b8005a;
  -webkit-transform: rotate(
45deg);
  transform: rotate(
45deg);
}
:where([data-cl-s~="s11"]) #container .hiphop, :where([data-cl-s~="s11"]) #container .ballet, :where([data-cl-s~="s11"]) #container .jazz, :where([data-cl-s~="s11"]) #container .kpop, :where([data-cl-s~="s11"]) #container .belly, :where([data-cl-s~="s11"]) #container .hula, :where([data-cl-s~="s11"]) #container .tahitian, :where([data-cl-s~="s11"]) #container .hulatahi, :where([data-cl-s~="s11"]) #container .burlesque, :where([data-cl-s~="s11"]) #container .hipkpop, :where([data-cl-s~="s11"]) #container .themepark, :where([data-cl-s~="s11"]) #container .idol, :where([data-cl-s~="s11"]) #container .cheer{
  flex: 0 1 calc(90% / 3);
  padding: 10px;
  color: #fff;
  position: relative;
}
:where([data-cl-s~="s11"]) .sppull .hiphop li, :where([data-cl-s~="s11"]) .sppull .ballet li, :where([data-cl-s~="s11"]) .sppull .hulatahi li, :where([data-cl-s~="s11"]) .sppull .hula li, :where([data-cl-s~="s11"]) .sppull .jazz li, :where([data-cl-s~="s11"]) .sppull .hipkpop li{
    display: table;
    width: 100%;
    height: 300px;
    background-color: #ffe1e9;
    height: 15%;
    position: absolute;
    top: 72%;
    font-size: 15px;
}
:where([data-cl-s~="s11"]) .sppull .hiphop p, :where([data-cl-s~="s11"]) .sppull .ballet p, :where([data-cl-s~="s11"]) .sppull .hulatahi p, :where([data-cl-s~="s11"]) .sppull .hula p, :where([data-cl-s~="s11"]) .sppull .jazz p, :where([data-cl-s~="s11"]) .sppull .hipkpop p{
    color: #b8005a;
    text-align: center;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
:where([data-cl-s~="s11"]) .tr-mov{
  margin: 30px 0 50px;
}
:where([data-cl-s~="s11"]) #container > div > a > li{
  display: table;
  width: 94%;
  height: 300px;
  background-color: #ffe1e9;
  height: 17%;
  position: absolute;
  top: 84%;
  font-size: 15px;

}
:where([data-cl-s~="s11"]) #container > div > a > li p{
  color: #b8005a;
  text-align: center;
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .sppull{
  display: none;
}
:where([data-cl-s~="s11"]) .sppull > div{
    display: inline-block;
    max-width: 1040px;
    padding: 15px;
}
:where([data-cl-s~="s11"]) .select-box01 select{
  width: 100%;
  padding: 20px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ffe1e9;
  background: #eee;
  background: url('../img/a1fed585b92.png') right 50% no-repeat, linear-gradient(to bottom, #ffe1e9 0%,#ffe1e9 100%);
  background-size: 13px, 100%;
  background-position: right 11px bottom 23px;
  font-size: 15px;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) #sort{
  display: flex;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .lity-close{
  position: absolute !important;
  top: -7% !important;
  bottom: 0 !important;
}
:where([data-cl-s~="s11"]) .col2{
  display: flex;
  margin-bottom: 20px;
  justify-content: center;

}
:where([data-cl-s~="s11"]) .col2 > div:first-child{
  width: 35%;
}
:where([data-cl-s~="s11"]) .col2 > div:nth-child(2){
  width: 50%;
}
:where([data-cl-s~="s11"]) .col2 > div:nth-child(2) p{
  color: #343434;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
:where([data-cl-s~="s11"]) .campend{
  text-align: center;
  padding: 8px;
  background: #f00;
  border-bottom: 1px #fff solid;
  font-size: 16pt;
  font-weight: bold;
  color: #fff;
}
:where([data-cl-s~="s11"]) .point-list-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}
:where([data-cl-s~="s11"]) .point-list-block > .items{
    width: 30%;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .ttl{
    margin-bottom: 15px;
    text-align: center;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .ttl img{
    max-width: 188px;
    height: auto;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .excerpt{
    margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .excerpt .txt-top{
    color: #b8005a;
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .excerpt .txt-bottom{
    color: #2b2b2b;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .img{
    text-align: center;
}
:where([data-cl-s~="s11"]) .bread > ol{
  list-style: none;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .bread ol li{
  display: inline;
}
:where([data-cl-s~="s11"]) .bread ol li a{
  color: #ff006e;
  text-decoration: underline;
  font-size: 12px;
  font-size: 1.2rem;
}
:where([data-cl-s~="s11"]) .bread ol li:before{
  counter-increment: none;
  content: none;
}
:where([data-cl-s~="s11"]) .bread ol li:after{
  content: ">";
  color: #ff006e;
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
}
:where([data-cl-s~="s11"]) .bread ol li:last-child:after{
  content : none ;
}
:where([data-cl-s~="s11"]) .font-pink{
  color:#b8005a;
  font-weight: bold;
  display: inline;
}
:where([data-cl-s~="s11"]) .font-pink-border{
  color:#343434;
  font-weight: bold;
  border-bottom: 1px solid #b8005a;
  margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .mv-box{
  display: flex;
  justify-content: space-between;
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .mv-col1 video, :where([data-cl-s~="s11"]) .mv-col2 video, :where([data-cl-s~="s11"]) .mv-col3 video{
  width: 300px;
}
:where([data-cl-s~="s11"]) .mv-tit-border{
  background: url('../img/acadb916ade.png') repeat-x center bottom;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
:where([data-cl-s~="s11"]) .mv-tit{
  font-weight: bold;
  color: #b8005a;
  font-size: 17px;
  text-align: center;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mv-box{
  display: block;
}
:where([data-cl-s~="s11"]) .mv-col1, :where([data-cl-s~="s11"]) .mv-col2, :where([data-cl-s~="s11"]) .mv-col3{
  text-align: center;
}
:where([data-cl-s~="s11"]) .font-pink-border{
  margin-bottom: 15px;
}}
:where([data-cl-s~="s11"]) .lesson-btn{
  max-width: 1040px;
  padding: 0 20px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
:where([data-cl-s~="s11"]) .btn-j{
  padding: 30px 110px;
  font-size: 20px;
}
:where([data-cl-s~="s11"]) .ex-img{
  width: 244px;
  margin-right: 20px;
  margin:20px 20px 0 0;
  float: left;
}
:where([data-cl-s~="s11"]) .ex-text{
  float: left;
  width: calc(100% - 264px);
}
:where([data-cl-s~="s11"]) .lineup-w100{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    list-style: none;
    
}
:where([data-cl-s~="s11"]) .ex-ttl{
    color: #b8005a;
    font-size: 2rem;
}
:where([data-cl-s~="s11"]) .interview-box{
  display: flex;
  justify-content: space-between;
}
:where([data-cl-s~="s11"]) .interview-col1{
  width: 100%;
  margin-top: 60px;
}
:where([data-cl-s~="s11"]) .font-w800{
  font-weight: 800;
}
:where([data-cl-s~="s11"]) .txt-measures{
  font-size: 16px;
  text-decoration: underline;
  padding-top: 10px;
}
:where([data-cl-s~="s11"]) .txt-measures a{
  color:#000;
}
:where([data-cl-s~="s11"]) .tit-measures{
  text-align: center;
  max-width: 1040px;
  padding: 0 15px 10px;
  margin: 20px auto;
  border: 2px solid #b8005a;
  background-color: #FFF2F9;
}
:where([data-cl-s~="s11"]) .top-movie-area{
  position: relative;
}
:where([data-cl-s~="s11"]) .top-movie-wrap{
  height: 0;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 130px;
  padding-bottom: 532px;
  position: relative;
  max-width: 1040px;
}
:where([data-cl-s~="s11"]) .top-movie-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where([data-cl-s~="s11"]) .movie-btn{
  position: absolute;
  right: 115px;
  bottom: -54px;
  z-index: 0;
}
:where([data-cl-s~="s11"]) .top-kv{
  max-width: 800px
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .btn-j{
  padding: 5px 110px;
  font-size: 15px;
}
:where([data-cl-s~="s11"]) .ex-img{
  width: 40vw;
  margin: 10px auto 0 auto;
  text-align: center;
  float: inherit;
}
:where([data-cl-s~="s11"]) .ex-text{
  width: 100%;
}
:where([data-cl-s~="s11"]) .ex-ttl{
  font-size: 15px;
  font-size: 1.5rem;
}
:where([data-cl-s~="s11"]) .interview-box{
  display: block;
}
:where([data-cl-s~="s11"]) .interview-col1{
  width: 100%;
  margin-top: 0;
}
:where([data-cl-s~="s11"]) .top-movie-wrap{
    padding-bottom: 54vw;
    width: 100%;
}
:where([data-cl-s~="s11"]) .movie-btn{
    right: 3vw;
    bottom: -9.5vw;
    width: 50%;
}
:where([data-cl-s~="s11"]) .details-col01{
    margin: 15px auto 0;
}
:where([data-cl-s~="s11"]) .top-movie-wrap{
    margin: 0 auto 60px;
}
:where([data-cl-s~="s11"]) #container .hiphop, :where([data-cl-s~="s11"]) #container .ballet, :where([data-cl-s~="s11"]) #container .jazz, :where([data-cl-s~="s11"]) #container .kpop, :where([data-cl-s~="s11"]) #container .belly, :where([data-cl-s~="s11"]) #container .hula, :where([data-cl-s~="s11"]) #container .tahitian, :where([data-cl-s~="s11"]) #container .hulatahi, :where([data-cl-s~="s11"]) #container .burlesque, :where([data-cl-s~="s11"]) #container .hipkpop, :where([data-cl-s~="s11"]) #container .themepark, :where([data-cl-s~="s11"]) #container .idol, :where([data-cl-s~="s11"]) #container .cheer{
  flex: 0 1 calc(90% / 2);
}}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .bread.container.container-md{
    padding: 0 15px;
  }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .hiphop, :where([data-cl-s~="s11"]) .ballet, :where([data-cl-s~="s11"]) .jazz, :where([data-cl-s~="s11"]) .kpop, :where([data-cl-s~="s11"]) .belly, :where([data-cl-s~="s11"]) .hula, :where([data-cl-s~="s11"]) .tahitian, :where([data-cl-s~="s11"]) .hulatahi, :where([data-cl-s~="s11"]) .burlesque, :where([data-cl-s~="s11"]) .hipkpop{
  height: auto;
  flex: 0 1 calc(100% / 2);
  padding: 10px;
  color: #fff;
  position: relative;
}
:where([data-cl-s~="s11"]) .spcontainer{
  max-width: 1040px;
}
:where([data-cl-s~="s11"]) .sppull > div{
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 0;
}
:where([data-cl-s~="s11"]) #sort{
  display: none;
}
:where([data-cl-s~="s11"]) .sppull{
  display: block;
}
:where([data-cl-s~="s11"]) .lity-close{
  top: -15% !important;
}
:where([data-cl-s~="s11"]) .col2{
  display: block;
}
:where([data-cl-s~="s11"]) .col2 > div:first-child, :where([data-cl-s~="s11"]) .col2 > div:nth-child(2){
  width: 100%;
}
:where([data-cl-s~="s11"]) .col2 > div:nth-child(2) p{
  font-size: 1.4rem;
  font-size: 14px;
  line-height: 1.5;
}
:where([data-cl-s~="s11"]) .point-list-block-top > .items .info .excerpt{
    display: block;
}
:where([data-cl-s~="s11"]) .point-list-block-top:nth-child(2) > .items:nth-child(1) .img{
    grid-row: 2/3;
    grid-column: 1/2;
    width: 79%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}
:where([data-cl-s~="s11"]) .container.container-md{
    padding: 15px;
}
:where([data-cl-s~="s11"]) .point-list-block{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .point-list-block > .items{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info{
    width: 60%;
    padding-right: 10px;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .ttl{
    text-align: left;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .excerpt .txt-top{
    font-size: 18px;
    font-size: 1.8rem;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .excerpt .txt-bottom{
    font-size: 1.4rem;
    line-height: 1.5;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .info .ttl img{
    max-width: 170px;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .img img{
    width: 100%;
}
:where([data-cl-s~="s11"]) .point-list-block > .items .img{
    width: 40%;
}}

@media screen and (max-width: 320px) {:where([data-cl-s~="s11"]) .sppull .hiphop p, :where([data-cl-s~="s11"]) .sppull .ballet p, :where([data-cl-s~="s11"]) .sppull .hulatahi p, :where([data-cl-s~="s11"]) .sppull .hula p, :where([data-cl-s~="s11"]) .sppull .jazz p, :where([data-cl-s~="s11"]) .sppull .hipkpop p{
    font-size: 14px;
  }
:where([data-cl-s~="s11"]) .sppull .hiphop li, :where([data-cl-s~="s11"]) .sppull .ballet li, :where([data-cl-s~="s11"]) .sppull .hulatahi li, :where([data-cl-s~="s11"]) .sppull .hula li, :where([data-cl-s~="s11"]) .sppull .jazz li, :where([data-cl-s~="s11"]) .sppull .hipkpop li{
    display: table;
    width: 100%;
    height: 300px;
    background-color: #ffe1e9;
    height: 27%;
    position: absolute;
    top: 72%;
    font-size: 14px;
  }}
:where([data-cl-s~="s11"]) .top-kv{
  width: 800px;
}
:where([data-cl-s~="s11"]) .main-visual-v2.main-visual-while{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .container.container-md{
  padding: 0;
  max-width: 1000px;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow{
  margin-bottom: 45px !important;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow{
  width: 38px;
  height: 38px;
  border: 1px solid #ff167b;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow:before{
  display: block;
  content: '';
  width: 13px;
  height: 13px;
  background-color: transparent;
  border-bottom: 2px solid #ff167b;
  border-right: 2px solid #ff167b;
  position: absolute;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-prev{
  left: 57%;
  -webkit-transform: translate(-518px, -50%);
      -ms-transform: translate(-518px, -50%);
          transform: translate(-518px, -50%);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-prev:before{
  left: 2px;
  -webkit-transform: translate(80%, -50%) rotate(135deg);
      -ms-transform: translate(80%, -50%) rotate(135deg);
          transform: translate(80%, -50%) rotate(135deg);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-next{
  right: 57%;
  -webkit-transform: translate(518px, -50%);
      -ms-transform: translate(518px, -50%);
          transform: translate(518px, -50%);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-next:before{
  -webkit-transform: translate(40%, -50%) rotate(-45deg);
      -ms-transform: translate(40%, -50%) rotate(-45deg);
          transform: translate(40%, -50%) rotate(-45deg);
  left: 1px;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots{
  bottom: -30px;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots li{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #999999;
  margin: 0 16px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots li.slick-active{
  background-color: #ff167b;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots li button{
  display: none;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-slide:not(.slick-current){
  opacity: .5;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items{
  position: relative;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta{
  position: absolute;
  bottom: 12px;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta:hover{
  opacity: .8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta img.pc.img-scale{
  -webkit-transform: scale(0.84);
  -ms-transform: scale(0.84);
  transform: scale(0.84);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta img.sp{
  width: 140px;
  height: 45px;
}
:where([data-cl-s~="s11"]) .month-frame{
  margin: 30px 10px 30px 10px; 
  padding: 30px 35px;  
  position: relative;
  z-index: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .month-frame:before{
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -2;
  width: 96%;
  border: 3px solid #b8005a;
  outline: 1px solid #b8005a;
  outline-offset: -10px;
  padding: 2%;
}
:where([data-cl-s~="s11"]) .month-frame:after{
  background: #fff; 
  content: '';
  position: absolute;
  top: 10px;  
  bottom: 10px; 
  left: 10px; 
  right: 10px;  
  z-index: -1;
}
:where([data-cl-s~="s11"]) .month-tit{
  color: #b8005a;
  font-weight: bold;
  font-size: 19px;
  background: linear-gradient(to bottom, rgba(255, 253, 67, 0) 60%, rgba(255, 253, 67, 0.3) 60%, rgba(255, 253, 67, 0.3) 100%);
  display: inline-block;
}
:where([data-cl-s~="s11"]) .month-tit + div, :where([data-cl-s~="s11"]) .past-tit + div{
  padding-top: 15px;
}
:where([data-cl-s~="s11"]) .past-tit{
  color: #b8005a;
  font-weight: bold;
  font-size: 17px;
  display: inline-block;
}
:where([data-cl-s~="s11"]) .month-border{
  border-bottom: 1px solid #b8005a;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
:where([data-cl-s~="s11"]) .past-border{
  border-bottom: 2px solid #b8005a;
  padding-bottom: 25px;
  margin-bottom: 15px;
}


@media screen and (max-width: 1040px) {:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-prev{
  left: 5px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-next{
  right: 5px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta img.sp{
  display: none;
}}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow img{
  width: 100%;
}


@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow img.sp{
  display: none;
}}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow{
  margin-bottom: 35px !important;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta{
  bottom: 6px;
  right: 6px;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slide-items .cta img.pc{
  display: none;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow img.pc{
  display: none;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow img{
  width: 70%;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots li{
  width: 10px;
  height: 10px;
  margin: 0 10px;
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-next{
  right: 33px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-arrow.slick-prev{
  left: 33px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
:where([data-cl-s~="s11"]) .main-visual-v2 .main-visual-slideshow .slick-dots{
  bottom: -25px;
}
:where([data-cl-s~="s11"]) .month-frame{
  margin: 30px 0px 30px 0px;
  padding: 26px 23px;
}
:where([data-cl-s~="s11"]) .month-frame span{
  font-size: 1.4rem;
}
:where([data-cl-s~="s11"]) .month-tit{
  font-size: 17px;
}
:where([data-cl-s~="s11"]) .past-tit{
  color: #b8005a;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
}}
:where([data-cl-s~="s11"]) .slick01{
  display: flex;
  justify-content: space-between;
}
:where([data-cl-s~="s11"]) .slick-prev:before, :where([data-cl-s~="s11"]) .slick-next:before{
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #b8005a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .slick01 li img, :where([data-cl-s~="s11"]) .slick02 li img{
  margin: 0 auto;
}}


@media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .c-flex--images{
  width: 90px;
}}
:where([data-cl-s~="s11"]) .mente-box-txt{
  text-align: center;
  font-size: 16px;
  padding: 140px 15px 15px 15px;
}
:where([data-cl-s~="s11"]) .mente-date{
  color: #ff006e;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
}
:where([data-cl-s~="s11"]) .mente-tit{
  font-weight: bold;
  font-size: 22px;
}
:where([data-cl-s~="s11"]) .mente-txt-height{
  line-height: 1.6;
}
:where([data-cl-s~="s11"]) .faq-img{
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .mente-box-txt{
  padding: 95px 15px 15px 15px;
}
:where([data-cl-s~="s11"]) .mente-date{
  font-size: 25px;
}
:where([data-cl-s~="s11"]) .faq-img{
  width: 100%;
  margin: 0 auto;
}}
:where([data-cl-s~="s11"]) .infection-tit{
  color: #b8005a;
  font-size: 22px;
  text-align: center;
  padding-bottom: 15px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .infection-tit > p{
  display: inline-block;
  text-align: left;
}
:where([data-cl-s~="s11"]) .infection-subtit{
  color: #b8005a;
  font-size: 22px;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 25px;
}
:where([data-cl-s~="s11"]) .infection-list .list-txt li:before{
  content: "●";
  position: absolute;
  left: 0;
}
:where([data-cl-s~="s11"]) .infection-list .list-txt li{
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 20px;
}
:where([data-cl-s~="s11"]) .infection-img-box{
    display: flex;
    margin-top: 15px;
}
:where([data-cl-s~="s11"]) .infection-img-box > div:first-child{
    margin-right: 10px;
}
:where([data-cl-s~="s11"]) .infection-img-box > div:nth-child(2){
    margin-left: 10px;
}
:where([data-cl-s~="s11"]) .infection-last-txt{
    font-size: 19px;
    text-align: center;
    padding-top: 20px;
    color: #b8005a;
}
:where([data-cl-s~="s11"]) .infection-note{
  font-size: 16px;
  font-size: 1.6rem;
}
:where([data-cl-s~="s11"]) .infection-note .link-pdf:nth-child(2){
  padding-top: 10px;
}
:where([data-cl-s~="s11"]) .infection-red{
  color: #f9072a;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .infection-sm{
  font-size: 13px;
}
:where([data-cl-s~="s11"]) .link-pdf a{
  font-size: 22px;
  color: #039BE5;
  text-decoration: underline;
  position: relative;
}
:where([data-cl-s~="s11"]) .link-pdf a:after{
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: -18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #039BE5;
  border-right: 2px solid #039BE5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 9px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .infection-sm{
  text-align: left;
  padding-left:1em;
  text-indent:-1em;
}
:where([data-cl-s~="s11"]) .link-pdf a{
  font-size: 18px;
}
:where([data-cl-s~="s11"]) .link-pdf a:after{
  right: -14px;
  width: 7px;
  height: 7px;
  bottom: 6px;
}}
:where([data-cl-s~="s11"]) .embed-responsive{
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-top: 56%;
  margin-bottom: 1em;
}
:where([data-cl-s~="s11"]) .embed-responsive iframe, :where([data-cl-s~="s11"]) .embed-responsive img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
:where([data-cl-s~="s11"]) .play-icon{
  position: absolute !important;
  top: calc(50% - 25px) !important;
  left: calc(50% - 35px) !important;
  width: 68px !important;
  height: 48px !important;
}
:where([data-cl-s~="s11"]) .bottom-link{
  border-top: 2px solid #ff006e;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .play-icon{
    position: absolute !important;
    top: calc(50% - 25px) !important;
    left: calc(50% - 35px) !important;
    width: 58px !important;
    height: 38px !important;
}}
:where([data-cl-s~="s11"]) .top-banner{
  text-align: center;
}
:where([data-cl-s~="s11"]) .top-banner img{
  max-width: 670px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .top-banner img{
  width: 100%;
  height: auto;
}}
:where([data-cl-s~="s11"]) .accordionlist dt:first-child{
  border-top: none !important;
}
:where([data-cl-s~="s11"]) .accordionlist dt{
  display: block;
  border-top: 1px solid #DFDFDF;
  position: relative;
  text-align: center;
}
:where([data-cl-s~="s11"]) .accordion_icon{
  position: relative;
  width: 30px;
  height: 30px;
  pointer-events: none;
}
:where([data-cl-s~="s11"]) .accordion_icon, :where([data-cl-s~="s11"]) .accordion_icon span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
:where([data-cl-s~="s11"]) .accordion_icon span{
  position: absolute;
  left: 6px;
  width: 50%;
  height: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
:where([data-cl-s~="s11"]) .accordion_icon, :where([data-cl-s~="s11"]) .accordion_icon span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
:where([data-cl-s~="s11"]) .sankaku{
  border-top: 10px solid #b8005a;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
:where([data-cl-s~="s11"]) .accordion_icon.active .sankaku{
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #b8005a;
}
:where([data-cl-s~="s11"]) .accordionlist dd{
  display: block;
  max-width: 1040px;
  padding: 0 20px 20px;
  margin: 0 auto;
  line-height: 1.5;
  color: #b8005a;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .accordion_icon{
    pointer-events: all; 
  }
:where([data-cl-s~="s11"]) .accordion_icon{
    width: 20px;
    height: 20px;
  }
:where([data-cl-s~="s11"]) .accordionlist dd{
    display: none;
    width: 100%;
    padding: 0 15px 15px;
  }}
:where([data-cl-s~="s11"]) .point-tit{
  display: block;
}
:where([data-cl-s~="s11"]) .section-ttl .sc-font{
  font-size: 36px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .section-ttl .sc-font{
    font-size: 22px;
  }}
:where([data-cl-s~="s11"]) .school-list{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  margin-bottom: -20px;
}
:where([data-cl-s~="s11"]) .school-list .container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
:where([data-cl-s~="s11"]) .school-list .container{
  border: 1px solid gray;
  position: relative;
  padding: 10px;
  margin: 20px 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
  width: 32%;
  background: #fff;
  outline: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
:where([data-cl-s~="s11"]) .school-list .container .name-school{
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  color: grey;
}
:where([data-cl-s~="s11"]) .school-list .container .description{
  font-size: 16px;
  color: grey;
  margin-top: 5px;
}
:where([data-cl-s~="s11"]) .school-list .container > span{
  font-size: 0.9rem;
}
:where([data-cl-s~="s11"]) .school-list .container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
:where([data-cl-s~="s11"]) .school-list .checkmark{
  height: 23px;
  width: 23px;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid grey;
  margin-right: 10px;
  position: relative;
  display: inline-block; 
  vertical-align: middle;
}
:where([data-cl-s~="s11"]) .school-list .container input{
  display: none;
}
:where([data-cl-s~="s11"]) .school-list .container:hover input ~ .checkmark{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .school-list .container input:checked ~ .checkmark{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .school-list .container input:checked ~ .checkmark:after{
  display: block;
}
:where([data-cl-s~="s11"]) .school-list .container.active .name-school .checkmark:after{
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b8005a;
  content: "";
  position: absolute;
}
:where([data-cl-s~="s11"]) .school-list .container input:checked ~ .name-school .checkmark:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b8005a;
  display: block;
}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .school-list .container.active .name-school .checkmark:after{
    top: calc(50% - 4px) !important;
    left: calc(50% - 4px) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: #b8005a;
    content: "";
    position: absolute;
  }
:where([data-cl-s~="s11"]) .common-school .school-list .container.active{
    border: 1px solid #b8005a !important;
  }}


@media screen and  (max-width: 425px) {:where([data-cl-s~="s11"]) .school-list .container{
    font-size: 12px;
    line-height: 22px;
    padding: 0;
  }
:where([data-cl-s~="s11"]) .school-list .container .description{
    font-size: 11px;
    margin-top: -5px;
  }
:where([data-cl-s~="s11"]) .school-list .checkmark{
    height: 16px !important;
    width: 16px !important;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid grey;
    margin-right: 5px;
    margin-top: 3px;
    position: relative;
  }
:where([data-cl-s~="s11"]) .school-list .container:hover input ~ .checkmark{
    background-color: #fff;
  }
:where([data-cl-s~="s11"]) .school-list .container input:checked ~ .checkmark{
    background-color: #fff;
  }
:where([data-cl-s~="s11"]) .school-list .container input:checked ~ .checkmark:after{
    display: block;
  }}
:where([data-cl-s~="s11"]) .common-school .school-list{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  position: relative;
  margin-bottom: 0;
}
:where([data-cl-s~="s11"]) .common-school .school-list .school-all{
  display: inline-flex;
  flex-wrap: wrap;
  flex: 1;
  margin: 10px 0;
}
:where([data-cl-s~="s11"]) .common-school .school-list .school-item{
  display: inline-flex;
  flex-wrap: wrap;
  flex: 2;
  margin: 10px 0;
  justify-content: space-between;
}
:where([data-cl-s~="s11"]) .common-school .school-list .school-all .container{
  width: 100%;
  margin: 0 clamp(2px, 1.5vw, 20px);
}
:where([data-cl-s~="s11"]) .common-school .school-list .school-item .container{
  width: 48%;
  margin: 0px 0px clamp(5px, 3vw, 20px);
}
:where([data-cl-s~="s11"]) .common-school .school-list .school-item .container:last-child{
  margin: 0 10px 0 0;
}

@media screen and  (max-width: 320px) {:where([data-cl-s~="s11"]) .common-school .school-list .school-item .container{
    width: 100%;
    margin: 0 10px 5px 0;
  }}
:where([data-cl-s~="s11"]) .common-school .school-list .container{
  border: 1px solid #fbbccd;
  position: relative;
  padding: 20px;
  margin: 20px 0;
  cursor: pointer;
  font-size: clamp(10px, 3vw, 18px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  width: 30%;
  background: #fff;
  outline: none;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  line-height: 1;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container .name-school{
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #646464;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container .description{
  font-size: 16px;
  color: grey;
  margin-top: 5px;
}
:where([data-cl-s~="s11"]) .common-school .school-list .notice{
  position: absolute;
  color: #F10E55;
  right: 25px;
  bottom: 0px;
  display: inline-block;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container.active{
  border: 3px solid #b8005a;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container.active .description{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container.active .name-school{
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container > span{
  font-size: 0.9rem;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
:where([data-cl-s~="s11"]) .common-school .school-list .checkmark{
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fbbccd;
  margin-right: 5px;
  position: relative;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container:hover input ~ .checkmark{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container input:checked ~ .checkmark{
  background-color: #fff;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container input:checked ~ .checkmark:after{
  display: block;
}
:where([data-cl-s~="s11"]) .common-school .school-list .container.active .name-school .checkmark:after{
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #b8005a;
  content: "";
  position: absolute;
}


@media screen and  (max-width: 425px) {:where([data-cl-s~="s11"]) .common-school .school-list .container .description{
    font-size: 11px;
    margin-top: 0;
  }}
:where([data-cl-s~="s11"]) .form-school{
  background-color: #ffeaf3;
}

@media screen and (min-width: 768px) {:where([data-cl-s~="s11"]) .form-school{
    background-color: #ffeaf3;
    padding: 10px 30px 10px 15px;
  }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-school{
    background-color: #ffeaf3;
    padding: 10px;
  }
:where([data-cl-s~="s11"]) .common-school .school-list .container{
    padding: 10px;
    font-size: 14px;
  }}
:where([data-cl-s~="s11"]) .school-title{
  display: flex;
  align-items: center;
  line-height: 18px;
  font-size: 2rem;
  color: #b8005a;
  margin: 10px 0;
  position: relative;
  left: 22px;
}
:where([data-cl-s~="s11"]) .school-title img{
  margin-left: 5px;
}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper{
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item{
  list-style: none;
  flex: 0 0 33.333333%;
  padding: 5px;
}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"]{
  display: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 0 15px 0 50px;
  position: relative;
  border: 2px solid transparent;
  height: 70px;
  font-size: 2.2rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  color: grey;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label{
    padding: 0 3px 0 20px;
    height: 50px;
    font-size: 1.4rem;
  }
:where([data-cl-s~="s11"]) .school-title{
    position: relative;
    left: 10px;
    font-size: 1.6rem;
  }}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:before{
  display: block;
  content: '';
  width: 23px;
  height: 23px;
  border: 2px solid #787878;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:before{
    width: 15px;
    height: 15px;
    border-width: 2px;
    left: 10px;
  }}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:before{
    left: 5px;
  }}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:after{
  display: block;
  content: '';
  width: 19px;
  height: 19px;
  background-color: #ff006e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 24px;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:after{
    width: 11px;
    height: 11px;
    left: 14px;
  }}


@media screen and (max-width: 350px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:after{
    left: 9px;
  }}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label:hover{
  cursor: pointer;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label img{
    width: 12px;
  }}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label small{
  display: block;
  width: 100%;
  font-size: 1.6rem;
  color: grey;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"] + label small{
    font-size: 1.2rem;
  }}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"]:checked + label, :where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"]:checked + label small{
  border-color: #ff006e;
  color: #ff006e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .form-container-02.form-school ul.form-group-wrapper li.school-item .custom-radio input[type="radio"]:checked + label:after{
  opacity: 1;
  visibility: visible;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
:where([data-cl-s~="s11"]) .tab_container{
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #b8005a;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .tab_item{
  width: calc(100%/3);
  padding:15px 0;
  border-bottom: 2px solid #b8005a;
  background-color: #ffffff;
  text-align: center;
  color: #b8005a ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  font-size: 20px;
  font-size: 2rem;
}
:where([data-cl-s~="s11"]) .tab_item:hover{
  opacity: 0.75;
}
:where([data-cl-s~="s11"]) .tab_center{
  border-right: 1px solid #b8005a;
  border-left: 1px solid #b8005a;
}
:where([data-cl-s~="s11"]) input[name="tab_item"]{
  display: none;
}
:where([data-cl-s~="s11"]) .tab_content{
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
:where([data-cl-s~="s11"]) #tab1:checked ~ #tab1_content, :where([data-cl-s~="s11"]) #tab2:checked ~ #tab2_content, :where([data-cl-s~="s11"]) #tab3:checked ~ #tab3_content, :where([data-cl-s~="s11"]) #tab4:checked ~ #tab4_content{
  display: block;
}
:where([data-cl-s~="s11"]) .tab_container input:checked + .tab_item{
  background-color: #b8005a ;
  color: #fff;
}
:where([data-cl-s~="s11"]) .m0auto{
  margin: 0 auto;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .tab_item{
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 0;
}}
:where([data-cl-s~="s11"]) .access-sub-txt{
  float: left;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 25px;
  text-align: left;
}
:where([data-cl-s~="s11"]) .menu-tel-box{
  display: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .access-sub-txt{
  font-size: 13px;
  font-size: 1.3rem;
 }
:where([data-cl-s~="s11"]) .container.container-md.p0{
  padding: 0 15px;
 }
:where([data-cl-s~="s11"]) .menu-tel-box{
   display: flex;
   flex-wrap: wrap;
 }
:where([data-cl-s~="s11"]) .menu-tel-box .menu-tel:first-child a div{
   margin-right: 5px;
   margin-top: 10px;
 }
:where([data-cl-s~="s11"]) .menu-tel-box .menu-tel:nth-child(2) a div{
   margin-left: 5px;
   margin-top: 10px;
 }}
:where([data-cl-s~="s11"]) .yellow-highlight{
  position: relative;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .yellow-highlight:after{
  display: block;
  content: '';
  height: 15px;
  background-color: #FFFBB5;
  position: absolute;
  bottom: 0;
  left: -3px;
  right: -3px;
  z-index: -1;
  -webkit-transform: rotate(
-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(
-2deg);
}
:where([data-cl-s~="s11"]) .highlight-top{
  top:7px;
}
:where([data-cl-s~="s11"]) .tr-txt-box{
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 20px;
  background-color: #ffe1e9;
  color: white;
  font-weight: bold;
  font-size: 24px;
  margin: 5px 20px;
  border-bottom: 3px solid #b8005a;
}
:where([data-cl-s~="s11"]) .tr-txt-box:before{
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  background-image: linear-gradient(135deg, white 40px, transparent 40px calc(100% - 40px), white calc(100% - 40px));
  content: '';
}
:where([data-cl-s~="s11"]) .tr-txt-box div{
  padding: 6% 0 0 0;
  margin: 10px;
}
:where([data-cl-s~="s11"]) .tr-txt p{
  display: inline;
  border-bottom: dotted 2px white;
}
:where([data-cl-s~="s11"]) .list{
  flex-wrap: wrap;
  margin: 40px -20px 0;
  display: flex;
  justify-content: center;
}
:where([data-cl-s~="s11"]) .list li{
  box-sizing: border-box;
  margin: 0 10px 40px;
  text-align: center;
  opacity: 1;
  height: auto;
  background-image: repeating-linear-gradient( 
  -45deg,#fff, #fff 1px,transparent 0, transparent 3px);
  background-color: rgba(255,225,233,0.8);
  background-blend-mode: lighten;
}
:where([data-cl-s~="s11"]) .tr-name-box{
  color: #b8005a;
  font-size: 16px;
  padding-top: 5px;
}
:where([data-cl-s~="s11"]) .masking:nth-child(odd):before{
  content: '';
  background-color: #f75584;
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
  border-left: 2px dotted rgba(255,255,255,0.9);
  border-right: 2px dotted rgba(255,255,255,0.9);
  box-shadow: 0 0 5px rgb(255 255 255 / 50%);
  display: block;
  margin: 0 0 10px 0;
  padding: 5px 20px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -17px;
  left: 107px;
  transform: rotate(
-6deg);
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(
-6deg);
  -o-transform: rotate(-6deg);
  height: 20px;
  width: 50px;
}
:where([data-cl-s~="s11"]) .masking:nth-child(even):before{
  content: '';
  background-color: #ffe53d;
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
  border-left: 2px dotted rgba(255,255,255,0.9);
  border-right: 2px dotted rgba(255,255,255,0.9);
  box-shadow: 0 0 5px rgb(255 255 255 / 50%);
  display: block;
  margin: 0 0 10px 0;
  padding: 5px 20px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -17px;
  left: 107px;
  transform: rotate(
-6deg);
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(
-6deg);
  -o-transform: rotate(-6deg);
  height: 20px;
  width: 50px;
}
:where([data-cl-s~="s11"]) .list li:after{
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  border-width: 0px 0px 15px 15px;
  border-style: solid;
  border-color: #fff #b8005a #fff;
}
:where([data-cl-s~="s11"]) .list li.is-hidden{
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding:0;
}
:where([data-cl-s~="s11"]) .more{
  text-align: center;
  margin-top: 20px;
  display: block;
}
:where([data-cl-s~="s11"]) button{
  background-color: #b8005a;
  border: none;
  cursor: pointer;
  outline: none;
  color:#fff;
  padding: 0;
  line-height: 40px;
  width: 160px;
  border-radius: 20px;
}
:where([data-cl-s~="s11"]) .more-tr-btn{
  border: 1px solid #ffe1e9;
  padding: 15px;
  text-align: center;
  width: 380px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .more-tr-btn > div{
  font-size: 18px;
  color: #b8005a;
}
:where([data-cl-s~="s11"]) .hidden{ display: none; }
:where([data-cl-s~="s11"]) .accent01{
  position: relative;
  right: 28px;
  bottom: -60px;

}
:where([data-cl-s~="s11"]) .accent02{
  position: relative;
  right: 92px;
  bottom: -51px;
}
:where([data-cl-s~="s11"]) .accent03{
  position: relative;
  right: -374px;
  top: -210px;
}
:where([data-cl-s~="s11"]) .accent04{
  position: relative;
  right: -304px;
  bottom: 186px;
}
:where([data-cl-s~="s11"]) .tr-contact-flex{
  display: flex;
}
:where([data-cl-s~="s11"]) .tr-contact-flex div:first-child{
  padding-right: 20px;
}
:where([data-cl-s~="s11"]) .tr-contact-flex div:nth-child(2){
  padding-left: 20px;
}
:where([data-cl-s~="s11"]) .tr-contact-scname{
  color: #b8005a;
  font-size: 1.9rem;
  font-size: 19px;
}
:where([data-cl-s~="s11"]) .tr-mov-name-box{
  text-align: center;
  padding-right: 0 !important;
}
:where([data-cl-s~="s11"]) .tr-mov-name{
  color: #b8005a;
  font-size: 2.1rem;
  font-size: 21px;
  position: relative;
  display: inline-block;
  padding: 0 30px;
  margin-bottom: 11px;
}
:where([data-cl-s~="s11"]) .tr-mov-name::before{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #b8005a;
  border-radius: 3px;
  transform: rotate(-25deg);
}
:where([data-cl-s~="s11"]) .tr-mov-name::after{
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #b8005a;
  border-radius: 3px;
  transform: rotate(25deg);
}
:where([data-cl-s~="s11"]) .tr-movie-inner{
  position: relative;
  width: 100%;
  padding-top: 66.25%;
}
:where([data-cl-s~="s11"]) .tr-movie-box{
  width: 600px;
  margin: 0 auto;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .movie-thumb-ike{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url('../img/a3d8628ce5c.jpg') no-repeat;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .movie-thumb-ike:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url('../img/a1715fc0ef0.png') center center no-repeat;
  background-size: 68px 48px;
  transition: 0.5s;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .movie-thumb-sjk{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url('../img/aafb168b025.jpg') no-repeat;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .movie-thumb-sjk:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url('../img/a1715fc0ef0.png') center center no-repeat;
  background-size: 68px 48px;
  transition: 0.5s;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .tr-1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: none no-repeat;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .tr-1:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url('../img/a1715fc0ef0.png') center center no-repeat;
  background-size: 68px 48px;
  transition: 0.5s;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .tr-2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: none no-repeat;
  background-size: cover;
}
:where([data-cl-s~="s11"]) .tr-movie-inner .tr-2:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url('../img/a1715fc0ef0.png') center center no-repeat;
  background-size: 68px 48px;
  transition: 0.5s;
}
:where([data-cl-s~="s11"]) .tr-movie-inner iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .tr-contact-flex{
    display: block;
  }
:where([data-cl-s~="s11"]) iframe{
    width: 100%;
    height: 250px;
  }
:where([data-cl-s~="s11"]) .tr-contact-flex .tr-movie-box:nth-child(2) .tr-contact-scname{
    padding-top: 20px;
  }
:where([data-cl-s~="s11"]) .tr-contact-flex div:first-child{
    padding-right: 0;
  }
:where([data-cl-s~="s11"]) .tr-contact-flex div:nth-child(2){
    padding-left: 0;
  }
:where([data-cl-s~="s11"]) .tr-movie-box{
    width: 100%;
  }
:where([data-cl-s~="s11"]) .tr-mov-name{
    padding: 0 15px !important;
  }
:where([data-cl-s~="s11"]) .tr-contact-flex > .tr-movie-box{
    margin: 20px 0;
  }}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .list:after{
  content: "";
  display: block;
  width: calc(95% / 2);
}
:where([data-cl-s~="s11"]) .list li{
  margin: 0 5px 20px;
}
:where([data-cl-s~="s11"]) #container{
  justify-content: center;
}
:where([data-cl-s~="s11"]) .masking:nth-child(odd):before, :where([data-cl-s~="s11"]) .masking:nth-child(even):before{
  height: 8px;
  width: 8px;
  top: -9px;
  left: 60px;
}
:where([data-cl-s~="s11"]) .more-tr-btn{
  width: 58%;
  padding: 10px;
}
:where([data-cl-s~="s11"]) .tr-txt-box{
  margin: 15px 0 0 0;
  padding: 9px;
}
:where([data-cl-s~="s11"]) .tr-txt-box:before{
  background-image: linear-gradient(
135deg, white 30px, transparent 30px calc(100% - 30px), white calc(100% - 30px));
}
:where([data-cl-s~="s11"]) .more-tr-btn > div{
  font-size: 15px;
}
:where([data-cl-s~="s11"]) .tr-txt-box div{
  padding: 0;
}}
:where([data-cl-s~="s11"]) .song-name{
  font-size: 18px;
  font-weight: bold;
}
:where([data-cl-s~="s11"]) .class-block{
  width: 100%;
  padding: 5px 0 20px 0;
}
:where([data-cl-s~="s11"]) .class-flex{
  display: flex;
  justify-content:left;
  flex-wrap: wrap;
}
:where([data-cl-s~="s11"]) .class-flex div:nth-child(2){
  margin-left: 20px;
}
:where([data-cl-s~="s11"]) .class-flex div:nth-child(3){
  margin-left: 20px;
}
:where([data-cl-s~="s11"]) .class-flex a{
  text-decoration: underline;
  color: #ff006e;
}
:where([data-cl-s~="s11"]) .anchor{
  display: block;
    padding-top: 170px;
    margin-top: -170px;
}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .class-block{
    padding: 10px 0 20px 0;
  }
:where([data-cl-s~="s11"]) .class-flex{
    justify-content: center;
  }
:where([data-cl-s~="s11"]) .class-flex > div:nth-child(2), :where([data-cl-s~="s11"]) .class-flex > div:nth-child(3), :where([data-cl-s~="s11"]) .class-flex > div:nth-child(4){
    padding-top: 15px;
    margin-left: 0;
  }
:where([data-cl-s~="s11"]) .song-name{
    text-align: center;
  }
:where([data-cl-s~="s11"]) .song-name-pt{
    padding-top: 10px;
  }
:where([data-cl-s~="s11"]) .other-day{
    font-size: 13px;
  }}
:where([data-cl-s~="s11"]) .rec-point-tit01, :where([data-cl-s~="s11"]) .rec-point-tit02, :where([data-cl-s~="s11"]) .rec-point-tit03{
  font-size: 2.0px;
  font-size: 2.0rem;
  padding-top: 10px;
}
:where([data-cl-s~="s11"]) .rec-point-tit01:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('../img/a083540bf75.png');
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  padding-right: 5px;
}
:where([data-cl-s~="s11"]) .rec-point-tit02:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('../img/a59b35fb69d.png');
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  padding-right: 5px;
}
:where([data-cl-s~="s11"]) .rec-point-tit03:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('../img/a1ddeb8c0f2.png');
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  padding-right: 5px;
}
:where([data-cl-s~="s11"]) .rec-point-tit03-txt{
  padding-top: 25px;
}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .rec-point-tit01, :where([data-cl-s~="s11"]) .rec-point-tit02, :where([data-cl-s~="s11"]) .rec-point-tit03{
    line-height: 1.0;
    font-size: 17px;
    font-size: 1.7rem;
    padding-left: 2.3em;
    text-indent: -2.3em;
  }
:where([data-cl-s~="s11"]) .rec-point-tit03-txt{
    padding-top: 15px;
    font-size: 13px;
  }
:where([data-cl-s~="s11"]) .rec-point-tit01:before{
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('../img/a76e625e930.png');
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-right: 5px;
  }
:where([data-cl-s~="s11"]) .rec-point-tit02:before{
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('../img/a1a9faeb046.png');
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-right: 5px;
  }
:where([data-cl-s~="s11"]) .rec-point-tit03:before{
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('../img/ae4d1d4a7cc.png');
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-right: 5px;
  }}
:where([data-cl-s~="s11"]) .school-lp-link_bg{
  background-image: url('../img/ab85322d660.jpg');
 }
:where([data-cl-s~="s11"]) .school-lp-link{
  display: flex;
  gap: 10px;
  margin: 60px auto 30px;
  max-width: 1040px;
  padding: 20px;
 }
:where([data-cl-s~="s11"]) .lp-link-col3{
  background-color: #b8005a;
  font-size: 2rem;
  width: calc(100% / 3);
  text-align: center;
  padding: 15px 0;
  border-bottom: 4px solid #E3006A;
  border-radius: 5px;
  position: relative;
 }
:where([data-cl-s~="s11"]) .lp-link-col3::after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(315deg);
  -ms-transform: translateY(-50%) rotate(315deg);
  transform: translateY(-50%) rotate(315deg);
 }
:where([data-cl-s~="s11"]) .lp-link-col3 a{
  color: #fff;
  display: block;
  font-weight: bold;
 }
:where([data-cl-s~="s11"]) .lp-link-col3 p{
  display: inline-block;
 }
:where([data-cl-s~="s11"]) .school-icon{
  position: relative;
  bottom: 3px;
  width: 20px;
  height: 20px;
  right: 10px;
 }

 @media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .school-lp-link{
    margin: 0 0 0;
    padding: 10px 15px 15px;
  }
:where([data-cl-s~="s11"]) .lp-link-col3{
    font-size: 1.5rem;
    padding: 10px 0;
  }
:where([data-cl-s~="s11"]) .lp-link-col3 p{
    display: inline-block;
    position: relative;
    right: 5px;
  }
:where([data-cl-s~="s11"]) .school-icon{
    width: 15px;
    height: 15px;
    bottom: 1px;
  }}
:where([data-cl-s~="s11"]) .font-black{
  color: #262626;;
  font-weight: bold;
  display: inline;
}
:where([data-cl-s~="s11"]) .cp2024 img{
  display: block;
  margin: auto;
}
:where([data-cl-s~="s11"]) .point-list-block-top24, :where([data-cl-s~="s11"]) .point-list-block-top24 .items{
  margin: 0 !important;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .index-section-02{
    padding: 0;
  }}
:where([data-cl-s~="s11"]) #modal-02 .img{
  width: 100%;
}
:where([data-cl-s~="s11"]) #modal-02 .img img{
  max-height: 310px;
  object-fit: cover;
}

 @media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) #modal-02 .img img{
    max-height: 200px;
    width: 100%;
}}
:where([data-cl-s~="s11"]) .free-banner-back{
  background-color: rgba(247, 238, 165, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(248, 241, 186, 1) 5px, rgba(248, 241, 186, 1) 9px);
  padding: 15px 0 12px;
}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .free-banner-back{
    padding: 0;
    background-color: rgba(247, 238, 165, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(248, 241, 186, 1) 4px, rgba(248, 241, 186, 1) 7px);
  }}
:where([data-cl-s~="s11"]) .txt-top_movie{
  position: relative;
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-top_movie{
  margin-top: 2rem;
}}
:where([data-cl-s~="s11"]) .txt-top_movie:before{
  display: block;
  content: '';
  background: url('../img/a5c7fd5764c.png') no-repeat center center;
  width: 24px;
  height: 62px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-top_movie:before{
    top: 50%;
    width: 17px;
    height: 42px;
  }}
:where([data-cl-s~="s11"]) .txt-top_movie:after{
    display: block;
    content: '';
    background: url('../img/a6037e73890.png') no-repeat center center;
    width: 26px;
    height: 64px;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  @media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-top_movie:after{
        top: 50%;
        width: 17px;
        height: 42px;
      }}
:where([data-cl-s~="s11"]) .txt-top2402{
  margin-bottom: 2rem;
}
:where([data-cl-s~="s11"]) .txt-top2402_midashi{
  font-size: 4rem;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s11"]) .txt-top2402_midashi{
    font-size: 1.9rem;
  }}
:where([data-cl-s~="s11"]) .faq-top{
  display: block;
  margin: auto;
}
:where([data-cl-s~="s11"]) .lesson_price_top{
  position: relative;
  margin: 30px 0;
}
:where([data-cl-s~="s11"]) .lesson_price_top img{
  
  position: absolute;
  top: -70px;
  left: 100px;
  width: 20%;
}
:where([data-cl-s~="s11"]) .lesson_price_top_arrow{
  position: relative;
  display: inline-block;
}
:where([data-cl-s~="s11"]) .lesson_price_top span{
  border-bottom: 1px solid;
  font-size: 1.7rem;
  color: #453f3f;
}
:where([data-cl-s~="s11"]) .lesson_price_top span:hover{
  cursor: pointer;
}
:where([data-cl-s~="s11"]) .lesson_price_top span::after{
  display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(315deg);
    -ms-transform: translateY(-50%) rotate(315deg);
    transform: translateY(-50%) rotate(315deg);
}
:where([data-cl-s~="s11"]) .free-cp-dot{
  position: relative;
}
:where([data-cl-s~="s11"]) .free-cp-dot::before{
  content: '';
  background-image: url('../img/aea3f5a3877.png');
  position: absolute;
  top: -5px;
  width: 100%;
  height: 10px;
}
:where([data-cl-s~="s11"]) .free-cp-dot::after{
  content: '';
  position: absolute;
  bottom: -4px;
  width: 100%;
  background-image: url('../img/aea3f5a3877.png');
  height: 10px;
  background-repeat: repeat-x;
  
}
:where([data-cl-s~="s11"]) .free-cp-cv-btn{
  width: 640px;
  background-image: linear-gradient(to right, #b8005a 0%, #f95f95 100%);
  padding: 20px 40px;
  position: relative;
  border-bottom: 4px solid #E3006A;
  border-radius: 5px;
  margin: 30px auto 0;
  height: 70px;
}
:where([data-cl-s~="s11"]) .free-cp-cv-btn::after{
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  right: 165px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
:where([data-cl-s~="s11"]) .free-cp-cv-btn a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where([data-cl-s~="s11"]) .free-cp-cv-btn a p{
  color: #fff;
  font-size: 2.0rem;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 70px;
}

@media screen and  (max-width: 768px) {:where([data-cl-s~="s11"]) .lesson_price_top, :where([data-cl-s~="s11"]) .lesson_price_top img{
    position: initial;
  }
:where([data-cl-s~="s11"]) .lesson_price_top{
    margin: initial;
  }
:where([data-cl-s~="s11"]) .lesson_price_top img{
    width: 40%;
  }
:where([data-cl-s~="s11"]) .lesson_price_top span{
    font-size: 1.4rem;
  }
:where([data-cl-s~="s11"]) .lesson_price_top span::after{
    right: -15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid;
    border-right: 1px solid;
  }
:where([data-cl-s~="s11"]) .free-cp-cv-btn{
    width: 80%;
    height: 50px;
    margin: 8px auto 0;
  }
:where([data-cl-s~="s11"]) .free-cp-cv-btn a p{
    font-size: 1.8rem;
    line-height: 50px;
  }
:where([data-cl-s~="s11"]) .free-cp-cv-btn::after{
    right: 20px;
  }
:where([data-cl-s~="s11"]) .free-cp-dot::before{
    content: '';
    background-image: url('../img/af49646ab4d.png');
    position: absolute;
    top: -5px;
    width: 100%;
    height: 10px;
  }
:where([data-cl-s~="s11"]) .free-cp-dot::after{
    content: '';
    position: absolute;
    bottom: -4px;
    width: 100%;
    background-image: url('../img/af49646ab4d.png');
    height: 10px;
    background-repeat: repeat-x;
    
  }}
:where([data-cl-s~="s11"]) .modalArea{
	display: none;
	position: fixed;
	z-index: 10; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
:where([data-cl-s~="s11"]) .modalBg{
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.9);
  }
:where([data-cl-s~="s11"]) .modalWrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	max-width: 700px;
	padding: 30px 30px;
	background-color: #fff;
  }
:where([data-cl-s~="s11"]) .closeModal{
	position: absolute;
    top: 0.5rem;
    right: 1rem;
    cursor: pointer;
    color: #b8005a;
    font-size: 1.9rem;
  }

  
  
  
  
  
  
  

  @media screen and (max-width: 768px) {:where([data-cl-s~="s11"]) .modalWrapper{
		padding: 20px 20px;
	}
:where([data-cl-s~="s11"]) .closeModal img{
		width: 18px !important;
	}}
:where([data-cl-s~="s11"]) #main-header{
  position: sticky;
  top: 0;
}
:where([data-cl-s~="s11"]) .fukidashi span{
  position: relative;
  color: #b8005a;
  font-weight: bold;
  font-size: 30px;
  font-size: 3.0rem;
  bottom: 10px;
}
:where([data-cl-s~="s11"]) .fukidashi span::before, :where([data-cl-s~="s11"]) .fukidashi span::after{
  content: "";
  display: inline-block;
  background: #b8005a;
  width: 3px;
  position: absolute;
}
:where([data-cl-s~="s11"]) .fukidashi span::before{
  left: 0;
}
:where([data-cl-s~="s11"]) .fukidashi span::after{
  right: 0;
}

@media screen and (min-width: 768px){:where([data-cl-s~="s11"]) .fukidashi span{
    padding: 0 30px;
  }
:where([data-cl-s~="s11"]) .fukidashi span::before, :where([data-cl-s~="s11"]) .fukidashi span::after{
    height: 50px;
    bottom: -10px;
  }
:where([data-cl-s~="s11"]) .fukidashi span::before{
    transform: rotate(-30deg);
  }
:where([data-cl-s~="s11"]) .fukidashi span::after{
    transform: rotate(30deg);
  }}

@media screen and (max-width: 767px){:where([data-cl-s~="s11"]) .fukidashi span{
    display: inline-block;
    padding: 0 20px;
    font-size: 1.9rem;
    bottom: 3px;
  }
:where([data-cl-s~="s11"]) .fukidashi span::before, :where([data-cl-s~="s11"]) .fukidashi span::after{
    height: 26px;
    bottom: 0px;
    width: 2px;
  }
:where([data-cl-s~="s11"]) .fukidashi span::before{
    transform: rotate(-20deg);
  }
:where([data-cl-s~="s11"]) .fukidashi span::after{
    transform: rotate(20deg);
  }}
:where([data-cl-s~="s11"]) .bl_floatingBanner{
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 300px;
  max-width: 100%;
  z-index: 100;
}
:where([data-cl-s~="s11"]) .bl_floatingBanner.js_close{
  display: none;
}
:where([data-cl-s~="s11"]) .bl_floatingBanner_img{
  display: block;
  transition: 0.3s;
}
:where([data-cl-s~="s11"]) .bl_floatingBanner_img:hover{
  opacity: 0.8;
}
:where([data-cl-s~="s11"]) .bl_floatingBanner_close{
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
}
:where([data-cl-s~="s11"]) .bl_floatingBanner_close span:nth-of-type(1){
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
:where([data-cl-s~="s11"]) .bl_floatingBanner_close span:nth-of-type(2){
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px){:where([data-cl-s~="s11"]) .bl_floatingBanner{
    width: 270px;
    right: 0;
  }
:where([data-cl-s~="s11"]) .bl_floatingBanner_close{
    right: 10px;
    top: 5px;
  }}
:where([data-cl-s~="s11"]) .top-free-bnr:hover{
  opacity: .9;
  filter: brightness(105%);
}
@media screen and (min-width: 768px) {:where([data-cl-s~="s12"]) .yellow-border-box > br{
        display: none;
    }
:where([data-cl-s~="s12"]) .class-name-content{
        width: 300px;
        border: 3px solid #fd1d7d;
    }
:where([data-cl-s~="s12"]) .copyright-container{
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 20px;
    }
:where([data-cl-s~="s12"]) .class-name-container{
        font-size: 26px;
    }
:where([data-cl-s~="s12"]) .class-name-content{
        width: 300px;
        border: 3px solid #fd1d7d;
    }
:where([data-cl-s~="s12"]) .noti-container{
        padding: 30px 50px;
    }}


@media screen and (max-width: 768px) {:where([data-cl-s~="s12"]) .yellow-border-box  > br{
        display: block;
    }
:where([data-cl-s~="s12"]) .schedule-section-01{
        margin-bottom: 50px;
    }
:where([data-cl-s~="s12"]) .form-banner-img{
        content: url('../img/ad0e220e9e7.webp');
    }
:where([data-cl-s~="s12"]) .class-name-content{
        width: calc(100% - 125px);
        border: 2px solid #fd1d7d;
    }
:where([data-cl-s~="s12"]) .copyright-container{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 20px 0 10px;
    }
:where([data-cl-s~="s12"]) .class-name-container{
        font-size: clamp(14px, 3.5vw, 26px);
    }
:where([data-cl-s~="s12"]) .class-name-content{
        width: calc(100% - 125px);
        border: 2px solid #fd1d7d;
    }
:where([data-cl-s~="s12"]) .page-thanks{
        margin-top: -50px;
        margin-bottom: 50px;
    }}
:where([data-cl-s~="s12"]) .schedule-header-container-pc{
    max-width: 100%;
    background-color: #b8005a;
    padding: 0 calc((max(100%, 1000px) - 1000px) / 2);
}
:where([data-cl-s~="s12"]) .logo-img{
    min-width: 200px;
    padding-left: 10px;
}
:where([data-cl-s~="s12"]) .schedule-nav-sp{
    width: 100%;
    height: 56px;
    clip-path: ellipse(80% 100% at 50% 0%);
    display: flex;
    text-align: center;
}
:where([data-cl-s~="s12"]) .schedule-nav-sp > a:nth-child(1){
    width: 100%;
    background-color: #b8005a;
    padding: 10px;
    justify-content: flex-start;
}
:where([data-cl-s~="s12"]) .schedule-nav-sp > a:nth-child(1) > img{
    width: 35vw;
    margin-left: 20px;
    height: auto !important;
}
:where([data-cl-s~="s12"]) .yellow-border-box{
    margin: 100px auto 20px;
}
:where([data-cl-s~="s12"]) .schedule-section-01{
    background-image: linear-gradient(to bottom, #fef5f8, rgba(254, 245, 248, 0)),
        url('../img/a2f043f8117.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left, bottom;
    background-color: rgba(254, 245, 248, 0);
    height: fit-content;
    padding-bottom: clamp(50px, 10vw, 100px);
    position: relative;
    z-index: 1;
}
:where([data-cl-s~="s12"]) .schedule-banner img{
    width: 100%;
}
:where([data-cl-s~="s12"]) .scheduleform-header-container{
    width: 95%;
    max-width: 1000px;
    margin: 40px auto;
}
:where([data-cl-s~="s12"]) .class-name-container{
    display: flex;
    font-weight: bold;
}
:where([data-cl-s~="s12"]) .class-name-label{
    padding: 5px 10px;
    width: 125px;
    text-align: center;
    background-color: #fd1d7d;
    color: white;
    border-radius: 5px 0 0 5px;
}
:where([data-cl-s~="s12"]) .class-name-content{
    padding: 5px 10px;
    background-color: #fff;
    color: #fd1d7d;
    border-radius: 0 5px 5px 0;
}
:where([data-cl-s~="s12"]) .form-banner-img{
    width: 90%;
    display: block;
    margin: 40px auto;
}
:where([data-cl-s~="s12"]) .progress-container{
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 80vw;
    max-width: 600px;
    height: calc(min(10vw, 80px) + max(5px, min(1vw, 14px)) + 5px);
    font-size: clamp(5px, 1vw, 14px);
    position: relative;
}
:where([data-cl-s~="s12"]) .progress-img{
    width: 19vw;
    max-width: 100px;
    color: #fd1d7d;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: absolute;
    z-index: 1;
    justify-content: center;
}
:where([data-cl-s~="s12"]) .progress-img img{
    width: 70%;
}
:where([data-cl-s~="s12"]) .progress-img:nth-child(1){
    left: 0;
}
:where([data-cl-s~="s12"]) .progress-img:nth-child(3){
    right: 0;
}
:where([data-cl-s~="s12"]) .progress-bar{
    width: calc(min(600px, 70vw) - min(10vw, 90px));
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: calc(min(80px, 10vw) - 5px);
    top: calc(min(10vw, 80px) / 2 - 5px);
}
:where([data-cl-s~="s12"]) .progress-percent{
    width: 40%;
    height: 10px;
    background-color: #fa4874;
}
:where([data-cl-s~="s12"]) .btn{
    aspect-ratio: unset;
    border-radius: 10px !important;
}
:where([data-cl-s~="s12"]) input, :where([data-cl-s~="s12"]) select{
    border-radius: 5px !important;
}
:where([data-cl-s~="s12"]) select{
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
}
:where([data-cl-s~="s12"]) .custom-select{
    border-radius: 5px;
}
:where([data-cl-s~="s12"]) .neccessities-container{
    width: 100%;
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s12"]) .neccessities-container > div{
    width: 100%;
    max-width: 1024px;
}
:where([data-cl-s~="s12"]) .footer-container{
    width: 100%;
    background-color: #b8005a;
    position: absolute;
}
:where([data-cl-s~="s12"]) .copyright-container{
    display: flex;
    color: #fff;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    gap: 10px;
}
:where([data-cl-s~="s12"]) .copyright-container > img{
    width: 120px;
}
:where([data-cl-s~="s12"]) .scheduleform-header-container{
    width: 95%;
    max-width: 1000px;
    margin: 40px auto 25px;
}
:where([data-cl-s~="s12"]) .class-name-container{
    display: flex;
    font-weight: bold;
}
:where([data-cl-s~="s12"]) .class-name-label{
    padding: 5px 10px;
    width: 125px;
    background-color: #fd1d7d;
    color: white;
    border-radius: 5px 0 0 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where([data-cl-s~="s12"]) .class-name-content{
    padding: 5px 10px;
    background-color: #fff;
    color: #fd1d7d;
    border-radius: 0 5px 5px 0;
}
:where([data-cl-s~="s12"]) .bg-03{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
:where([data-cl-s~="s12"]) .noti-container{
    width: 100%;
    max-width: 1024px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
}
:where([data-cl-s~="s12"]) .page-thanks{
    position: relative;
    z-index: 1;
}
:where([data-cl-s~="s12"]) .page-thanks article{
    border: none;
}
:where([data-cl-s~="s12"]) .schedule-bnr{
    padding: 10px 15px;
}
:where([data-cl-s~="s12"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar .time-bg{
    width: 30px !important;
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s12"]) .yellow-border-box{
        margin:40px auto 20px;
    }
:where([data-cl-s~="s12"]) main.page-thanks ~ .footer .page-top-container{
        min-height: calc(min(14vw, 70px) + 18px);
    }
:where([data-cl-s~="s12"]) .schedule-tab .schedule-calendar .calendar-content .table-calendar .time-bg{
        width: 25px !important;
    }
:where([data-cl-s~="s12"]) .schedule-header-container-pc{
        display: none;
    }
:where([data-cl-s~="s12"]) .progress-img p{
        font-size: 14px;
        text-align: center;
    }
:where([data-cl-s~="s12"]) .page-thanks article{
        padding: 0;
    }
:where([data-cl-s~="s12"]) .noti-container{
        padding: 25vw 5vw 6vw;
        margin-bottom: 0;
    }
:where([data-cl-s~="s12"]) .header-container-sp img{
        height: 100% !important;
    }
:where([data-cl-s~="s12"]) .header-text-sp{
        height: 32% !important;
        font-size: 4.2vw !important;
        line-height: 1.0;
    }
:where([data-cl-s~="s12"]) .header-text-sp small{
        font-size: 0.96rem;
    }
:where([data-cl-s~="s12"]) .header-text-sp img{
        height: auto !important;
        width: 16px;
        vertical-align: middle;
    }
:where([data-cl-s~="s12"]) .free-btn.sp img{
        height: 40% !important;
    }}
:where([data-cl-s~="s13"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 20/10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
}
:where([data-cl-s~="s13"]) .campaign-banner>.campaign-banner-img{
    height: 570px;
    width: 100%;
    aspect-ratio: 5 / 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/a7d3b1968dd.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s13"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s13"]) .access-name{
    font-size: 1.8rem;
}
:where([data-cl-s~="s13"]) .campaign-banner-section{
    position: relative;
    background-color: #FEF5F8;
    overflow: hidden;
}
:where([data-cl-s~="s13"]) .campaign-banner{
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: #fff;
}
:where([data-cl-s~="s13"]) .slider-container.pc{
    padding: 0 0 100px 0;
    gap: 0;
}
:where([data-cl-s~="s13"]) .slider-imgs{
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
}
:where([data-cl-s~="s13"]) .school-kv-text{
    position: absolute;
    bottom: 17vw;
    right: 18vw;
    transform: rotate(4deg);
}
:where([data-cl-s~="s13"]) .bnr-margin{
    margin: 40px 0 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s13"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        position: relative;
        background-image: url('../img/a711664503a.jpg');
    }
:where([data-cl-s~="s13"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
    }
:where([data-cl-s~="s13"]) .access-name{
        font-size: clamp(12px, 1.5vw, 32px);
    }
:where([data-cl-s~="s13"]) .campaign-banner-no1{
        right: -20px;
        z-index: 1;
        bottom: 0;
    }
:where([data-cl-s~="s13"]) .school-kv-text{
        position: absolute;
        bottom: 30vw;
        right: 4vw;
        transform: rotate(4deg);
        width: 50%;
    }
:where([data-cl-s~="s13"]) .campaign-banner{
        clip-path: none;
        background-color: #fbbecd;
    }
:where([data-cl-s~="s13"]) .bnr-margin{
        margin: 0;
    }
:where([data-cl-s~="s13"]) .kv-position{
        position: relative;
        top: -50px;
    }}
:where([data-cl-s~="s13"]) .accordion-area{
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: relative;
}
:where([data-cl-s~="s13"]) .accordion{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
:where([data-cl-s~="s13"]) .accordion-content{
    display: none;
}
:where([data-cl-s~="s13"]) .accordion-header{
    background: #b8005a;
    padding: 20px 45px 20px 30px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    font-weight: 500;
}
:where([data-cl-s~="s13"]) .accordion-header::before, :where([data-cl-s~="s13"]) .accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#fff;
}
:where([data-cl-s~="s13"]) .accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
}
:where([data-cl-s~="s13"]) .accordion-header.active::after{transform:rotate(0deg);}
:where([data-cl-s~="s13"]) .accordion-content{
    background-color: #ffeaf3;
    padding: 3vw;
    display: none;
    margin-bottom: 30px;
    border-radius: 0 0 10px 10px;
}
:where([data-cl-s~="s13"]) .accordion-header span{
    position: relative;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}
:where([data-cl-s~="s13"]) .faq-link, :where([data-cl-s~="s13"]) .small-txt{
    padding-top: 20px;
}
:where([data-cl-s~="s13"]) .accordion-content a{
    text-decoration: underline;
}
:where([data-cl-s~="s13"]) .accordion-content a:hover{
    text-decoration: none;
}
:where([data-cl-s~="s13"]) .accordion-flex{
    display: flex;
    gap: 30px;
}
:where([data-cl-s~="s13"]) .accordion-img{
    width: 80%;
}
:where([data-cl-s~="s13"]) .accordion-img img{
    border-radius: 12px;
}
:where([data-cl-s~="s13"]) .accordion-contents-tit{
    font-size: 25px;
    font-weight: bold;
    color: #b8005a;
    line-height: 1.3;
    margin-bottom: 15px;
}
:where([data-cl-s~="s13"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s13"]) .accordion-text-block{
    width: 100%;
}
:where([data-cl-s~="s13"]) .hr-dot{
    border: none;
    width: 30%;
    margin: 50px auto;
    height: 12px;
    background-image: radial-gradient(#b8005a 35%, transparent 40%);
    background-size: 12px 12px;
    background-repeat: space;
}
:where([data-cl-s~="s13"]) .accordion-text-block p{
    line-height: 1.8;
    padding-top: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s13"]) .accordion{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
:where([data-cl-s~="s13"]) .accordion-header span::before{
        left: -26px;
        top: -5px;
    }
:where([data-cl-s~="s13"]) .accordion-header span{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s13"]) .accordion-header::before, :where([data-cl-s~="s13"]) .accordion-header::after{
        right: 20px;
    }
:where([data-cl-s~="s13"]) .accordion-header{
        padding: 12px;
    }
:where([data-cl-s~="s13"]) .accordion-content span::before{
        left: -26px;
    }
:where([data-cl-s~="s13"]) .accordion-content{
        padding: 25px 20px 40px 20px;
    }
:where([data-cl-s~="s13"]) .point-section{
        z-index: 2;
        margin-bottom: 30px;
    }
:where([data-cl-s~="s13"]) .accordion-flex{
        flex-flow: column;
    }
:where([data-cl-s~="s13"]) .accordion-img{
        width: 100%;
    }
:where([data-cl-s~="s13"]) .accordion-text-block p{
        font-size: 14px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s13"]) .accordion-contents-tit{
        font-size: 1.1rem;
        margin-bottom: 0;
    }}
:where([data-cl-s~="s13"]) .popular-point-section{
    position: relative;
}
:where([data-cl-s~="s13"]) .dance-body-img{
    width: 80%;
}
:where([data-cl-s~="s13"]) .dance-body-img img{
    border-radius: 12px;
}
:where([data-cl-s~="s13"]) .right-text{
    width: 100%;
    line-height: 1.8;
}
:where([data-cl-s~="s13"]) .genre-box{
    display: flex;
    gap: 50px;
    flex-flow: column;
}
:where([data-cl-s~="s13"]) .dance-reason-section{
    position: relative;
}
:where([data-cl-s~="s13"]) .dance-container{
    max-width: 1000px;
    background-color: #ffeaf3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s13"]) .dance-head{
    background-color: #b8005a;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    font-weight: bold;
    font-size: 1.4em;
    box-sizing: border-box;
}
:where([data-cl-s~="s13"]) .dance-body{
    width: 100%;
    display: flex;
    gap: 30px;
    padding: 3vw;
    box-sizing: border-box;
}
:where([data-cl-s~="s13"]) .bg-03{
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s13"]) .right-text > h4:nth-child(1){
    color: #b8005a;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s13"]) .genre-box{
        gap: 30px;
    }
:where([data-cl-s~="s13"]) .dance-body{
        padding: 25px 20px 40px 20px;
        flex-direction: column;
    }
:where([data-cl-s~="s13"]) .dance-body-img{
        width: 100%;
    }
:where([data-cl-s~="s13"]) .dance-head{
        font-size: 1.1rem;
        padding: 12px;
        height: auto;
    }
:where([data-cl-s~="s13"]) .dance-container{
        max-width: 100%;
        margin: 0 20px;
        width: auto;
    }
:where([data-cl-s~="s13"]) .right-text > h4:nth-child(1){
        font-size: clamp(14px, 5vw, 36px);
    }
:where([data-cl-s~="s13"]) .right-text > p:nth-child(2){
        font-size: 14px;
    }}
/********************************

	ダンスジャンル_おわり
@media screen and (min-width: 768px) {:where([data-cl-s~="s14"]) .text-card > div{
        width: 55%;
    }
:where([data-cl-s~="s14"]) .text-card > h4:nth-child(1){
        font-size: 1.7rem;
    }
:where([data-cl-s~="s14"]) .yellow-border-box{
        font-size: clamp(32px, 5vw, 40px);
        padding: 5px 20px;
    }
:where([data-cl-s~="s14"]) .enroll-btn{
        width: 50%;
        font-size: 20px;
    }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s14"]) .enrollment-section{
        margin-top: -10px;
        margin-bottom: 10px;
    }
:where([data-cl-s~="s14"]) .text-card{
        padding: 16px;
    }
:where([data-cl-s~="s14"]) .text-card > div{
        width: 100%;
    }
:where([data-cl-s~="s14"]) .text-card > h4:nth-child(1){
        font-size: clamp(14px, 5vw, 32px);
    }
:where([data-cl-s~="s14"]) .yellow-border-box{
        font-size: clamp(24px, 5vw, 40px);
        padding: 5px 20px;
    }
:where([data-cl-s~="s14"]) .enroll-btn{
        width: 95%;
        font-size: clamp(13px, 4vw, 30px);
        text-align: center;
    }}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-pc>.campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    border-bottom: 4px solid #b8005a;
    padding: 30px;
    width: 40%;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-sp>.campaign-banner{
    width: 100vw;
    height: fit-content;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img > img{
    width: 100%;
    padding-top: 25px;
}
:where([data-cl-s~="s14"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 3vw;
    bottom: 3%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom: 4px solid #b8005a;
    padding: 20px;
    width: 40%;
}
:where([data-cl-s~="s14"]) .enrollment-section{
    position: relative;
    z-index: 1;
}
:where([data-cl-s~="s14"]) .bg-03{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background-color: rgba(254, 245, 248, 0);
}
:where([data-cl-s~="s14"]) .title{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
    line-height: 1.7;
    gap: 10px;
    font-size: clamp(16px, 3vw, 24px);;
}
:where([data-cl-s~="s14"]) .pink-text{
    color: #b8005a;
}
:where([data-cl-s~="s14"]) .enrollment-step-container{
    display: flex;
    width: 95%;
    max-width: 1000px;
    gap: clamp(15px, 5vw, 30px);
}
:where([data-cl-s~="s14"]) .enrollment-step-container > .left-part{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: fit-content;
    align-items: center;
    color: #b8005a;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
:where([data-cl-s~="s14"]) .enrollment-step-container > .left-part > p:nth-child(2){
    font-size: clamp(20px, 5vw, 40px);
}
:where([data-cl-s~="s14"]) .enrollment-step-container > .left-part > .line{
    width: 2px;
    height: 100%;
    background-color: #b8005a;
}
:where([data-cl-s~="s14"]) .enrollment-step-container > .right-part{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-bottom: 30px;
}
:where([data-cl-s~="s14"]) .img-card{
    width: 100%;
    background-color: #fff;
    border-radius: 25px;
    display: flex;
    box-shadow: 0 0px 10px 0 rgba(237, 225, 229, 0.8);
}
:where([data-cl-s~="s14"]) .enrollment-step-container .img-card > img{
    width: 25%;
    border-radius: 20px 0 0 20px;
}
:where([data-cl-s~="s14"]) .enrollment-step-container:nth-child(2) .img-card > img{
    width: 25%;
    padding: 30px 30px 30px 50px;
    background-color: #fbd8e1;
}
:where([data-cl-s~="s14"]) .img-card > .text-container{
    width: 75%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    line-height: 1.7;
}
:where([data-cl-s~="s14"]) .img-card > .text-container > h3:nth-child(1){
    font-size: 1.7rem;
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s14"]) .text-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fffdcd;
    padding: 30px;
    gap: 10px;
}
:where([data-cl-s~="s14"]) .text-card > h4:nth-child(1){
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s14"]) .text-card > p:nth-child(2){
    color: #646464
}
:where([data-cl-s~="s14"]) .text-card > div{
    background-color: #646464;
    color: #fff;
    aspect-ratio: 16/9;
    font-size: clamp(12px, 4vw, 24px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
:where([data-cl-s~="s14"]) .enroll-btn{
    padding: clamp(15px, 3vw, 23px);
    font-weight: bold;
    background-color: #b8005a;
    color: #fff;
    min-width: fit-content;
    border-radius: 10px;
    box-shadow: 0 3px 0 0 #fd8cb2;
}
:where([data-cl-s~="s14"]) .enroll-btn > img{
    width: clamp(12px, 5vw, 40px);
}
:where([data-cl-s~="s14"]) .enrollment-card{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border-radius: 20px;
    border: 3px solid #ede1e5;
}
:where([data-cl-s~="s14"]) .enrollment-step-container:nth-child(2) > .enrollment-card{
    padding: 20px 0;
}
:where([data-cl-s~="s14"]) .enrollment-card > img{
    width: 100%;;
}
:where([data-cl-s~="s14"]) .enrollment-card > .caption{
    font-size: clamp(16px, 5vw, 32px);
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s14"]) .enrollment-card > .content{
    width: fit-content;
    font-size: clamp(12px, 3vw, 16px);
    line-height: 1.7;
    padding: 0 20px 20px;
}
:where([data-cl-s~="s14"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s14"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/ae3aa6f5cbc.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s14"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s14"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
    display: inline-block;
}
:where([data-cl-s~="s14"]) .price-lesson-banner{
    position: absolute;
    top: 20vw;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s14"]) .price-fee-banner{
    position: absolute;
    top: 20vw;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s14"]) .price-lesson-banner>img, :where([data-cl-s~="s14"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s14"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 120px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s14"]) .kv-position{
        position: relative;
        top: -50px;
    }
:where([data-cl-s~="s14"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s14"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        background-position: -270px 20px;
    }
:where([data-cl-s~="s14"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s14"]) .price-lesson-banner{
        position: absolute;
        bottom: 0;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s14"]) .price-fee-banner{
        position: absolute;
        bottom: 0;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s14"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 7px 15px;
        bottom: 10%;
    }}
:where([data-cl-s~="s14"]) .second-tit-mt{
    margin-top: 80px;
}
:where([data-cl-s~="s14"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s14"]) .contents-title{
    width: fit-content;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s14"]) .yellow-border-box{
    width: fit-content;
    padding: 5px 10px;
    font-size: 40px;
    border-top: 2px solid #b7a35c;
    border-bottom: 2px solid #b7a35c;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
}



@media screen and (max-width: 767px) {:where([data-cl-s~="s14"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s14"]) .yellow-border-box{
        font-size: 28px;
    }
:where([data-cl-s~="s14"]) .contents-title{
        font-size: 16px;
        gap: 5px;
    }
:where([data-cl-s~="s14"]) .bg-03{
        gap: 10px;
    }}
:where([data-cl-s~="s14"]) .embed-responsive{
    margin-bottom: 0;
}
:where([data-cl-s~="s14"]) .dance-movie-block{
    margin: 10px auto 20px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s14"]) .img-card{
        flex-flow: column;
        border-radius: 14px;
    }
:where([data-cl-s~="s14"]) .enrollment-step-container:nth-child(2) .img-card > img{
        display: none;
    }
:where([data-cl-s~="s14"]) .img-card > .text-container{
        width: 100%;
        font-size: 14px;
        line-height: 1.8;
        box-sizing: border-box;
    }
:where([data-cl-s~="s14"]) .img-card > .text-container > h3:nth-child(1){
        text-align: center;
        font-size: 1.1rem;
    }
:where([data-cl-s~="s14"]) .enrollment-step-container{
        gap: clamp(12px, 3vw, 30px);
        width: auto;
        margin: 0 20px 30px;
    }
:where([data-cl-s~="s14"]) .embed-responsive{
        margin-bottom: 0;
    }
:where([data-cl-s~="s14"]) .text-card{
        padding: 15px 15px 25px 15px;
    }
:where([data-cl-s~="s14"]) .text-card > p:nth-child(2){
        font-size: 14px;
    }
:where([data-cl-s~="s14"]) .enroll-btn{
        width: 100%;
        padding: 10px 0;
    }
:where([data-cl-s~="s14"]) .dance-movie-block{
        margin: 10px auto 10px;
    }}
:where([data-cl-s~="s15"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s15"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/a21b0370ab6.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s15"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s15"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
}
:where([data-cl-s~="s15"]) .price-lesson-banner{
    position: absolute;
    bottom: 130px;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s15"]) .price-fee-banner{
    position: absolute;
    bottom: 130px;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}


@media screen and (max-width: 961px){:where([data-cl-s~="s15"]) .price-lesson-banner{
        bottom: 200px;
        right: 22vw;
    }
:where([data-cl-s~="s15"]) .price-fee-banner{
        bottom: 200px;
        right: 6vw;
    }}
:where([data-cl-s~="s15"]) .price-lesson-banner>img, :where([data-cl-s~="s15"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s15"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 120px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .kv-position{
        position: relative;
        top: -30px;
    }
:where([data-cl-s~="s15"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s15"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none
    }
:where([data-cl-s~="s15"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s15"]) .price-lesson-banner{
        position: absolute;
        bottom: 10%;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s15"]) .price-fee-banner{
        position: absolute;
        bottom: 10%;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s15"]) .kv-page-name{
        left: 0%;
        font-size: 3vw;
        padding: 7px 15px;
        bottom: 10%;
    }}
:where([data-cl-s~="s15"]) .second-tit-mt{
    margin-top: 80px;
}
:where([data-cl-s~="s15"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s15"]) .contents-title{
    width: fit-content;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s15"]) .yellow-border-box{
    width: fit-content;
    padding: 5px 10px;
    font-size: 40px;
    border-top: 2px solid #b7a35c;
    border-bottom: 2px solid #b7a35c;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
}
:where([data-cl-s~="s15"]) .box-pink-header{
    margin: 2em 0;
    background: #ffeaf3;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 0 0 7px 7px;
}
:where([data-cl-s~="s15"]) .box-pink-header .box-title{
    font-size: 1.4em;
    background: #b8005a;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: left;
    border-radius: 10px 10px 0 0;
}
:where([data-cl-s~="s15"]) .box-pink-header p{
    padding: 15px 0 0 0;
    margin: 0;
    line-height: 1.8;
}
:where([data-cl-s~="s15"]) .box-pink-header-flex{
    display: flex;
    padding: 30px;
    gap: 30px;
    
}
:where([data-cl-s~="s15"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s15"]) .box-pink-header-inbox-tit{
    font-size: 1.7rem;
    font-weight: bold;
}
:where([data-cl-s~="s15"]) .box-pink-header-flex-img{
    width: 100%;
}
:where([data-cl-s~="s15"]) section .box-pink-header + .box-pink-header{
    margin-top: 50px;
}
:where([data-cl-s~="s15"]) .link-arrow{
    text-align: right;
}
:where([data-cl-s~="s15"]) .link-arrow a{
    position: relative;
    display: inline-block;
    color: #646464;
    border-bottom: 1px solid #646464;
}
:where([data-cl-s~="s15"]) .link-arrow a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #646464;
    border-right: solid 2px #646464;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: -13px;
    bottom: 0;
    margin: auto;
}
:where([data-cl-s~="s15"]) .cva-top-contents{
    position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .box-pink-header{
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s15"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s15"]) .box-pink-header .box-title{
        font-size: 1.9em;
        padding: 12px;
    }
:where([data-cl-s~="s15"]) .box-pink-header-flex{
        padding: 25px 20px 40px 20px;
        flex-flow: column;
        gap: 20px;
    }
:where([data-cl-s~="s15"]) .box-pink-header-inbox-tit{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s15"]) .box-pink-header p{
        font-size: 14px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s15"]) .yellow-border-box{
        font-size: 28px;
    }
:where([data-cl-s~="s15"]) .contents-title{
        font-size: 16px;
        gap: 5px;
    }
:where([data-cl-s~="s15"]) .link-arrow{
        position: relative;
        padding: 0;
        text-align: center;
    }
:where([data-cl-s~="s15"]) .second-tit-mt{
        margin-top: 0;
    }}
:where([data-cl-s~="s15"]) .price-box-price{
    display: flex;
    gap: 10px;
}
:where([data-cl-s~="s15"]) .price-box-notice-flex{
    display: flex;
    justify-content: end;
    width: 80%;
}
:where([data-cl-s~="s15"]) .price-box-banner{
    display: flex;
    justify-content: center;
    margin: 25px 0 0 0;
}
:where([data-cl-s~="s15"]) .price-box-margin{
    padding: 30px;
}
:where([data-cl-s~="s15"]) .price-box-notice{
    font-size: 0.8rem;
    padding: 15px 0 0 0;
    line-height: 1.8;
}
:where([data-cl-s~="s15"]) .sp-price-flex{
    display: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .price-box-margin{
        padding: 20px;
    }
:where([data-cl-s~="s15"]) .price-box-price{
        flex-flow: column;
    }
:where([data-cl-s~="s15"]) .price-box-notice-flex{
        width: 100%;
        justify-content: normal;
    }
:where([data-cl-s~="s15"]) .sp-price-flex{
        display: flex;
        flex-flow: column;
        gap: 5px;
    }}
:where([data-cl-s~="s15"]) .bg-03{
    background-color: #fff;
    width: 100%;
    height: fit-content;
}

  @media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .free-trial-bnr-shadow{
    box-shadow: none;
    border-radius: 0;
}}
:where([data-cl-s~="s15"]) .txt-c{
    text-align: center;
}
:where([data-cl-s~="s15"]) .sb-br{
    display: none;
}
:where([data-cl-s~="s15"]) .img-pc{
    display: block;
}
:where([data-cl-s~="s15"]) .img-sp{
    display: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .sb-br{
        display: block;
    }
:where([data-cl-s~="s15"]) .img-pc{
        display: none;
    }
:where([data-cl-s~="s15"]) .img-sp{
        display: block;
    }}
:where([data-cl-s~="s15"]) .free-bnr-margin{
    margin: 60px 0;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s15"]) .free-bnr-margin{
        margin: 40px 20px 20px;
    }}
:where([data-cl-s~="s16"]) .school-section{
    position: relative;
    z-index: 1;
}
:where([data-cl-s~="s16"]) .schools-card{
    max-width: 1000px;
    width: 90%;
    display: flex;
    gap: 30px;
}
:where([data-cl-s~="s16"]) .anker-btn-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
}

@media screen and (min-width: 768px) {:where([data-cl-s~="s16"]) .school-section{
        margin-bottom: 0px;
    }
:where([data-cl-s~="s16"]) .anker-btn-block{
        margin-bottom: 0;
    }}
:where([data-cl-s~="s16"]) .basic-information-section{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
:where([data-cl-s~="s16"]) .title{
    font-weight: bold;
    font-size: 20px;
    color: #b8005a;
}
:where([data-cl-s~="s16"]) .information-content{
    border-radius: 10px;
    background-color: #feeef3;
    padding: 40px;
    color: #646464;
    line-height: 1.7;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
:where([data-cl-s~="s16"]) .information-content>.map{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
:where([data-cl-s~="s16"]) .map>.content{
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
:where([data-cl-s~="s16"]) .map-text{
    font-size: clamp(14px, 1.5vw, 16px);
}
:where([data-cl-s~="s16"]) .map>.content span{
    color: #b8005a;
    text-decoration: underline;
    font-size: clamp(14px, 1.5vw, 16px);
}
:where([data-cl-s~="s16"]) .map>.map-img{
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
:where([data-cl-s~="s16"]) .map>.map-img>a{
    color: #b8005a;
    position: relative;
    padding: 10px 20px 3px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #b8005a;
    font-size: 16px;
}
:where([data-cl-s~="s16"]) .map>.map-img>a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 1.0em;
    height: 1.0em;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    left: 5px;
    position: relative;
}
:where([data-cl-s~="s16"]) .map-btn{
    width: fit-content;
    min-width: 150px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid #b8005a;
    color: #b8005a;
    margin: 30px auto;
    cursor: pointer;
    font-size: 16px;
}
:where([data-cl-s~="s16"]) .school-way-container.pc{
    width: 80%;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto;
}
:where([data-cl-s~="s16"]) .school-way-container.pc > p{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #b8005a;
    margin-bottom: 20px;
    text-align: center;
}
:where([data-cl-s~="s16"]) .school-way-container.pc > .school-way-element{
    width: 49%;
    display: flex;
    color: #b8005a;
    font-size: 20px;
}
:where([data-cl-s~="s16"]) .school-way-container.sp{
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}
:where([data-cl-s~="s16"]) .school-way-container > p{
    font-size: 20px;
    font-weight: bold;
    color: #b8005a;
    margin-bottom: 20px;
    text-align: center;
}
:where([data-cl-s~="s16"]) .school-way-element{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 5px;
}
:where([data-cl-s~="s16"]) .school-way-element.ikb{
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s16"]) .school-way-element > p{
    font-size: clamp(14px, 3vw, 16px);
    margin-bottom: 10px;
    color: #646464;
}
:where([data-cl-s~="s16"]) .school-way-element > p:nth-child(1){
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background-color: #b8005a;
    padding: 1px 15px;
    margin-right: 10px;
}
:where([data-cl-s~="s16"]) .school-way-img{
    width: 95%;
    position: relative;
}
:where([data-cl-s~="s16"]) .school-way-img > p{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background-color: #b8005a;
    padding: 2px 20px;
    position: absolute;
    top: 0;
    left: 0;
}
:where([data-cl-s~="s16"]) .basic-information-section .yellow-border-box{
    padding: 10px 60px;
    margin-top: 40px;
}
:where([data-cl-s~="s16"]) .information-content>p{
    width: 100%;
    max-width: 500px;
    display: flex;
    gap: 20px;
}
:where([data-cl-s~="s16"]) .information-content>p>span{
    width: 40%;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s16"]) .school-section{
        margin: 0 20px 50px;
    }
:where([data-cl-s~="s16"]) .information-content>.map{
        flex-direction: column;
        gap: 20px;
    }
:where([data-cl-s~="s16"]) .map>.content{
        width: 100% !important;
    }
:where([data-cl-s~="s16"]) .map>.map-img{
        width: 100% !important;
    }
:where([data-cl-s~="s16"]) .basic-information-section .yellow-border-box{
        margin-top: 10px;
    }
:where([data-cl-s~="s16"]) .information-content{
        max-width: 335px;
        margin: 0 20px;
        padding: 20px;
        box-sizing: border-box;
    }
:where([data-cl-s~="s16"]) .basic-information-section{
        gap: 20px;
    }
:where([data-cl-s~="s16"]) .map>.map-img>a{
        font-size: 12px;
    }}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-pc>.campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    border-bottom: 4px solid #b8005a;
    padding: 30px;
    width: 40%;
}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-sp>.campaign-banner{
    width: 100vw;
    height: fit-content;
}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 23/10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
:where([data-cl-s~="s16"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 3vw;
    bottom: 3%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom: 4px solid #b8005a;
    padding: 20px;
    width: 40%;
}
:where([data-cl-s~="s16"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s16"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: none;
    margin: 0 auto;
}
:where([data-cl-s~="s16"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
    width: 20%;
}
:where([data-cl-s~="s16"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
    display: inline-block;
}
:where([data-cl-s~="s16"]) .price-lesson-banner{
    position: absolute;
    top: 20vw;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s16"]) .price-fee-banner{
    position: absolute;
    top: 20vw;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s16"]) .price-lesson-banner>img, :where([data-cl-s~="s16"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s16"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 120px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s16"]) .kv-position{
        position: relative;
        top: -50px;
    }
:where([data-cl-s~="s16"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s16"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        background-position: -190px 20px;
    }
:where([data-cl-s~="s16"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s16"]) .price-lesson-banner{
        position: absolute;
        bottom: 0;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s16"]) .price-fee-banner{
        position: absolute;
        bottom: 0;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s16"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
        width: 40%;
    }
:where([data-cl-s~="s16"]) .card img{
        display: none;
    }}
:where([data-cl-s~="s16"]) .card{
    width: 30%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 4px 3px rgba(249, 155, 178, 0.4);
}
:where([data-cl-s~="s16"]) .card img{
    width: 25%;
}
:where([data-cl-s~="s16"]) .card div{
    width: 70%;
    height: 90%;
    min-height: 70px;
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    color: #b8005a;
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s16"]) .card::after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #b8005a;
    border-right: 2px solid #b8005a;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
:where([data-cl-s~="s16"]) .atmosphere-container{
    width: 100%;
    max-width: 1140px;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    overflow-x: hidden;
}
:where([data-cl-s~="s16"]) .atmosphere-container>.title{
    font-size: 30px;
    margin-bottom: 20px;
}
:where([data-cl-s~="s16"]) .atmosphere-slider{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    transition: transform 0.5s ease-in-out;
}
:where([data-cl-s~="s16"]) .atmosphere-slider>img{
    max-width: 360px;
    width: 70vw;
}
:where([data-cl-s~="s16"]) .atmosphere-container>.btn{
    top: 50%;
    position: absolute;
    width: 30px;
    height: 30px;
}
:where([data-cl-s~="s16"]) .atmosphere-container>.prev-btn{
    left: calc(50% - 180px - 20px);
}
:where([data-cl-s~="s16"]) .atmosphere-container>.next-btn{
    right: calc(50% - 180px - 20px);
}


@media screen and (max-width: 1140px) {:where([data-cl-s~="s16"]) .atmosphere-slider{
        transform: translateX(calc((100vw - 1140px) / 2));
    }}


@media screen and (max-width: 515px) {:where([data-cl-s~="s16"]) .atmosphere-slider{
        transform: translateX(calc((-110vw - 60px) / 2));
    }
:where([data-cl-s~="s16"]) .atmosphere-container>.btn{
        top: 50%;
        z-index: 1;
    }
:where([data-cl-s~="s16"]) .atmosphere-container>.prev-btn{
        left: calc(50% - 35% - 20px);
    }
:where([data-cl-s~="s16"]) .atmosphere-container>.next-btn{
        right: calc(50% - 35% - 20px);
    }
:where([data-cl-s~="s16"]) .title{
        font-size: 14px;
    }
:where([data-cl-s~="s16"]) .map-btn{
        font-size: 14px;
        min-width: 120px;
    }
:where([data-cl-s~="s16"]) .school-way-element > p:nth-child(1){
        font-size: 16px;
        padding: 1px 10px;
    }
:where([data-cl-s~="s16"]) .atmosphere-container>.title{
        font-size: 20px;
    }
:where([data-cl-s~="s16"]) .card div{
        width: 100%;
        justify-content: left;
        font-size: 16px;
        min-height: 53px;
        border-top: 1px solid #b8005a;
        border-bottom: 1px solid #b8005a;
    }
:where([data-cl-s~="s16"]) .schools-card{
        width: 100%;
        gap: 20px;
    }}
:where([data-cl-s~="s16"]) .second-tit-mt{
    margin-top: 80px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s16"]) .bg-03{
        gap: 10px;
    }}
@media screen and (min-width: 768px) {:where([data-cl-s~="s17"]) .faq-section{
        margin-bottom: 40px;
    }
:where([data-cl-s~="s17"]) .question-header{
        padding: 20px 30px;
    }
:where([data-cl-s~="s17"]) .question-container span{
        font-size: 32px;
    }
:where([data-cl-s~="s17"]) .question-header>p{
        width: 80%;
        font-size: 20px;
        font-weight: bold;
    }
:where([data-cl-s~="s17"]) .question-body{
        padding: 30px 50px;
        font-size: 20px;
    }
:where([data-cl-s~="s17"]) .video-check-banner{
        margin-top: 50px;
    }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s17"]) .faq-section{
        margin-bottom: 10px;
    }
:where([data-cl-s~="s17"]) .question-header{
        padding: 20px;
    }
:where([data-cl-s~="s17"]) .question-container span{
        font-size: 24px;
    }
:where([data-cl-s~="s17"]) .question-header>p{
        width: 90%;
        margin-left: 10px;
        font-size: clamp(10px, 3vw, 16px);
        font-weight: bold;
    }
:where([data-cl-s~="s17"]) .question-body{
        padding: 20px 30px;
        font-size: clamp(10px, 3vw, 16px);
    }
:where([data-cl-s~="s17"]) .video-check-banner{
        margin-top: 30px;
    }}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-pc>.campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    border-bottom: 4px solid #b8005a;
    padding: 30px;
    width: 40%;
}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-sp>.campaign-banner{
    width: 100vw;
    height: fit-content;
}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 23/10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
:where([data-cl-s~="s17"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 3vw;
    bottom: 3%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom: 4px solid #b8005a;
    padding: 20px;
    width: 40%;
}
:where([data-cl-s~="s17"]) .faq-section{
    position: relative;
    z-index: 2;
}
:where([data-cl-s~="s17"]) .bg-03{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
:where([data-cl-s~="s17"]) .yellow-border-box{
    font-size: 40px;
    padding: 5px 20px;
    margin-top: 40px;
}
:where([data-cl-s~="s17"]) .question-container{
    width: 90%;
    max-width: 1000px;
}
:where([data-cl-s~="s17"]) .question-header{
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: repeating-linear-gradient(135deg, rgba(251, 205, 216, 0.6), rgba(251, 205, 216, 0.6) 4px, rgba(251, 222, 230, 0.6) 4px, rgba(251, 222, 230, 0.6) 7px);
}
:where([data-cl-s~="s17"]) .question-container span{
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s17"]) .question-btn{
    cursor: pointer;
}
:where([data-cl-s~="s17"]) .question-body{
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: bold;
    line-height: 1.7;
    text-align: justify;
}
:where([data-cl-s~="s17"]) .question-body > a{
    text-decoration: underline;
    margin-top: 5px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s17"]) .bg-03{
        gap: 20px;
    }
:where([data-cl-s~="s17"]) .yellow-border-box{
        font-size: 28px;
    }}
:where([data-cl-s~="s17"]) .campaign-banner>.campaign-banner-img{
    height: 570px;
    width: 100%;
    aspect-ratio: 5 / 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/a4311cc27a5.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s17"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
    width: 20%;
}
:where([data-cl-s~="s17"]) .access-name{
    font-size: 1.8rem;
}
:where([data-cl-s~="s17"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 100px;
    background-color: #FEF5F8;
    overflow: hidden;
}
:where([data-cl-s~="s17"]) .campaign-banner{
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: #fff;
}
:where([data-cl-s~="s17"]) .slider-container.pc{
    padding: 0 0 100px 0;
    gap: 0;
}
:where([data-cl-s~="s17"]) .slider-imgs{
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
}
:where([data-cl-s~="s17"]) .school-kv-text{
    position: absolute;
    bottom: 17vw;
    right: 18vw;
    transform: rotate(4deg);
}
:where([data-cl-s~="s17"]) .bnr-margin{
    margin: 40px 0 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s17"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        position: relative;
    }
:where([data-cl-s~="s17"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
        width: 40%;
    }
:where([data-cl-s~="s17"]) .access-name{
        font-size: clamp(12px, 1.5vw, 32px);
    }
:where([data-cl-s~="s17"]) .campaign-banner-no1{
        right: -20px;
        z-index: 1;
        bottom: 0;
    }
:where([data-cl-s~="s17"]) .school-kv-text{
        position: absolute;
        bottom: 30vw;
        right: 4vw;
        transform: rotate(4deg);
        width: 50%;
    }
:where([data-cl-s~="s17"]) .campaign-banner{
        clip-path: none;
        background-color: #fbbecd;
    }
:where([data-cl-s~="s17"]) .campaign-banner-section{
        margin-top: -30px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s17"]) .bnr-margin{
        margin: 0;
    }}
:where([data-cl-s~="s17"]) .faq-category-nav{
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 860px;
}
:where([data-cl-s~="s17"]) .faq-category-nav li{
    flex: 1;
    list-style: none;
}
:where([data-cl-s~="s17"]) .faq-category-nav a{
    display: block;
    position: relative;
    padding: 12px 30px 12px 15px;
    border-radius: 30px;
    background-color: #ffffff;
    color: #b8005a;
    border: 1px solid #b8005a;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: opacity .3s ease;
}
:where([data-cl-s~="s17"]) .faq-category-nav a::after{
    content: '';
    position: absolute;
    top: 40%;
    right: 15px;
    width: 6px;
    height: 6px;
    border-right: solid 2px #b8005a;
    border-bottom: solid 2px #b8005a;
    transform: rotate(45deg);
}
:where([data-cl-s~="s17"]) .faq-category-nav a:hover{
    opacity: .7;
}
:where([data-cl-s~="s17"]) .faq-category-title{
    padding: 3px 0 9px 3px;
    color: #b8005a;
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
:where([data-cl-s~="s17"]) .faq-category-title::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-image: radial-gradient(circle, #b8005a 1.5px, transparent 1.5px);
    background-size: 7px 3px;
    background-repeat: repeat-x;
}
:where([data-cl-s~="s17"]) .faq-anchor-point{
    position: absolute;
    top: -25px;
    left: 0;
    scroll-margin-top: 90px;
}
:where([data-cl-s~="s17"]) .faq-category-title:not(:first-child){
    margin-top: 40px;
}
:where([data-cl-s~="s17"]) .accordion{
    width: 860px;
    flex-flow: column;
    display: flex;
    gap: 15px;

}
:where([data-cl-s~="s17"]) .accordion-content{
    display: none;
}
:where([data-cl-s~="s17"]) .accordion-header{
    background: repeating-linear-gradient(135deg, rgba(251, 205, 216, 0.6), rgba(251, 205, 216, 0.6) 4px, rgba(251, 222, 230, 0.6) 4px, rgba(251, 222, 230, 0.6) 7px);
    padding: 20px 45px 20px 30px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    font-weight: 500;
}
:where([data-cl-s~="s17"]) .accordion-header::before, :where([data-cl-s~="s17"]) .accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#b8005a;
}
:where([data-cl-s~="s17"]) .accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
}
:where([data-cl-s~="s17"]) .accordion-header.active::after{transform:rotate(0deg);}
:where([data-cl-s~="s17"]) .accordion-content{
    background-color: #FFF;
    padding: 18px 20px 18px 30px;
    border-radius: 6px;
    margin-bottom: 20px;
}
:where([data-cl-s~="s17"]) .accordion-content span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    line-height: 1.8;
}
:where([data-cl-s~="s17"]) .accordion-header h3, :where([data-cl-s~="s17"]) .accordion-content span{
    padding-left: 35px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
}
:where([data-cl-s~="s17"]) .accordion-header h3::before{
    position: absolute;
    content: "Q";
    top: -7px;
    left: 0;
    font-size: 22px;
    color: #b8005a;
    font-weight: 500;
}
:where([data-cl-s~="s17"]) .accordion-content span::before{
    position: absolute;
    content: "A";
    top: 0;
    left: 0;
    color: #b8005a;
    font-size: 22px;
    font-weight: 500;
}
:where([data-cl-s~="s17"]) .accordion-header:hover{
    background-color: #F2F2F2;
}
:where([data-cl-s~="s17"]) .faq-link, :where([data-cl-s~="s17"]) .small-txt{
    padding-top: 20px;
}
:where([data-cl-s~="s17"]) .accordion-content a{
    text-decoration: underline;
}
:where([data-cl-s~="s17"]) .accordion-content a:hover{
    text-decoration: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s17"]) .accordion{
        max-width: 100%;
        margin: 0 20px;
        width: auto;
    }
:where([data-cl-s~="s17"]) .faq-category-nav{
        align-self: stretch;
        gap: 5px;
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s17"]) .faq-category-nav li{
        display: flex;
        flex: 1 1 0;
        min-width: 0;
    }
:where([data-cl-s~="s17"]) .faq-category-nav a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 8px 3px 20px;
        border-radius: 10px;
        font-size: clamp(10px, 3vw, 13px);
        line-height: 1.4;
    }
:where([data-cl-s~="s17"]) .faq-category-nav a span{
        display: inline-block;
    }
:where([data-cl-s~="s17"]) .faq-category-nav a::after{
        top: auto;
        bottom: 9px;
        right: 50%;
        width: 5px;
        height: 5px;
        transform: translateX(50%) rotate(45deg);
    }
:where([data-cl-s~="s17"]) .faq-category-title{
        font-size: 18px;
    }
:where([data-cl-s~="s17"]) .faq-category-title:not(:first-child){
        margin-top: 25px;
    }
:where([data-cl-s~="s17"]) .accordion-header h3::before{
        left: -26px;
        top: -5px;
    }
:where([data-cl-s~="s17"]) .accordion-header h3, :where([data-cl-s~="s17"]) .accordion-content span{
        font-size: 14px;
        padding-left: 0.2em;
        text-indent: -0.2em;
    }
:where([data-cl-s~="s17"]) .accordion-header::before, :where([data-cl-s~="s17"]) .accordion-header::after{
        right: 20px;
    }
:where([data-cl-s~="s17"]) .accordion-header{
        padding: 15px 45px 15px 40px;
    }
:where([data-cl-s~="s17"]) .accordion-content span::before{
        left: -26px;
    }
:where([data-cl-s~="s17"]) .accordion-content{
        padding: 18px 20px 18px 40px;
    }}
:where([data-cl-s~="s17"]) .faq-contact-text{
    margin-top: 40px;
    font-size: 20px;
    color: #b8005a;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s17"]) .faq-contact-text{
        margin: 30px 20px 0;
        font-size: 15px;
        line-height: 1.6;
    }}
:where([data-cl-s~="s18"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s18"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/a9e3083ba12.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s18"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s18"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
}
:where([data-cl-s~="s18"]) .price-lesson-banner{
    position: absolute;
    bottom: 130px;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s18"]) .price-fee-banner{
    position: absolute;
    bottom: 130px;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}


@media screen and (max-width: 961px){:where([data-cl-s~="s18"]) .price-lesson-banner{
        bottom: 200px;
        right: 22vw;
    }
:where([data-cl-s~="s18"]) .price-fee-banner{
        bottom: 200px;
        right: 6vw;
    }}
:where([data-cl-s~="s18"]) .price-lesson-banner>img, :where([data-cl-s~="s18"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s18"]) .campaign-banner-section{
    position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .kv-position{
        position: relative;
        top: -30px;
    }
:where([data-cl-s~="s18"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s18"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        position: relative;
        background-image: url('../img/a776bcb125f.jpg');
    }
:where([data-cl-s~="s18"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s18"]) .price-lesson-banner{
        position: absolute;
        bottom: 10%;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s18"]) .price-fee-banner{
        position: absolute;
        bottom: 10%;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s18"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
    }}
:where([data-cl-s~="s18"]) .rec-title{
    color: #b8005a;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}
:where([data-cl-s~="s18"]) .recruit-img-area{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
:where([data-cl-s~="s18"]) .recruit-img-box{
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
}
:where([data-cl-s~="s18"]) .recruit-img-box img{
    border-radius: 8px;
}
:where([data-cl-s~="s18"]) .recruit-img-box-text{
    line-height: 1.8vw;
    width: 60%;
}
:where([data-cl-s~="s18"]) .recruit-img-box-img-left{
    width: 40%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .rec-title{
        width: auto;
        margin: 0 20px;
        font-size: 1.4rem;
    }
:where([data-cl-s~="s18"]) .recruit-img-box{
        width: auto;
        margin: 15px 20px 0;
        flex-flow: column;
        flex-direction: column-reverse;
        gap: 15px;
    }
:where([data-cl-s~="s18"]) .recruit-img-box-text{
        font-size: 14px;
        line-height: 1.8;
        width: 100%;
    }
:where([data-cl-s~="s18"]) .recruit-img-area{
        margin: 0 auto 40px;
    }
:where([data-cl-s~="s18"]) .recruit-img-box-img-left{
        width: 100%;
    }}
:where([data-cl-s~="s18"]) .second-tit-mt{
    margin-top: 80px;
}
:where([data-cl-s~="s18"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s18"]) .contents-title{
    width: fit-content;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s18"]) .yellow-border-box{
    width: fit-content;
    padding: 5px 10px;
    font-size: 40px;
    border-top: 2px solid #b7a35c;
    border-bottom: 2px solid #b7a35c;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
}
:where([data-cl-s~="s18"]) .box-pink-header{
    margin: 2em 0;
    background: #ffeaf3;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 0 0 7px 7px;
}
:where([data-cl-s~="s18"]) .box-pink-header .box-title{
    font-size: 1.4em;
    background: #b8005a;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: left;
    border-radius: 10px 10px 0 0;
}
:where([data-cl-s~="s18"]) .box-pink-header p{
    padding: 15px 0 0 0;
    margin: 0;
    line-height: 1.8;
}
:where([data-cl-s~="s18"]) .box-pink-header-flex{
    display: flex;
    padding: 30px;
    gap: 30px;
    
}
:where([data-cl-s~="s18"]) .box-pink-flex-flow{
    display: flex;
    padding: 30px;
    flex-flow: column;
}
:where([data-cl-s~="s18"]) .box-pink-flex-flow-img{
    width: 100%;
}
:where([data-cl-s~="s18"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s18"]) .box-pink-header-inbox-tit{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.7;
}
:where([data-cl-s~="s18"]) .box-pink-header-flex-img{
    width: 80%;
}
:where([data-cl-s~="s18"]) .box-pink-header-flex-img img{
    border-radius: 8px;
}
:where([data-cl-s~="s18"]) section .box-pink-header + .box-pink-header{
    margin-top: 50px;
}
:where([data-cl-s~="s18"]) .link-arrow{
    text-align: right;
}
:where([data-cl-s~="s18"]) .link-arrow a{
    position: relative;
    display: inline-block;
    color: #646464;
    border-bottom: 1px solid #646464;
}
:where([data-cl-s~="s18"]) .link-arrow a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #646464;
    border-right: solid 2px #646464;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: -13px;
    bottom: 0;
    margin: auto;
}
:where([data-cl-s~="s18"]) .cva-top-contents{
    position: relative;
    z-index: 10;
}
:where([data-cl-s~="s18"]) .text-box-right{
    width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .box-pink-header{
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s18"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s18"]) .box-pink-header .box-title{
        font-size: 1.9em;
        padding: 12px;
    }
:where([data-cl-s~="s18"]) .box-pink-header-flex{
        padding: 25px 20px 40px 20px;
        flex-flow: column;
        gap: 20px;
        align-items: center;
    }
:where([data-cl-s~="s18"]) .box-pink-header-inbox-tit{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s18"]) .box-pink-header p{
        font-size: 14px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s18"]) .yellow-border-box{
        font-size: 28px;
    }
:where([data-cl-s~="s18"]) .contents-title{
        font-size: 16px;
        gap: 5px;
    }
:where([data-cl-s~="s18"]) .link-arrow{
        position: relative;
        padding: 0;
        text-align: center;
    }
:where([data-cl-s~="s18"]) .second-tit-mt{
        margin-top: 0;
    }
:where([data-cl-s~="s18"]) .box-pink-header-flex-img{
        width: 100%;
    }
:where([data-cl-s~="s18"]) section .box-pink-header:last-child{
        margin-bottom: 80px;
    }
:where([data-cl-s~="s18"]) .box-pink-flex-flow{
        padding: 25px 20px 0 20px;
    }}
:where([data-cl-s~="s18"]) .atmosphere-container{
    width: 100%;
    max-width: 840px;
    margin: 40px auto 0;
    text-align: center;
    position: relative;
    overflow-x: hidden;
    padding: 0 0 30px;
    box-sizing: border-box;
}
:where([data-cl-s~="s18"]) .atmosphere-slider-box{
    overflow: hidden;
    
    padding-right: 0;
    box-sizing: content-box;
}
:where([data-cl-s~="s18"]) .atmosphere-slider{
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}
:where([data-cl-s~="s18"]) .atmosphere-slider > img{
    width: 260px;
    flex-shrink: 0;
    border-radius: 10px;
}
:where([data-cl-s~="s18"]) .atmosphere-container>.prev-btn{
    left: calc(50% - 150px - 20px);
}
:where([data-cl-s~="s18"]) .atmosphere-container>.btn{
    top: 50%;
    width: 30px;
    height: 30px;
}
:where([data-cl-s~="s18"]) .atmosphere-container>.next-btn{
    right: calc(50% - 150px - 20px);
}
:where([data-cl-s~="s18"]) .title{
    font-size: 17px;
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s18"]) .atmosphere-container>.title{
    font-size: 30px;
    margin-bottom: 20px;
}


@media (max-width: 768px) {:where([data-cl-s~="s18"]) .atmosphere-container{
        padding: 0 20px 0 20px;
    }
:where([data-cl-s~="s18"]) .atmosphere-slider-box{
        padding-left: 0;
        padding-right: 0;
    }
:where([data-cl-s~="s18"]) .atmosphere-slider{
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
    }
:where([data-cl-s~="s18"]) .atmosphere-container>.title{
        font-size: 20px;
    }
:where([data-cl-s~="s18"]) .atmosphere-container>.prev-btn{
        left: 5px;
        padding: 6px 10px 6px 6px;
    }
:where([data-cl-s~="s18"]) .atmosphere-container>.next-btn{
        right: 5px;
        padding: 6px 10px 6px 6px;
    }
:where([data-cl-s~="s18"]) .btn{
        width: 11px !important;
        height: 11px !important;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #b7a35c;
        top: 55% !important;
        right: calc(max(0px, 5% - 2 * 16px)) !important;
        position: absolute;
        z-index: 10;
    }
:where([data-cl-s~="s18"]) .prev-btn.btn > .sankaku{
        left: 0;
    }
:where([data-cl-s~="s18"]) .next-btn.btn > .sankaku{
        right: -3px;
    }}
:where([data-cl-s~="s18"]) .table-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
:where([data-cl-s~="s18"]) .table-box table{
    width: 100%;
}
:where([data-cl-s~="s18"]) .table-box table tr th, :where([data-cl-s~="s18"]) .table-box table tr td{
    border-color: #b8005a;
}
:where([data-cl-s~="s18"]) .table-box table tr th{
    font-weight: 500;
    background: #ffe1e9;
    width: 20%;
    color: #b8005a;
}
:where([data-cl-s~="s18"]) .table-box table tr th, :where([data-cl-s~="s18"]) .table-box table tr td{
    border: 1px solid #fecfe0;
    padding: 20px;
    vertical-align: top;
    font-size: 1.0rem;
    line-height: 1.8;
}
:where([data-cl-s~="s18"]) .table-box table tr td{
    display: flex;
    flex-flow: column;
    
}
:where([data-cl-s~="s18"]) .table-box table tr td p{
    padding-bottom: 30px;
}
:where([data-cl-s~="s18"]) .table-box table tr td p:last-child{
    padding-bottom: 0;
}
:where([data-cl-s~="s18"]) .links{
    position: relative;
    border-bottom: 1px solid #b8005a;
}
:where([data-cl-s~="s18"]) .pink-fb{
    color: #b8005a;
    font-weight: 700;
    font-feature-settings: "palt";
    font-size: 16px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .table-box{
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s18"]) .table-box table tr td{
        font-size: 14px;
    }
:where([data-cl-s~="s18"]) .table-box table tr th{
        border-bottom: none;
        border-top: none;
    }
:where([data-cl-s~="s18"]) .table-box table tr th, :where([data-cl-s~="s18"]) .table-box table tr td{
        display: block;
        font-size: 14px;
        width: 100%;
        padding: 9px 17px;
        line-height: 1.8;
        box-sizing: border-box;
    }
:where([data-cl-s~="s18"]) .sp-access-pd{
        padding: 20px 0;
    }
:where([data-cl-s~="s18"]) .table-box table{
        margin-bottom: 80px;
    }
:where([data-cl-s~="s18"]) .table-box table tr td p{
        padding-bottom: 10px;
    }}
:where([data-cl-s~="s18"]) .tr-contact-flex{
    display: flex;
}
:where([data-cl-s~="s18"]) .tr-movie-box{
    width: 800px;
    margin: 0 auto;
}
:where([data-cl-s~="s18"]) .tr-mov-name-box{
    text-align: center;
    padding-right: 0 !important;
}
:where([data-cl-s~="s18"]) .tr-mov-name{
    color: #b8005a;
    font-size: 2.1rem;
    font-size: 21px;
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 11px;
    font-weight: 600;
}
:where([data-cl-s~="s18"]) .tr-mov-name::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #b8005a;
    border-radius: 3px;
    transform: rotate(-25deg);
}
:where([data-cl-s~="s18"]) .tr-mov-name::after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #b8005a;
    border-radius: 3px;
    transform: rotate(25deg);
}
:where([data-cl-s~="s18"]) .tr-movie-inner{
    position: relative;
    width: 100%;
    padding-top: 66.25%;
}
:where([data-cl-s~="s18"]) .tr-movie-inner .tr-1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: none no-repeat;
    background-size: cover;
}
:where([data-cl-s~="s18"]) .tr-movie-inner .tr-1:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url('../img/a1715fc0ef0.png') center center no-repeat;
    background-size: 68px 48px;
    transition: 0.5s;
}
:where([data-cl-s~="s18"]) .tr-movie-inner iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .tr-movie-box{
        width: auto;
        margin: 0 20px;
        padding-right: 0;
    }
:where([data-cl-s~="s18"]) .tr-contact-flex{
        justify-content: center;
        margin-bottom: 80px;
    }
:where([data-cl-s~="s18"]) .tr-movie-inner .tr-1:after{
        background-size: 58px 38px;
    }}
:where([data-cl-s~="s18"]) .contact-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto 100px;
}
:where([data-cl-s~="s18"]) .step-bnr{
    text-align: center;
}
:where([data-cl-s~="s18"]) .step-bnr-text{
    text-align: center;
    line-height: 1.8;
    padding: 20px 0 30px 0;
}
:where([data-cl-s~="s18"]) .form dl dt{
    color: #b8005a;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dt label span{
    font-size: 0.8rem;
    border: 1px solid #b8005a;
    padding: 0px 3px;
    height: 20px;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd, :where([data-cl-s~="s18"]) #formWrap dl dd{
    width: 100%;
    display: block;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .custom-select{
    height: 62px;
    display: flex;
    align-items: center;
    gap: 5px;
}
:where([data-cl-s~="s18"]) .form-container .form-content .custom-select{
    position: relative;
    height: 58px;
}
:where([data-cl-s~="s18"]) .form-container .form-content .custom-select:before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 13px solid #535353;
    border-bottom: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 19px;
    z-index: 1;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .form-control, :where([data-cl-s~="s18"]) #formWrap dl dd{
    font-size: 1.0rem !important;
    height: 62px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 5px;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .custom-select::after{
    height: 62px;
}
:where([data-cl-s~="s18"]) .form-container .form-content .custom-select:after{
    display: block;
    content: '';
    background-color: #cccccc;
    width: 58px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl, :where([data-cl-s~="s18"]) #formWrap dl{
    display: block;
}
:where([data-cl-s~="s18"]) .form dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dt, :where([data-cl-s~="s18"]) #formWrap dl dt{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dt label{
    font-size: 1.3rem;
    font-weight: 600;

}
:where([data-cl-s~="s18"]) .form .btn, :where([data-cl-s~="s18"]) .submit .btn{
    background: #ff006e;
    color: white;
}
:where([data-cl-s~="s18"]) .tr-contact-btn{
    display: inline-block;
    border: 1px solid #ff197c;
    background: #ff006e;
    color: #fff;
    text-decoration: none !important;
    padding: 10px 110px;
    font-size: 1.1rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    aspect-ratio: auto
}
:where([data-cl-s~="s18"]) .btn-arrow-right{
    position: relative;
    border-radius: 5px;
}
:where([data-cl-s~="s18"]) .btn-arrow-right:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
:where([data-cl-s~="s18"]) .show-form-pc .btn-pr{
    padding: 15px 70px !important;
    width: 50%;
}
:where([data-cl-s~="s18"]) .form-control{
    display: block;
    border: 1px solid #999999;
    background: white;
    width: 100%;
    position: relative;
}
:where([data-cl-s~="s18"]) .form dl dd{
    float: left;
    width: 70%;
}
:where([data-cl-s~="s18"]) .clearfix{
    min-height: 1px;
}
:where([data-cl-s~="s18"]) .clearfix:before{
    content: "";
    display: table;
}
:where([data-cl-s~="s18"]) .clearfix:after{
    clear: both;
    content: "";
    display: table;
}
:where([data-cl-s~="s18"]) .txt-center{
    text-align: center;
}
:where([data-cl-s~="s18"]) .form-notice{
    margin: 50px 0 15px 0;
}
:where([data-cl-s~="s18"]) .form dl dd .list-time li{
    width: calc(100% - 44%);
    overflow: hidden;
    list-style: none;
}
:where([data-cl-s~="s18"]) .form dl dd .list-time li span{
    float: right;
    width: 20%;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
:where([data-cl-s~="s18"]) select.form-control{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: white none no-repeat;
    background-size: 40px;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time .custom-select{
    position: relative;
}
:where([data-cl-s~="s18"]) .form-dd-mb{
    margin-bottom: 40px;
}
:where([data-cl-s~="s18"]) .page-recruit .form-container .form-control, :where([data-cl-s~="s18"]) .page-recruit .form-container .form-control:disabled, :where([data-cl-s~="s18"]) .page-contact-recruit .form-container .form-control, :where([data-cl-s~="s18"]) .page-contact-recruit .form-container .form-control:disabled{
    color: black;
    opacity: 1;
    -webkit-text-fill-color: black;
}
:where([data-cl-s~="s18"]) .color-pink{
    color: #b8005a;
}

@media screen and (min-width: 767px) {:where([data-cl-s~="s18"]) .show-form-pc .form .fr-form, :where([data-cl-s~="s18"]) #formWrap dl:nth-child(even){
        float: right;
        width: 49%;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form .fl-form, :where([data-cl-s~="s18"]) #formWrap dl:nth-child(odd){
        float: left;
        width: 49%;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time li span{
        height: 64px;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time .custom-select:after{
        display: block;
        content: '';
        background-color: #cccccc;
        width: 60px;
        height: 62px;
        position: absolute;
        top: 0;
        right: 87px;
        pointer-events: none;
        border-radius: 0 5px 5px 0;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time .custom-select:before{
        display: block;
        content: '';
        border: 10px solid transparent;
        border-top: 13px solid #535353;
        border-bottom: none;
        position: absolute;
        top: 34px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 21%;
        z-index: 1;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .contact-box{
        width: auto;
        margin: 0 20px 40px;
    }
:where([data-cl-s~="s18"]) .form dl{
        display: block;
        overflow: hidden;
    }
:where([data-cl-s~="s18"]) .form dl dt{
        width: 100%;
        margin-bottom: 10px;
    }
:where([data-cl-s~="s18"]) .form dl dd{
        width: 100%;
    }
:where([data-cl-s~="s18"]) .show-form-pc .btn-pr{
        width: 100%;
        padding: 15px 20px !important;
    }
:where([data-cl-s~="s18"]) .form-notice{
        font-size: 12px;
        margin: 0 0 5px 0;
    }
:where([data-cl-s~="s18"]) .step-bnr-text{
        font-size: 14px;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dt label{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .form-control, :where([data-cl-s~="s18"]) #formWrap dl dd{
        height: 44px;
        padding: 10px 12px;
        font-size: 0.9rem !important;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .custom-select::after{
        height: 44px;
        width: 44px;
        top: 9px;
    }
:where([data-cl-s~="s18"]) .form-container .form-content .custom-select:before{
        top: 58%;
        border: 8px solid transparent;
        border-top: 11px solid #535353;
        right: 14px;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time .custom-select:after{
        display: block;
        content: '';
        background-color: #cccccc;
        height: 44px;
        width: 44px;
        top: 9px;
        position: absolute;
        right: 57px;
        pointer-events: none;
        border-radius: 0 5px 5px 0;
    }
:where([data-cl-s~="s18"]) .show-form-pc .form dl dd .list-time .custom-select:before{
        display: block;
        content: '';
        border: 8px solid transparent;
        border-top: 11px solid #535353;
        border-bottom: none;
        position: absolute;
        top: 34px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 21%;
        z-index: 1;
    }
:where([data-cl-s~="s18"]) .form-dd-mb{
        margin-bottom: 30px;
    }
:where([data-cl-s~="s18"]) .form dl dd .list-time li{
        width: auto;
    }}
:where([data-cl-s~="s18"]) .rec-check-tit{
    margin-top: 20px;
}
:where([data-cl-s~="s18"]) .check-form{
    padding: 50px 0 0 0;
}
:where([data-cl-s~="s18"]) .footer-container{
    width: 100%;
    background-color: #fd1d7d;
    position: absolute;
}
:where([data-cl-s~="s18"]) .copyright-container{
    display: flex;
    color: #fff;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    gap: 10px;
}
:where([data-cl-s~="s18"]) .copyright-container > img{
    width: 120px;
}
:where([data-cl-s~="s18"]) .col2btn{
    width: 56%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
:where([data-cl-s~="s18"]) .show-form-pc .btn-pr{
    padding: 15px 70px !important;
    width: 50%;
}
:where([data-cl-s~="s18"]) .returnbtn{
    -webkit-appearance: none;
    display: inline-block;
    border: 1px solid #dcdcdc;
    background-color: #dcdcdc;
    color: #141414;
    text-decoration: none !important;
    font-size: 1.0rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    max-width: 100%;
    width: 95%;
    margin: 20px 0 0;
    border-radius: 5px;
}
:where([data-cl-s~="s18"]) .arrowbtn{
    -webkit-appearance: none;
    display: inline-block;
    border: 1px solid #ff197c;
    text-decoration: none !important;
    font-size: 1.0rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: #ff006e;
    color: white;
    max-width: 100%;
    width: 95%;
    margin: 20px 0 0;
    border-radius: 5px;
}
:where([data-cl-s~="s18"]) .arrow-left:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #141414;
    border-right: 2px solid #141414;
    position: absolute;
    left: 15px;
    top: 58%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
:where([data-cl-s~="s18"]) .arrow-right:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 26px;
    top: 63%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
:where([data-cl-s~="s18"]) .arrow-right, :where([data-cl-s~="s18"]) .arrow-left{
    position: relative;
    width: 50%;
}

@media screen and (min-width: 768px) {:where([data-cl-s~="s18"]) .copyright-container{
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 20px;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .rec-check-tit{
        margin-top: 40px;
    }
:where([data-cl-s~="s18"]) .check-form{
        padding: 35px 0 0 0;
    }
:where([data-cl-s~="s18"]) .copyright-container{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 20px 0 10px;
    }
:where([data-cl-s~="s18"]) .col2btn{
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
:where([data-cl-s~="s18"]) .show-form-pc .btn-pr{
        width: 100%;
        padding: 15px 20px !important;
    }
:where([data-cl-s~="s18"]) .show-form-pc .btn-pr{
        width: 100%;
        padding: 15px 20px !important;
    }}
:where([data-cl-s~="s18"]) .thanks-contents-box{
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
}
:where([data-cl-s~="s18"]) .submit{
    margin: 55px auto 0;
    font-size: 14px;
    color: #141414;
    line-height: 1.75;
    border: solid 1px #b8005a;
    padding: 0.5em 1em;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .submit{
        margin: 35px 20px 0;
    }
:where([data-cl-s~="s18"]) .finish-title{
        margin-top: 60px;
    }
:where([data-cl-s~="s18"]) .finish-step-bnr{
        padding: 0 20px;
        box-sizing: border-box;
    }
:where([data-cl-s~="s18"]) .curved{
        margin-bottom: 0;
    }}
:where([data-cl-s~="s18"]) .footer{
    margin-top: 0;
}
:where([data-cl-s~="s18"]) .footer-pc{
    padding-top: 0;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s18"]) .footer-sp{
        padding-top: 20px;
    }}
:where([data-cl-s~="s19"]) form .error{
        color: #FF3333;
        background: #FFFF99;
    }
:where([data-cl-s~="s19"]) .w-100{
        width: 95% !important;
    }
:where([data-cl-s~="s20"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s20"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    background-image: url('../img/a3e6fd8a258.webp');
    margin: 0 auto;
}
:where([data-cl-s~="s20"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s20"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
}
:where([data-cl-s~="s20"]) .price-lesson-banner{
    position: absolute;
    bottom: 130px;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s20"]) .price-fee-banner{
    position: absolute;
    bottom: 130px;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}


@media screen and (max-width: 961px){:where([data-cl-s~="s20"]) .price-lesson-banner{
        bottom: 200px;
        right: 22vw;
    }
:where([data-cl-s~="s20"]) .price-fee-banner{
        bottom: 200px;
        right: 6vw;
    }}
:where([data-cl-s~="s20"]) .price-lesson-banner>img, :where([data-cl-s~="s20"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s20"]) .campaign-banner-section{
    position: relative;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .kv-position{
        position: relative;
        top: -30px;
    }
:where([data-cl-s~="s20"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s20"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        position: relative;
        background-image: url('../img/a484cd26f8c.jpg');
    }
:where([data-cl-s~="s20"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s20"]) .price-lesson-banner{
        position: absolute;
        bottom: 10%;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s20"]) .price-fee-banner{
        position: absolute;
        bottom: 10%;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
    }
:where([data-cl-s~="s20"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
    }}
:where([data-cl-s~="s20"]) .rec-title{
    color: #b8005a;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}
:where([data-cl-s~="s20"]) .recruit-img-area{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
:where([data-cl-s~="s20"]) .recruit-img-box{
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
}
:where([data-cl-s~="s20"]) .recruit-img-box img{
    border-radius: 8px;
}
:where([data-cl-s~="s20"]) .recruit-img-box-text{
    line-height: 1.8vw;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .rec-title{
        width: auto;
        margin: 0 20px;
        font-size: 1.4rem;
    }
:where([data-cl-s~="s20"]) .recruit-img-box{
        width: auto;
        margin: 15px 20px 0;
        flex-flow: column;
        flex-direction: column-reverse;
        gap: 15px;
    }
:where([data-cl-s~="s20"]) .recruit-img-box-text{
        font-size: 14px;
        line-height: 1.8;
    }
:where([data-cl-s~="s20"]) .recruit-img-area{
        margin: 0 auto 40px;
    }}
:where([data-cl-s~="s20"]) .second-tit-mt{
    margin-top: 80px;
}
:where([data-cl-s~="s20"]) .contents-title-area{
    width: 100%;
    background-color: #fef6f8;
    text-align: center;
    color: #b8005a;
    padding: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
:where([data-cl-s~="s20"]) .contents-title{
    width: fit-content;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
:where([data-cl-s~="s20"]) .yellow-border-box{
    width: fit-content;
    padding: 5px 10px;
    font-size: 40px;
    border-top: 2px solid #b7a35c;
    border-bottom: 2px solid #b7a35c;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
}
:where([data-cl-s~="s20"]) .box-pink-header{
    margin: 2em 0;
    background: #ffeaf3;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 0 0 7px 7px;
}
:where([data-cl-s~="s20"]) .box-pink-header .box-title{
    font-size: 1.4em;
    background: #b8005a;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: left;
    border-radius: 10px 10px 0 0;
}
:where([data-cl-s~="s20"]) .box-pink-header p{
    padding: 15px 0 0 0;
    margin: 0;
    line-height: 1.8;
}
:where([data-cl-s~="s20"]) .box-pink-header-flex{
    display: flex;
    padding: 30px;
    gap: 30px;
    
}
:where([data-cl-s~="s20"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s20"]) .box-pink-header-inbox-tit{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.7;
}
:where([data-cl-s~="s20"]) .box-pink-header-flex-img{
    width: 80%;
}
:where([data-cl-s~="s20"]) .box-pink-header-flex-img img{
    border-radius: 8px;
}
:where([data-cl-s~="s20"]) section .box-pink-header + .box-pink-header{
    margin-top: 50px;
}
:where([data-cl-s~="s20"]) .link-arrow{
    text-align: right;
}
:where([data-cl-s~="s20"]) .link-arrow a{
    position: relative;
    display: inline-block;
    color: #646464;
    border-bottom: 1px solid #646464;
}
:where([data-cl-s~="s20"]) .link-arrow a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #646464;
    border-right: solid 2px #646464;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: -13px;
    bottom: 0;
    margin: auto;
}
:where([data-cl-s~="s20"]) .cva-top-contents{
    position: relative;
    z-index: 10;
}
:where([data-cl-s~="s20"]) .text-box-right{
    width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .box-pink-header{
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s20"]) .contents-title-area{
        padding: 0;
    }
:where([data-cl-s~="s20"]) .box-pink-header .box-title{
        font-size: 1.9em;
        padding: 12px;
    }
:where([data-cl-s~="s20"]) .box-pink-header-flex{
        padding: 25px 20px 40px 20px;
        flex-flow: column;
        gap: 20px;
        align-items: center;
    }
:where([data-cl-s~="s20"]) .box-pink-header-inbox-tit{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s20"]) .box-pink-header p{
        font-size: 14px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s20"]) .yellow-border-box{
        font-size: 28px;
    }
:where([data-cl-s~="s20"]) .contents-title{
        font-size: 16px;
        gap: 5px;
    }
:where([data-cl-s~="s20"]) .link-arrow{
        position: relative;
        padding: 0;
        text-align: center;
    }
:where([data-cl-s~="s20"]) .second-tit-mt{
        margin-top: 0;
    }
:where([data-cl-s~="s20"]) .box-pink-header-flex-img{
        width: 100%;
    }
:where([data-cl-s~="s20"]) section .box-pink-header:last-child{
        margin-bottom: 80px;
    }}
:where([data-cl-s~="s20"]) .table-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
:where([data-cl-s~="s20"]) .table-box table{
    width: 100%;
}
:where([data-cl-s~="s20"]) .table-box table tr th, :where([data-cl-s~="s20"]) .table-box table tr td{
    border-color: #b8005a;
}
:where([data-cl-s~="s20"]) .table-box table tr th{
    font-weight: 500;
    background: #ffe1e9;
    width: 20%;
    color: #b8005a;
}
:where([data-cl-s~="s20"]) .table-box table tr th, :where([data-cl-s~="s20"]) .table-box table tr td{
    border: 1px solid #fecfe0;
    padding: 20px;
    vertical-align: top;
    font-size: 1.0rem;
    line-height: 1.8;
}
:where([data-cl-s~="s20"]) .table-box table tr td{
    display: flex;
    flex-flow: column;
    gap: 40px;
}
:where([data-cl-s~="s20"]) .links{
    position: relative;
    border-bottom: 1px solid #b8005a;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .table-box{
        width: auto;
        margin: 0 20px;
    }
:where([data-cl-s~="s20"]) .table-box table tr td{
        font-size: 14px;
    }
:where([data-cl-s~="s20"]) .table-box table tr th{
        border-bottom: none;
        border-top: none;
    }
:where([data-cl-s~="s20"]) .table-box table tr th, :where([data-cl-s~="s20"]) .table-box table tr td{
        display: block;
        font-size: 14px;
        width: 100%;
        padding: 9px 17px;
        line-height: 1.8;
        box-sizing: border-box;
    }
:where([data-cl-s~="s20"]) .sp-access-pd{
        padding: 20px 0;
    }
:where([data-cl-s~="s20"]) .table-box table{
        margin-bottom: 80px;
    }}
:where([data-cl-s~="s20"]) .interview-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
}
:where([data-cl-s~="s20"]) .interview-box-tit{
    color: #b8005a;
    font-weight: 600;
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 10px;
}
:where([data-cl-s~="s20"]) .interview-box-img{
    width: 250px; 
    flex-shrink: 0; 
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 10px;
}
:where([data-cl-s~="s20"]) .interview-box-text{
    display: flex;
    flex-flow: column;
    gap: 15px;
    font-size: 1.0rem;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .interview-box{
        flex-flow: column;
        width: auto;
        margin: 0 20px;
        align-items: center;
    }
:where([data-cl-s~="s20"]) .interview-box-text{
        font-size: 14px;
    }
:where([data-cl-s~="s20"]) .staff-name{
        font-size: 14px;
    }
:where([data-cl-s~="s20"]) .interview-box-img{
        width: 50%;
    }
:where([data-cl-s~="s20"]) .interview-box-tit{
        font-size: 1.1rem;
    }}
:where([data-cl-s~="s20"]) .interview-more-content{
    display: none;
}
:where([data-cl-s~="s20"]) .interview-more-content .interview-box:first-child{
    margin: 50px auto;
}
:where([data-cl-s~="s20"]) .interview-btn-container{
    text-align: center;
    margin-top: 40px;
}
:where([data-cl-s~="s20"]) .interview-toggle-btn{
    display: inline-block;
    padding: 14px 43px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s;
    position: relative;
    border: 1px solid #b8005a;
    border-radius: 30px;
    color: #b8005a;
    background-color: #fef6f8;
}
:where([data-cl-s~="s20"]) .interview-toggle-btn::after{
    margin-left: 10px;
    font-size: 16px;
    content: "＋";
}
:where([data-cl-s~="s20"]) .interview-toggle-btn.is-open{
    background: #fef6f8;
}
:where([data-cl-s~="s20"]) .interview-toggle-btn.is-open::after{
    content: '−';
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .interview-more-content .interview-box:first-child{
        margin: 30px 20px;
    }
:where([data-cl-s~="s20"]) .interview-btn-container{
        margin:20px 0 60px
    }
:where([data-cl-s~="s20"]) .interview-toggle-btn{
        padding: 9px 23px;
    }}
:where([data-cl-s~="s20"]) .contact-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto 100px;
}
:where([data-cl-s~="s20"]) .step-bnr{
    text-align: center;
}
:where([data-cl-s~="s20"]) .step-bnr-text{
    text-align: center;
    line-height: 1.8;
    padding: 20px 0 30px 0;
}
:where([data-cl-s~="s20"]) .form dl dt{
    color: #b8005a;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dt label span{
    font-size: 0.8rem;
    border: 1px solid #b8005a;
    padding: 0px 3px;
    height: 20px;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd, :where([data-cl-s~="s20"]) #formWrap dl dd{
    width: 100%;
    display: block;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .custom-select{
    height: 62px;
    display: flex;
    align-items: center;
    gap: 5px;
}
:where([data-cl-s~="s20"]) .form-container .form-content .custom-select{
    position: relative;
    height: 58px;
}
:where([data-cl-s~="s20"]) .form-container .form-content .custom-select:before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 13px solid #535353;
    border-bottom: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 19px;
    z-index: 1;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .form-control, :where([data-cl-s~="s20"]) #formWrap dl dd{
    font-size: 1.0rem !important;
    height: 62px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 5px;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .custom-select::after{
    height: 62px;
}
:where([data-cl-s~="s20"]) .form-container .form-content .custom-select:after{
    display: block;
    content: '';
    background-color: #cccccc;
    width: 58px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl, :where([data-cl-s~="s20"]) #formWrap dl{
    display: block;
}
:where([data-cl-s~="s20"]) .form dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dt, :where([data-cl-s~="s20"]) #formWrap dl dt{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dt label{
    font-size: 1.3rem;
    font-weight: 600;

}
:where([data-cl-s~="s20"]) .form .btn, :where([data-cl-s~="s20"]) .submit .btn{
    background: #b8005a;
    color: white;
}
:where([data-cl-s~="s20"]) .btn{
    display: inline-block;
    border: 1px solid #ff197c;
    background-color: #fff;
    color: #b8005a;
    text-decoration: none !important;
    padding: 10px 110px;
    font-size: 1.1rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    aspect-ratio: auto
}
:where([data-cl-s~="s20"]) .btn-arrow-right{
    position: relative;
    border-radius: 5px;
}
:where([data-cl-s~="s20"]) .btn-arrow-right:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}
:where([data-cl-s~="s20"]) .show-form-pc .btn-pr{
    padding: 15px 70px !important;
    width: 50%;
}
:where([data-cl-s~="s20"]) .form-control{
    display: block;
    border: 1px solid #999999;
    background: white;
    width: 100%;
    position: relative;
}
:where([data-cl-s~="s20"]) .form dl dd{
    float: left;
    width: 70%;
}
:where([data-cl-s~="s20"]) .clearfix{
    min-height: 1px;
}
:where([data-cl-s~="s20"]) .clearfix:before{
    content: "";
    display: table;
}
:where([data-cl-s~="s20"]) .clearfix:after{
    clear: both;
    content: "";
    display: table;
}
:where([data-cl-s~="s20"]) .txt-center{
    text-align: center;
}
:where([data-cl-s~="s20"]) .form-notice{
    margin: 50px 0 15px 0;
}
:where([data-cl-s~="s20"]) .form-notice a{
    text-decoration: underline;
}
:where([data-cl-s~="s20"]) .form dl dd .list-time li{
    width: calc(100% - 44%);
    overflow: hidden;
    list-style: none;
}
:where([data-cl-s~="s20"]) .form dl dd .list-time li span{
    float: right;
    width: 20%;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
:where([data-cl-s~="s20"]) select.form-control{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: white none no-repeat;
    background-size: 40px;
    background-position: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time .custom-select{
    position: relative;
}
:where([data-cl-s~="s20"]) .form-dd-mb{
    margin-bottom: 40px;
}
:where([data-cl-s~="s20"]) .page-recruit .form-container .form-control, :where([data-cl-s~="s20"]) .page-recruit .form-container .form-control:disabled, :where([data-cl-s~="s20"]) .page-contact-recruit .form-container .form-control, :where([data-cl-s~="s20"]) .page-contact-recruit .form-container .form-control:disabled{
    color: black;
    opacity: 1;
    -webkit-text-fill-color: black;
}

@media screen and (min-width: 767px) {:where([data-cl-s~="s20"]) .show-form-pc .form .fr-form, :where([data-cl-s~="s20"]) #formWrap dl:nth-child(even){
        float: right;
        width: 49%;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form .fl-form, :where([data-cl-s~="s20"]) #formWrap dl:nth-child(odd){
        float: left;
        width: 49%;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time li span{
        height: 64px;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time .custom-select:after{
        display: block;
        content: '';
        background-color: #cccccc;
        width: 60px;
        height: 62px;
        position: absolute;
        top: 0;
        right: 87px;
        pointer-events: none;
        border-radius: 0 5px 5px 0;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time .custom-select:before{
        display: block;
        content: '';
        border: 10px solid transparent;
        border-top: 13px solid #535353;
        border-bottom: none;
        position: absolute;
        top: 34px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 21%;
        z-index: 1;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .contact-box{
        width: auto;
        margin: 0 20px 40px;
    }
:where([data-cl-s~="s20"]) .form dl{
        display: block;
        overflow: hidden;
    }
:where([data-cl-s~="s20"]) .form dl dt{
        width: 100%;
        margin-bottom: 10px;
    }
:where([data-cl-s~="s20"]) .form dl dd{
        width: 100%;
    }
:where([data-cl-s~="s20"]) .show-form-pc .btn-pr{
        width: 100%;
        padding: 15px 20px !important;
    }
:where([data-cl-s~="s20"]) .form-notice{
        font-size: 12px;
        margin: 0 0 5px 0;
    }
:where([data-cl-s~="s20"]) .step-bnr-text{
        font-size: 14px;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dt label{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .form-control, :where([data-cl-s~="s20"]) #formWrap dl dd{
        height: 44px;
        padding: 10px 12px;
        font-size: 0.9rem !important;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .custom-select::after{
        height: 44px;
        width: 44px;
        top: 9px;
    }
:where([data-cl-s~="s20"]) .form-container .form-content .custom-select:before{
        top: 58%;
        border: 8px solid transparent;
        border-top: 11px solid #535353;
        right: 14px;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time .custom-select:after{
        display: block;
        content: '';
        background-color: #cccccc;
        height: 44px;
        width: 44px;
        top: 9px;
        position: absolute;
        right: 57px;
        pointer-events: none;
        border-radius: 0 5px 5px 0;
    }
:where([data-cl-s~="s20"]) .show-form-pc .form dl dd .list-time .custom-select:before{
        display: block;
        content: '';
        border: 8px solid transparent;
        border-top: 11px solid #535353;
        border-bottom: none;
        position: absolute;
        top: 34px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 21%;
        z-index: 1;
    }
:where([data-cl-s~="s20"]) .form-dd-mb{
        margin-bottom: 30px;
    }
:where([data-cl-s~="s20"]) .form dl dd .list-time li{
        width: auto;
    }}
:where([data-cl-s~="s20"]) .rec-check-tit{
    margin-top: 20px;
}
:where([data-cl-s~="s20"]) .check-form{
    padding: 50px 0 0 0;
}
:where([data-cl-s~="s20"]) .footer-container{
    width: 100%;
    background-color: #b8005a;
    position: absolute;
}
:where([data-cl-s~="s20"]) .copyright-container{
    display: flex;
    color: #fff;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    gap: 10px;
}
:where([data-cl-s~="s20"]) .copyright-container > img{
    width: 120px;
}

@media screen and (min-width: 768px) {:where([data-cl-s~="s20"]) .copyright-container{
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 20px;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .rec-check-tit{
        margin-top: 40px;
    }
:where([data-cl-s~="s20"]) .check-form{
        padding: 35px 0 0 0;
    }
:where([data-cl-s~="s20"]) .copyright-container{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 20px 0 10px;
    }}
:where([data-cl-s~="s20"]) .thanks-contents-box{
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
}
:where([data-cl-s~="s20"]) .submit{
    margin: 55px auto 0;
    font-size: 14px;
    color: #141414;
    line-height: 1.75;
    border: solid 1px #b8005a;
    padding: 0.5em 1em;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .submit{
        margin: 35px 20px 0;
    }
:where([data-cl-s~="s20"]) .finish-title{
        margin-top: 60px;
    }
:where([data-cl-s~="s20"]) .finish-step-bnr{
        padding: 0 20px;
        box-sizing: border-box;
    }
:where([data-cl-s~="s20"]) .curved{
        margin-bottom: 0;
    }}
:where([data-cl-s~="s20"]) .footer{
    margin-top: 0;
    padding-top: 120px;
}
:where([data-cl-s~="s20"]) .footer-pc{
    padding-top: 0;
}

@media screen and (min-width: 768px) {:where([data-cl-s~="s20"]) .page-top-container{
        top: -150px;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s20"]) .footer-sp{
        padding-top: 20px;
    }
:where([data-cl-s~="s20"]) .footer{
        padding-top: 10px;
    }}
:where([data-cl-s~="s21"]) form .error{
            color: #FF3333;
            background: #FFFF99;
        }
@media screen and (min-width: 768px) {:where([data-cl-s~="s22"]) .teacher-section .bg-03{
        clip-path: ellipse(250% 97% at 50% 0%);
    }
:where([data-cl-s~="s22"]) .teacher-content-row{
        display: flex;
        gap: 45px;
    }
:where([data-cl-s~="s22"]) .teacher-card{
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        ;
        text-align: center;
        gap: 5px;
    }
:where([data-cl-s~="s22"]) .teacher-card>img{
        width: 85%;
    }
:where([data-cl-s~="s22"]) .teacher-card-text{
        justify-content: center;
        align-items: center;
    }
:where([data-cl-s~="s22"]) .teacher-card>div>p:nth-child(2){
        font-size: clamp(8px, 1.5vw, 14px);
        line-height: 1.4vw;
        text-align: left;
    }
:where([data-cl-s~="s22"]) .map-title>p>br{
        display: none;
    }
:where([data-cl-s~="s22"]) .basic-information-section .bg-03-img{
        padding: 80px 0 100px 0;
 
    }}


@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .teacher-section .bg-03{
        clip-path: ellipse(250% 98% at 50% 0%);
    }
:where([data-cl-s~="s22"]) .teacher-title>p>br{
        display: block !important;
    }
:where([data-cl-s~="s22"]) .teacher-content-row{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
:where([data-cl-s~="s22"]) .teacher-card{
        width: 90%;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin: 0 auto;
    }
:where([data-cl-s~="s22"]) .information-content{
        max-width: 80% !important;
        padding: 20px !important;
        width: 100% !important;
        font-size: 14px;
    }
:where([data-cl-s~="s22"]) .map-title>p>br{
        display: block;
    }
:where([data-cl-s~="s22"]) .map-title>.yellow-border-box{
        width: 100%;
    }
:where([data-cl-s~="s22"]) .information-content>.map{
        flex-direction: column;
        gap: 20px;
    }
:where([data-cl-s~="s22"]) .map>.content{
        width: 100% !important;
    }
:where([data-cl-s~="s22"]) .map>.map-img{
        width: 100% !important;
    }
:where([data-cl-s~="s22"]) .basic-information-section .bg-03-img{
        background-size: 100% 85%, 100% 20%;
    }}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-pc>.campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text>p{
    font-size: clamp(16px, 1.5vw, 32px);
}
:where([data-cl-s~="s22"]) .kv-right-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 4vw;
    top: 20%;
    right: 12%;
    text-shadow:
        2.2px 2.2px 0 #fff,
        -2.2px 2.2px 0 #fff,
        2.2px -2.2px 0 #fff,
        -2.2px -2.2px 0 #fff;
    transform: rotate(-8deg);
}
:where([data-cl-s~="s22"]) .campaign-banner-no1{
    position: absolute;
    bottom: 30px;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s22"]) .campaign-banner-no1>img{
    width: 100%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .campaign-banner-no1>img{
        width: 80%;
    }
:where([data-cl-s~="s22"]) .modal-open{
        left: 67%;
    }}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner{
    width: 100vw;
    height: fit-content;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 23/10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 3vw;
    bottom: 3%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom: 4px solid #b8005a;
    padding: 2% 4%;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text>p{
    font-size: 2vw;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.right-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 4vw;
    top: clamp(60px, 12vw, 100px);
    right: 12%;
    text-shadow:
        2.2px 2.2px 0 #fff,
        -2.2px 2.2px 0 #fff,
        2.2px -2.2px 0 #fff,
        -2.2px -2.2px 0 #fff;
    transform: rotate(-8deg);
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-no1{
    position: absolute;
    bottom: 2vw;
    right: 2vw;
    width: 15vw;
    min-width: 65px;
}
:where([data-cl-s~="s22"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-no1>img{
    width: 100%;
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp{
    width: 100%;
    overflow-x: hidden;
    position: relative;
    margin-top: -50px;
}
:where([data-cl-s~="s22"]) .contact-card-row{
    width: 90%;
    max-width: 900px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
:where([data-cl-s~="s22"]) .card{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 10px rgba(249, 155, 178, 0.5);
    padding: 10px 0;
    color: #b8005a;
    font-weight: bolder;
}
:where([data-cl-s~="s22"]) .slider-container.pc>.contact-card-row>.card{
    width: 45%;
    font-size: clamp(14px, 1.5vw, 23px);
}
:where([data-cl-s~="s22"]) .card p{
    width: 90%;
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    padding: 20px 0px 30px 0;
    text-align: center;
    position: relative;
}
:where([data-cl-s~="s22"]) .card p::after{
    content: '';
    background-image: url('../img/ae1f2d6ff97.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    display: block;
    transform: rotate(90deg);
    transform-origin: center;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 10px);
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp{
    padding: 100px 0;
    gap: 30px;
    position: relative;
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs{
    width: 100%;
    display: flex;
    gap: 30px;
    transform: translateX(calc(50vw - 620px));
    transition: transform 0.5s ease-in-out;
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs>.slide{
    width: 70vw;
    max-width: 400px;
    border-radius: 20px;
    position: relative;
    background-color: #fef5f8;
    flex-shrink: 0;
    transition: transform 0.5s ease-in-out;
    z-index: 0;
    margin-top: -30px;
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs>.slide.active{
    z-index: 2;
}
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs>.slide>img{
    width: 100%;
}
:where([data-cl-s~="s22"]) .slider-circle-group{
    width: 80px;
    display: flex;
    justify-content: space-between;
}
:where([data-cl-s~="s22"]) .slider-circle{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
}
:where([data-cl-s~="s22"]) .slider-circle:nth-child(1){
    opacity: 1;
}
:where([data-cl-s~="s22"]) .slider-container.sp>.btn{
    top: 15%;
}
:where([data-cl-s~="s22"]) .slider-container.sp>.prev-btn{
    left: calc(50% - 220px);
}
:where([data-cl-s~="s22"]) .slider-container.sp>.next-btn{
    right: calc(50% - 220px);
}


@media screen and (max-width: 1260px) {:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs{
        transform: translateX(calc((100vw - 1260px) / 2));
    }}


@media screen and (max-width: 571px) {:where([data-cl-s~="s22"]) .slider-container.sp>.prev-btn{
        left: calc(15vw - 20px);
    }
:where([data-cl-s~="s22"]) .slider-container.sp>.next-btn{
        right: calc(15vw - 20px);
    }
:where([data-cl-s~="s22"]) .slider-banner-section.section-sp>.slider-container.sp>.slider-imgs{
        transform: translateX(calc(-55vw - 30px));
    }}
:where([data-cl-s~="s22"]) .slider-container.sp>.contact-card-row{
    padding-left: 5%;
}
:where([data-cl-s~="s22"]) .slider-container.sp>.contact-card-row>.card{
    width: 48%;
    font-size: clamp(10px, 3.2vw, 22px);
}
:where([data-cl-s~="s22"]) .teacher-section .bg-03-img{
    clip-path: ellipse(250% 97% at 50% 0%) !important;
    padding: 100px 0 200px 0;
}
:where([data-cl-s~="s22"]) .teacher-section{
    width: 100%;
    position: relative;
    z-index: 3;
}
:where([data-cl-s~="s22"]) .teacher-container{
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s22"]) .teacher-title{
    color: #b8005a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
:where([data-cl-s~="s22"]) .teacher-title>p>br{
    display: none;
}
:where([data-cl-s~="s22"]) .teacher-title>.yellow-border-box{
    padding: 5px 40px;
}
:where([data-cl-s~="s22"]) .teacher-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
:where([data-cl-s~="s22"]) .teacher-content-row:nth-child(3){
    display: none;
}
:where([data-cl-s~="s22"]) .teacher-card-img img{
    object-fit: cover;
}
:where([data-cl-s~="s22"]) .teacher-card-text{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}
:where([data-cl-s~="s22"]) .teacher-card-text>h3{
    color: #b8005a;
    font-weight: bold;
}
:where([data-cl-s~="s22"]) .teacher-card-text>h3>p:nth-child(2){
    width: 80%;
    text-align: justify;
    line-height: 1.8;
}
:where([data-cl-s~="s22"]) .see_more_btn>span:nth-child(1){
    align-items: center;
}
:where([data-cl-s~="s22"]) .see_more_btn>span:nth-child(2){
    align-items: center;
    display: none;
}
:where([data-cl-s~="s22"]) .see_more_btn>span:nth-child(1):after{
    content: '＋';
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .see_more_btn{
        width: 105px;
        font-size: 14px;
    }
:where([data-cl-s~="s22"]) .teacher-card-text{
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0;
    }
:where([data-cl-s~="s22"]) .teacher-card>h3>p>span{
        font-size: 4vw;
    }
:where([data-cl-s~="s22"]) .teacher-card>h3>p:nth-child(2){
        width: 100% !important;
        font-size: 14px;
    }
:where([data-cl-s~="s22"]) .teacher-card-text>h3{
        font-size: 4vw;
    }
:where([data-cl-s~="s22"]) .teacher-card-text p{
        font-size: 14px;
    }}
:where([data-cl-s~="s22"]) .basic-information-section{
    position: relative;
    width: 100%;
}
:where([data-cl-s~="s22"]) .map-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}
:where([data-cl-s~="s22"]) .information-content{
    border-radius: 10px;
    background-color: #feeef3;
    padding: 40px;
    color: #646464;
    line-height: 1.7;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
:where([data-cl-s~="s22"]) .business-hours{
    margin-top: 30px;
}
:where([data-cl-s~="s22"]) .information-content>.map{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
:where([data-cl-s~="s22"]) .map>.content{
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
:where([data-cl-s~="s22"]) .map>.content span{
    color: #b8005a;
    text-decoration: underline;
}
:where([data-cl-s~="s22"]) .map>.map-img{
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
:where([data-cl-s~="s22"]) .map>.map-img>a{
    border-bottom: 1px solid #b8005a;
    display: block;
    position: relative;
    bottom: -5px;
    font-size: 11px;
}
:where([data-cl-s~="s22"]) .map>.map-img>a::after{
    
}
:where([data-cl-s~="s22"]) .map-btn{
    width: fit-content;
    min-width: 150px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid #b8005a;
    color: #b8005a;
    margin: 30px auto;
    cursor: pointer;
    font-size: 16px;
}
:where([data-cl-s~="s22"]) .school-way-container{
    width: 80%;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto;
}
:where([data-cl-s~="s22"]) .school-way-container > p{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #b8005a;
    margin-bottom: 20px;
    text-align: center;
}
:where([data-cl-s~="s22"]) .school-way-container > .school-way-element{
    width: 49%;
    display: flex;
    font-size: 20px;
}
:where([data-cl-s~="s22"]) .school-way-container > p{
    font-size: 20px;
    font-weight: bold;
    color: #b8005a;
    margin-bottom: 20px;
    text-align: center;
}
:where([data-cl-s~="s22"]) .school-way-element{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 5px;
}
:where([data-cl-s~="s22"]) .school-way-element.ikb{
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s22"]) .school-way-element > p{
    font-size: clamp(14px, 3vw, 16px);
    margin-bottom: 10px;
}
:where([data-cl-s~="s22"]) .school-way-element > p:nth-child(1){
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background-color: #b8005a;
    padding: 1px 15px;
    margin-right: 10px;
}
:where([data-cl-s~="s22"]) .school-way-img{
    width: 95%;
    position: relative;
}
:where([data-cl-s~="s22"]) .school-way-img > p{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #b8005a;
    padding: 2px 20px;
    position: absolute;
    top: 0;
    left: 0;
}
:where([data-cl-s~="s22"]) .information-content>p{
    width: 100%;
    max-width: 500px;
    display: flex;
    gap: 20px;
}
:where([data-cl-s~="s22"]) .information-content>p>span{
    width: 40%;
}
:where([data-cl-s~="s22"]) .atmosphere-container{
    width: 100%;
    max-width: 1140px;
    text-align: center;
    position: relative;
    margin: 40px auto 0;
    overflow-x: hidden;
}
:where([data-cl-s~="s22"]) .atmosphere-container>.title{
    font-size: 30px;
    margin-bottom: 20px;
}
:where([data-cl-s~="s22"]) .atmosphere-slider{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    transition: transform 0.5s ease-in-out;
}


@media screen and (max-width: 1140px) {:where([data-cl-s~="s22"]) .atmosphere-slider{
        transform: translateX(calc((100vw - 1140px) / 2));
    }
:where([data-cl-s~="s22"]) .atmosphere-container>.title{
        font-size: 20px;
    }
:where([data-cl-s~="s22"]) .school-way-element > p:nth-child(1){
        font-size: 16px;
        padding: 1px 10px;
    }
:where([data-cl-s~="s22"]) .school-way-container > .school-way-element{
        width: 100%;
    }
:where([data-cl-s~="s22"]) .school-way-container{
        width: 100%;
    }}
:where([data-cl-s~="s22"]) .atmosphere-slider>img{
    max-width: 360px;
    width: 70vw;
}
:where([data-cl-s~="s22"]) .atmosphere-container>.btn{
    top: 50%;
    position: absolute;
    width: 30px;
    height: 30px;
}
:where([data-cl-s~="s22"]) .atmosphere-container>.prev-btn{
    left: calc(50% - 180px - 20px);
}
:where([data-cl-s~="s22"]) .atmosphere-container>.next-btn{
    right: calc(50% - 180px - 20px);
}


@media screen and (max-width: 515px) {:where([data-cl-s~="s22"]) .atmosphere-slider{
        transform: translateX(calc((-110vw - 60px) / 2));
    }
:where([data-cl-s~="s22"]) .atmosphere-container>.btn{
        top: 55% !important;
    }
:where([data-cl-s~="s22"]) .atmosphere-container>.prev-btn{
        left: calc(50% - 35% - 20px);
        z-index: 1;
        width: 25px;
        height: 25px;
    }
:where([data-cl-s~="s22"]) .atmosphere-container>.next-btn{
        right: calc(50% - 35% - 20px);
        z-index: 1;
        width: 25px;
        height: 25px;
    }
:where([data-cl-s~="s22"]) .school-way-img > p{
        font-size: 18px;
        padding: 2px 15px;
    }}
:where([data-cl-s~="s22"]) .review-wrapper{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 80px;
    display: flex;
  }
:where([data-cl-s~="s22"]) .review-card{
    border-radius: 10px;
    border: 2px solid #fcc2d1;
    background-color: #feeef3;
    width: 60vw;
    max-width: 360px;
    aspect-ratio: 8 / 5;
    min-height: fit-content;
    display: flex !important;
    flex-shrink: 0;
    font-size: clamp(10px, 1.5vw, 14px);
    box-sizing: border-box;
}
:where([data-cl-s~="s22"]) .review-card>img{
    width: 22%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin-left: 5px;
}
:where([data-cl-s~="s22"]) .swiper-button-next, :where([data-cl-s~="s22"]) .swiper-button-prev{
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #b7a35c;
    top: 120px !important;
}
:where([data-cl-s~="s22"]) .swiper-button-next{
    right: 33% !important;
}
:where([data-cl-s~="s22"]) .swiper-button-prev{
    left: 33% !important;
}
:where([data-cl-s~="s22"]) .swiper-button-prev:after{
    border-width: 6px 8px 6px 0;
    border-color: transparent #b7a35c transparent transparent;
    left: 7px;
    top: 7px;
    position: relative;
    content: '' !important;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}
:where([data-cl-s~="s22"]) .swiper-button-next:after{
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #b7a35c;
    top: 7px;
    right: 8px;
    position: relative;
    content: '' !important;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}
:where([data-cl-s~="s22"]) .review-content{
    width: 70%;
    padding: 10px;
    color: #646464;
    text-align: justify;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    flex-flow: column;
    justify-content: flex-start;

}

@media screen and (min-width: 768px) {:where([data-cl-s~="s22"]) .review-content{
        padding: 30px 10px;
    }}
:where([data-cl-s~="s22"]) .review-content > a{
    display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 10px;
    left: -10px;
    font-size: 11px;
}
:where([data-cl-s~="s22"]) .review-content > a > span{
    border-bottom: 1px solid #b8005a;
}
:where([data-cl-s~="s22"]) .review-star{
    width: 100%;
    color: #ffde00;
    font-size: 17px;
}
:where([data-cl-s~="s22"]) .review-card{
    min-height: 3.2em;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .review-slider .swiper-wrapper{
        padding: 0; 
    }
:where([data-cl-s~="s22"]) .swiper-slide{
        min-width: 300px;
        width: 70vw;
    }
:where([data-cl-s~="s22"]) .review-card{
        width: 100%; 
        max-width: 360px !important;
        width: 72vw !important;
    }
:where([data-cl-s~="s22"]) .swiper-button-next{
        right: 8% !important;
        top: calc(50% - 0px) !important;
    }
:where([data-cl-s~="s22"]) .swiper-button-prev{
        left: 8% !important;
        top: calc(50% - 0px) !important;
    }
:where([data-cl-s~="s22"]) .swiper-button-next, :where([data-cl-s~="s22"]) .swiper-button-prev{
        top: 100px !important;
    }}
:where([data-cl-s~="s22"]) .campaign-banner>.campaign-banner-img{
    height: 570px;
    width: 100%;
    aspect-ratio: 5 / 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    
    margin: 0 auto;
}
:where([data-cl-s~="s22"]) .kv-ikb{
    background-image: url('../img/ad5c659d08f.webp');
}
:where([data-cl-s~="s22"]) .kv-sby{
    background-image: url('../img/a1c9f2f3bfa.webp');
}
:where([data-cl-s~="s22"]) .kv-sjk{
    background-image: url('../img/aa05d9c47b2.jpg');
}
:where([data-cl-s~="s22"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
}
:where([data-cl-s~="s22"]) .access-name{
    font-size: 1.8rem;
}
:where([data-cl-s~="s22"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 30px;
    background-color: #fbbecd;
    overflow: hidden;
}
:where([data-cl-s~="s22"]) .campaign-banner{
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: #fff;
}
:where([data-cl-s~="s22"]) .slider-container.pc{
    padding: 0 0 100px 0;
    gap: 0;
}
:where([data-cl-s~="s22"]) .slider-imgs{
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
}
:where([data-cl-s~="s22"]) .school-kv-text{
    position: absolute;
    top: 2vw;
    right: 18vw;
    transform: rotate(4deg);
}
:where([data-cl-s~="s22"]) .bnr-margin{
    margin: 40px 0 40px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .campaign-banner>.campaign-banner-img{
        height: 230px;
        clip-path: none;
        position: relative;
    }
:where([data-cl-s~="s22"]) .kv-page-name{
        left: 0%;
        font-size: 4vw;
        padding: 7px 15px;
        bottom: 10%;
    }
:where([data-cl-s~="s22"]) .access-name{
        font-size: clamp(12px, 1.5vw, 32px);
    }
:where([data-cl-s~="s22"]) .campaign-banner-no1{
        right: -20px;
        z-index: 1;
        bottom: 0;
    }
:where([data-cl-s~="s22"]) .school-kv-text{
        position: absolute;
        right: 4vw;
        transform: rotate(4deg);
        width: 50%;
        top: 16vw;
    }
:where([data-cl-s~="s22"]) .campaign-banner{
        clip-path: none;
        background-color: #fbbecd;
    }
:where([data-cl-s~="s22"]) .campaign-banner-section{
        margin-top: -20px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s22"]) .bnr-margin{
        margin: 0;
    }}
:where([data-cl-s~="s22"]) .kv-survey-notice{
    box-sizing: border-box;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 10px 0;
    color: #c09ca5;
    font-size: 11px;
    line-height: 1.3;
    text-align: left;
}
:where([data-cl-s~="s22"]) .kv-survey-notice a{
    color: #c09ca5;
}
:where([data-cl-s~="s22"]) .kv-survey-notice a[target="_blank"]:after{
    background: none;
    content: none;
    padding-right: 0;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .kv-survey-notice{
        margin: 10px auto 0;
        padding: 0 0 20px 0;
        font-size: 9px;
        width: 92%;
    }}
:where([data-cl-s~="s22"]) .teacher-section{
    max-width: 900px;
    margin: 0 auto;
}
:where([data-cl-s~="s22"]) .teacher-card-img{
    width: 90%;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .teacher-section{
        padding-top: 0;
        z-index: 1;
    }
:where([data-cl-s~="s22"]) .dance-genre-container::after{
        content: "";
        display: block;
        flex: 0 0 calc((100% - 30px) / 2) !important;
    }}
:where([data-cl-s~="s22"]) .sp-br{
    display: none;
}
:where([data-cl-s~="s22"]) .anchor-links{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;  
    max-width:  860px;
    margin: 0 auto;
    padding-bottom: 100px;
}
:where([data-cl-s~="s22"]) .anchor-link{
    flex: 0 0 calc(45% - 8px);  
    padding: 10px 16px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
:where([data-cl-s~="s22"]) .anchor-link:hover{
    background-color: #FEF6F8;
    opacity: 0.9;
}
:where([data-cl-s~="s22"]) .link-title{
    display: block;
    margin-bottom: 8px;
}
:where([data-cl-s~="s22"]) .arrow{
    position: relative;
}
:where([data-cl-s~="s22"]) .arrow::after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #e91e63;
    border-bottom: 2px solid #e91e63;
    border-right: 0;
    transform: rotate(-45deg);
    position: absolute;
    left: 50%;
    translate: -50% 0;
    top: 60px;
    right: 0;
}
:where([data-cl-s~="s22"]) .anker-btn{
    border-top: 2px solid #b8005a;
    border-bottom: 2px solid #b8005a;
    padding: 20px 0px 30px 0;
    text-align: center;
    position: relative;
}




@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .slider-container.pc{
        padding: 30px 20px 50px 20px;
        gap: 30px;
        box-sizing: border-box;
    }
:where([data-cl-s~="s22"]) .contact-card-row{
        width: 100%;
        gap: 10px;
    }
:where([data-cl-s~="s22"]) .slider-container.pc>.contact-card-row>.card{
        width: 50%;
    }
:where([data-cl-s~="s22"]) .sp-br{
        display: block;
    }
:where([data-cl-s~="s22"]) .anchor-link{
        flex: 0 0 calc(42% - 0px);
        font-size: 12px;
        padding: 10px 7px;
        
    }
:where([data-cl-s~="s22"]) .anchor-links{
        justify-content: center;
        padding-bottom: 0;
    }
:where([data-cl-s~="s22"]) .anker-btn{
        padding: 12px 0px 17px 0;
    }
:where([data-cl-s~="s22"]) .arrow::after{
        width: 8px;
        height: 8px;
        top: 48px;
    }
:where([data-cl-s~="s22"]) .link-title{
        margin-bottom: 0;
        line-height: 1.4;
    }}
:where([data-cl-s~="s22"]) .accordion{
    width: 860px;
    margin: 0 auto 100px;
}
:where([data-cl-s~="s22"]) .accordion-content{
    display: none;
}
:where([data-cl-s~="s22"]) .accordion-header{
    background: repeating-linear-gradient(135deg, rgba(251, 205, 216, 0.6), rgba(251, 205, 216, 0.6) 4px, rgba(251, 222, 230, 0.6) 4px, rgba(251, 222, 230, 0.6) 7px);
    padding: 20px 45px 20px 30px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    font-weight: 500;
}
:where([data-cl-s~="s22"]) .accordion-header::before, :where([data-cl-s~="s22"]) .accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#b8005a;
}
:where([data-cl-s~="s22"]) .accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
}
:where([data-cl-s~="s22"]) .accordion-header.active::after{transform:rotate(0deg);}
:where([data-cl-s~="s22"]) .accordion-content{
    background-color: #FFF;
    padding: 18px 20px 18px 30px;
}
:where([data-cl-s~="s22"]) .accordion-content span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    line-height: 1.8;
}
:where([data-cl-s~="s22"]) .accordion-header h3, :where([data-cl-s~="s22"]) .accordion-content h3{
    padding-left: 35px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
}
:where([data-cl-s~="s22"]) .accordion-header h3::before{
    position: absolute;
    content: "Q";
    top: -7px;
    left: 0;
    font-size: 22px;
    color: #b8005a;
    font-weight: 500;
}
:where([data-cl-s~="s22"]) .accordion-content span::before{
    position: absolute;
    content: "A";
    top: 0;
    left: 0;
    color: #b8005a;
    font-size: 22px;
    font-weight: 500;
}
:where([data-cl-s~="s22"]) .accordion-header:hover{
    background-color: #F2F2F2;
}
:where([data-cl-s~="s22"]) .faq-link, :where([data-cl-s~="s22"]) .small-txt{
    padding-top: 20px;
}
:where([data-cl-s~="s22"]) .accordion-content a{
    text-decoration: underline;
}
:where([data-cl-s~="s22"]) .accordion-content a:hover{
    text-decoration: none;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .accordion{
        max-width: 100%;
        margin: 0 20px;
        width: auto;
    }
:where([data-cl-s~="s22"]) .accordion-header h3::before{
        left: -26px;
        top: -5px;
    }
:where([data-cl-s~="s22"]) .accordion-header h3, :where([data-cl-s~="s22"]) .accordion-content h3{
        font-size: 14px;
        padding-left: 0.2em;
        text-indent: -0.2em;
    }
:where([data-cl-s~="s22"]) .accordion-header::before, :where([data-cl-s~="s22"]) .accordion-header::after{
        right: 20px;
    }
:where([data-cl-s~="s22"]) .accordion-header{
        padding: 15px 45px 15px 40px;
    }
:where([data-cl-s~="s22"]) .accordion-content span::before{
        left: -26px;
    }
:where([data-cl-s~="s22"]) .accordion-content{
        padding: 18px 20px 18px 40px;
    }
:where([data-cl-s~="s22"]) .accordion-content span{
        font-size: 14px;
        padding-left: 0.2em;
        text-indent: -0.2em;
    }}
:where([data-cl-s~="s22"]) .basic-info-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 100px 0;
}
:where([data-cl-s~="s22"]) .map>.content span{
    font-size: clamp(14px, 1.5vw, 16px);
}
:where([data-cl-s~="s22"]) .title{
    font-size: 17px;
    font-weight: bold;
    color: #b8005a;
}
:where([data-cl-s~="s22"]) .basic-info-text{
    font-size: clamp(14px, 1.5vw, 16px);
}
:where([data-cl-s~="s22"]) .dance-map-tit{
    font-size: 20px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s22"]) .basic-info-block{
        padding: 0 0 50px 0;
    }
:where([data-cl-s~="s22"]) .map-btn{
        font-size: 14px;
        min-width: 120px;
    }}
:where([data-cl-s~="s22"]) .slider-imgs{
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    position: relative;
  }
:where([data-cl-s~="s22"]) .swiper-slide{
    max-width: calc((1000px - 50px) / 2);
    box-sizing: border-box;  
  }
:where([data-cl-s~="s22"]) .kv-swiper{
    width: 100%;
    max-width: 1000px;
  }
:where([data-cl-s~="s22"]) .swiper-pagination-bullet-active{
    background: #fff !important;
}

  
  @media (min-width: 769px) {:where([data-cl-s~="s22"]) .kv-swiper .swiper-wrapper{
        display: flex;
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-slide{
        flex-shrink: 0;
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-slide img{
      border-radius: 12px;
    }
:where([data-cl-s~="s22"]) .swiper-button-prev.kv, :where([data-cl-s~="s22"]) .swiper-button-next.kv, :where([data-cl-s~="s22"]) .swiper-pagination.kv{
        display: none !important;
    }}
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-prev, :where([data-cl-s~="s22"]) .kv-bnr-swiper-button-next{
      width: 25px !important;
      height: 25px !important;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      border: 1px solid #b7a35c;
    }
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-prev.kv{
      top: calc(50% - 30px) !important;
      left: calc(max(0px, 5% - 2* 16px)) !important;
      position: absolute;
      z-index: 1;
    }
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-next.kv{
      top: calc(50% - 30px) !important;
      right: calc(max(0px, 5% - 2* 16px)) !important;
      position: absolute;
      z-index: 1;
    }
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-prev:after, :where([data-cl-s~="s22"]) .kv-bnr-swiper-button-next:after{
      content: '' !important;
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      display: inline-block;
    }
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-prev:after{
      border-width: 6px 8px 6px 0;
      border-color: transparent #b7a35c transparent transparent;
      left: 7px;
      top: 7px;
    }
:where([data-cl-s~="s22"]) .kv-bnr-swiper-button-next:after{
      border-width: 6px 0 6px 8px;
      border-color: transparent transparent transparent #b7a35c;
      top: 7px;
      right: 8px;
    }
:where([data-cl-s~="s22"]) .kv-swiper{
      position: relative;
      overflow: hidden
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-wrapper{
      display: flex;
      padding-bottom: 30px;
    }
:where([data-cl-s~="s22"]) .swiper-slide{
      max-width: calc((1000px - 50px) / 1);  
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-slide{
      display: flex;
      justify-content: center; 
      align-items: center;
      text-align: center;
      
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-slide img{
      width: 100%; 
      height: auto;
      object-fit: contain; 
      object-position: center;
      border-radius: 12px;
      background-color: #fbbecd;
    }
:where([data-cl-s~="s22"]) .slider-container.pc{
      padding: 0 10px 50px 10px !important;
      gap: 30px;
      box-sizing: border-box;
    }
:where([data-cl-s~="s22"]) .kv-swiper .swiper-slide{
      width: 100%;
      flex-shrink: 0; 
    }
@media screen and (min-width: 768px) {:where([data-cl-s~="s23"]) .title > p > br{
        display: none;
    }
:where([data-cl-s~="s23"]) .yellow-border-box > br{
        display: none;
    }
:where([data-cl-s~="s23"]) .free-banner-container{
        margin-top: -150px;
        padding: 250px 0 100px;
    }
:where([data-cl-s~="s23"]) .free-banner-container > img{
        width: 80%;
    }
:where([data-cl-s~="s23"]) .point-head{
        font-size: clamp(14px, 2vw, 20px);
    }
:where([data-cl-s~="s23"]) .point-part > img{
        width: 40%;
        border-radius: 10px;
    }
:where([data-cl-s~="s23"]) .right-text > h4:nth-child(1){
        font-size: 25px;
    }
:where([data-cl-s~="s23"]) .dance-reason-section{
        margin-bottom: 40px;
    }
:where([data-cl-s~="s23"]) .dance-head{
        font-size: 1.4em;
    }
:where([data-cl-s~="s23"]) .dance-body > img{
        width: 40%;
        border-radius: 10px;
    }}

@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .title > p > br{
        display: block;
    }
:where([data-cl-s~="s23"]) .yellow-border-box > br{
        display: block;
    }
:where([data-cl-s~="s23"]) .free-banner-container{
        margin-top: -50px;
        padding: 10vw 0;
    }
:where([data-cl-s~="s23"]) .free-banner-container > img{
        width: 95%;
        padding-right: 5%;
        content: url('../img/a4e689a7054.webp');
    }
:where([data-cl-s~="s23"]) .gift-img:nth-child(2){
        content: url('../img/a971ab10e4c.webp');
    }
:where([data-cl-s~="s23"]) .gift-img:nth-child(3){
        content: url('../img/a0dd97ccd2f.webp');
    }
:where([data-cl-s~="s23"]) .gift-img:nth-child(4){
        content: url('../img/a321c90dc8c.webp');
    }
:where([data-cl-s~="s23"]) .point-head{
        font-size: clamp(14px, 4vw, 32px);
    }
:where([data-cl-s~="s23"]) .point-part{
        flex-direction: column;
        font-size: clamp(12px, 3.2vw, 24px);
    }
:where([data-cl-s~="s23"]) .point-part > img{
        width: 100%;
        border-radius: 10px;
    }
:where([data-cl-s~="s23"]) .point-part > p:nth-child(1){
        color: #b8005a;
        font-weight: bold;
        font-size: clamp(14px, 5vw, 36px);
    }
:where([data-cl-s~="s23"]) .dance-reason-section{
        margin-bottom: 40px;
    }
:where([data-cl-s~="s23"]) .dance-body{
        flex-direction: column;
    }
:where([data-cl-s~="s23"]) .dance-body > img{
        width: 100%;
        border-radius: 10px;
    }
:where([data-cl-s~="s23"]) .right-text > h4:nth-child(1){
        font-size: clamp(14px, 5vw, 36px);
    }
:where([data-cl-s~="s23"]) .right-text > p:nth-child(2){
        font-size: 14px;
    }}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-pc>.campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-pc>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    border-bottom: 4px solid #b8005a;
    padding: 30px;
    width: 40%;
}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-sp>.campaign-banner{
    width: 100vw;
    height: fit-content;
}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img{
    width: 100%;
    aspect-ratio: 13/10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
:where([data-cl-s~="s23"]) .campaign-banner-section.section-sp>.campaign-banner>.campaign-banner-img>.left-text{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: 3vw;
    bottom: 3%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 10px;
    border-bottom: 4px solid #b8005a;
    padding: 20px;
    width: 40%;
}
:where([data-cl-s~="s23"]) .free-banner-container{
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fef5f8;
    background-image: url('../img/a0701ec2770.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
:where([data-cl-s~="s23"]) .free-banner-container > img{
    max-width: 1000px;
}
:where([data-cl-s~="s23"]) .campaign-info-section{
    height: fit-content;
}
:where([data-cl-s~="s23"]) .bg-03{
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s23"]) .title{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #b8005a;
    font-weight: bold;
    line-height: 1.7;
    gap: 10px;
}
:where([data-cl-s~="s23"]) .point-container{
    width: 95%;
    max-width: 1000px;
    background-color: #ffeaf3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s23"]) .point-head{
    background-color: #b8005a;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    border-radius: 10px;
    padding: 0 40px;
    font-weight: bold;
}
:where([data-cl-s~="s23"]) .plus-btn{
    width: fit-content;
    border-radius: 50%;
    padding: 2px 6px;
    border: 1px solid #fff;
    font-size: clamp(12px, 3vw, 20px);
    position: absolute;
    top: 50%;  
    right: 30px; 
    transform: translateY(-50%);
    cursor: pointer;
}
:where([data-cl-s~="s23"]) .point-body{
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 50px 0;
}
:where([data-cl-s~="s23"]) .point-part{
    width: 80%;
    display: flex;
    gap: 30px;
}
:where([data-cl-s~="s23"]) .right-text > h4:nth-child(1){
    color: #b8005a;
    font-weight: bold;
    margin-bottom: 10px;
}
:where([data-cl-s~="s23"]) .pink-text{
    color: #b8005a;
}
:where([data-cl-s~="s23"]) .dotted-line{
    width: 30%;
    height: 12px;
    background: radial-gradient(circle, #b8005a 30%, transparent 30%);
    background-size: 15px 15px; 
    background-repeat: repeat-x;
}
:where([data-cl-s~="s23"]) .dance-reason-section{
    position: relative;
    z-index: 2;
}
:where([data-cl-s~="s23"]) .dance-container{
    max-width: 1000px;
    background-color: #ffeaf3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
:where([data-cl-s~="s23"]) .dance-head{
    background-color: #b8005a;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    font-weight: bold;
    box-sizing: border-box;
}
:where([data-cl-s~="s23"]) .dance-body{
    width: 100%;
    display: flex;
    gap: 30px;
    padding: 3vw;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .dance-head{
        font-size: 1.1rem;
        padding: 12px;
        height: auto;
        box-sizing: border-box;
    }
:where([data-cl-s~="s23"]) .dance-container{
        max-width: 100%;
        margin: 0 20px;
        width: auto;
    }}
:where([data-cl-s~="s23"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s23"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    margin: 0 auto;
}
:where([data-cl-s~="s23"]) .kv-winter{
    background-image: url('../img/a1d45021af2.jpg');
}
:where([data-cl-s~="s23"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
    width: 20%;
}
:where([data-cl-s~="s23"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
    display: inline-block;
}
:where([data-cl-s~="s23"]) .price-lesson-banner{
    position: absolute;
    top: 20vw;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s23"]) .price-fee-banner{
    position: absolute;
    top: 20vw;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s23"]) .price-lesson-banner>img, :where([data-cl-s~="s23"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s23"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 60px;
    background-color: #fbbecd;
    overflow: hidden;
}
:where([data-cl-s~="s23"]) .slider-container{
    height: 35vh;
    background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/aa688cdac6f.webp');
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .kv-position{
        position: relative;
        top: -40px;
        margin-bottom: -40px;
    }
:where([data-cl-s~="s23"]) .kv-winter{
        background-image: url('../img/a51f9644952.jpg');
    }
:where([data-cl-s~="s23"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s23"]) .campaign-banner>.campaign-banner-img{
        height: 250px;
        clip-path: none;
        background-position: unset;
    }
:where([data-cl-s~="s23"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s23"]) .price-lesson-banner{
        position: absolute;
        bottom: 0;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s23"]) .price-fee-banner{
        position: absolute;
        bottom: 0;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s23"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
        width: 40%;
    }
:where([data-cl-s~="s23"]) .card img{
        display: none;
    }
:where([data-cl-s~="s23"]) .slider-container{
        background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/a08d71f61a8.webp');
        height: 25vh;
    }}
:where([data-cl-s~="s23"]) .cp-block{
    max-width: 1000px;
    margin: 0 auto;
}
:where([data-cl-s~="s23"]) .cp-img{
    display: flex;
    flex-flow: column;
    gap: 50px;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .cp-block{
        position: relative;
        z-index: 2;
    }
:where([data-cl-s~="s23"]) .cp-img{
        gap: 30px;
        margin: 0 20px;
    }
:where([data-cl-s~="s23"]) .tit-cp-info{
        margin: 30px 0 25px 0;
    }
:where([data-cl-s~="s23"]) .campaign-banner-section{
        padding-bottom: 0;
    }}
:where([data-cl-s~="s23"]) .accordion-area{
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: relative;
}
:where([data-cl-s~="s23"]) .accordion{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
:where([data-cl-s~="s23"]) .accordion-content{
    display: none;
}
:where([data-cl-s~="s23"]) .accordion-header{
    background: #b8005a;
    padding: 20px 45px 20px 30px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    font-weight: 500;
}
:where([data-cl-s~="s23"]) .accordion-header::before, :where([data-cl-s~="s23"]) .accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#fff;
}
:where([data-cl-s~="s23"]) .accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
}
:where([data-cl-s~="s23"]) .accordion-header.active::after{transform:rotate(0deg);}
:where([data-cl-s~="s23"]) .accordion-content{
    background-color: #ffeaf3;
    padding: 3vw;
    display: none;
    margin-bottom: 30px;
    border-radius: 0 0 10px 10px;
}
:where([data-cl-s~="s23"]) .accordion-header span{
    position: relative;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}
:where([data-cl-s~="s23"]) .faq-link, :where([data-cl-s~="s23"]) .small-txt{
    padding-top: 20px;
}
:where([data-cl-s~="s23"]) .accordion-content a{
    text-decoration: underline;
}
:where([data-cl-s~="s23"]) .accordion-content a:hover{
    text-decoration: none;
}
:where([data-cl-s~="s23"]) .accordion-flex{
    display: flex;
    gap: 30px;
}
:where([data-cl-s~="s23"]) .accordion-img{
    width: 80%;
}
:where([data-cl-s~="s23"]) .accordion-img img{
    border-radius: 12px;
}
:where([data-cl-s~="s23"]) .accordion-contents-tit{
    font-size: 25px;
    font-weight: bold;
    color: #b8005a;
    line-height: 1.3;
    margin-bottom: 15px;
}
:where([data-cl-s~="s23"]) .f-pink{
    color: #b8005a;
}
:where([data-cl-s~="s23"]) .accordion-text-block{
    width: 100%;
}
:where([data-cl-s~="s23"]) .hr-dot{
    border-top: 7px dotted #b8005a;
    width: 25%;
    margin: 50px auto;
}
:where([data-cl-s~="s23"]) .accordion-text-block p{
    line-height: 1.8;
    padding-top: 15px;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .accordion{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
:where([data-cl-s~="s23"]) .accordion-header span::before{
        left: -26px;
        top: -5px;
    }
:where([data-cl-s~="s23"]) .accordion-header span{
        font-size: 1.1rem;
    }
:where([data-cl-s~="s23"]) .accordion-header::before, :where([data-cl-s~="s23"]) .accordion-header::after{
        right: 20px;
    }
:where([data-cl-s~="s23"]) .accordion-header{
        padding: 12px;
    }
:where([data-cl-s~="s23"]) .accordion-content span::before{
        left: -26px;
    }
:where([data-cl-s~="s23"]) .accordion-content{
        padding: 25px 20px 40px 20px;
    }
:where([data-cl-s~="s23"]) .point-section{
        z-index: 2;
        margin-bottom: 30px;
    }
:where([data-cl-s~="s23"]) .accordion-flex{
        flex-flow: column;
    }
:where([data-cl-s~="s23"]) .accordion-img{
        width: 100%;
    }
:where([data-cl-s~="s23"]) .accordion-text-block p{
        font-size: 14px;
        padding-bottom: 0;
    }
:where([data-cl-s~="s23"]) .accordion-contents-tit{
        font-size: 1.1rem;
        margin-bottom: 0;
    }}
:where([data-cl-s~="s23"]) .dance-body-img{
    width: 80%;
}
:where([data-cl-s~="s23"]) .dance-body-img img{
    border-radius: 12px;
}
:where([data-cl-s~="s23"]) .right-text{
    width: 100%;
    line-height: 1.8;
}
:where([data-cl-s~="s23"]) .genre-box{
    display: flex;
    gap: 50px;
    flex-flow: column;
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s23"]) .genre-box{
        gap: 30px;
    }
:where([data-cl-s~="s23"]) .dance-body{
        padding: 25px 20px 40px 20px;
        box-sizing: border-box;
    }
:where([data-cl-s~="s23"]) .dance-body-img{
        width: 100%;
    }}
:where([data-cl-s~="s24"]) .campaign-banner{
    width: 100%;
    height: fit-content;
    clip-path: ellipse(95% 100% at 45% 0%);
    background-color: white;
    position: relative;
}
:where([data-cl-s~="s24"]) .campaign-banner>.campaign-banner-img{
    height: 500px;
    width: 100%;
    aspect-ratio: 5/2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: ellipse(90% 96% at 50% 0%);
    position: relative;
    margin: 0 auto;
}
:where([data-cl-s~="s24"]) .kv-general{
    background-image: url('../img/aca493e8671.webp');
}
:where([data-cl-s~="s24"]) .kv-page-name{
    position: absolute;
    color: #b8005a;
    font-weight: bold;
    font-size: clamp(24px, 2.2vw, 46px);
    bottom: 20%;
    left: 18%;
    background-color: rgba(255, 255, 255, 1);
    border-top-right-radius: 15px;
    border-bottom: 4px solid #b8005a;
    padding: 15px 30px;
    width: 20%;
}
:where([data-cl-s~="s24"]) .kv-page-name > p{
    font-size: clamp(16px, 1.5vw, 32px);
    display: inline-block;
}
:where([data-cl-s~="s24"]) .price-lesson-banner{
    position: absolute;
    top: 20vw;
    right: 31vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s24"]) .price-fee-banner{
    position: absolute;
    top: 20vw;
    right: 18vw;
    width: 12vw;
    min-width: 120px;
}
:where([data-cl-s~="s24"]) .price-lesson-banner>img, :where([data-cl-s~="s24"]) .price-fee-banner>img{
    width: 100%;
}
:where([data-cl-s~="s24"]) .campaign-banner-section{
    position: relative;
    padding-bottom: 60px;
    background-color: #fbbecd;
    overflow: hidden;
}
:where([data-cl-s~="s24"]) .slider-container{
    height: 35vh;
    background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/aa688cdac6f.webp');
}


@media screen and (max-width: 767px) {:where([data-cl-s~="s24"]) .kv-position{
        position: relative;
        top: -40px;
        margin-bottom: -40px;
    }
:where([data-cl-s~="s24"]) .kv-general{
        background-image: url('../img/af207527947.jpg');
    }
:where([data-cl-s~="s24"]) .campaign-banner{
        clip-path: none;
        background-color: none;
    }
:where([data-cl-s~="s24"]) .campaign-banner>.campaign-banner-img{
        height: 245px;
        clip-path: none;
        background-position: center;
    }
:where([data-cl-s~="s24"]) .campaign-banner-section{
        padding-bottom: 10px;
    }
:where([data-cl-s~="s24"]) .price-lesson-banner{
        position: absolute;
        bottom: 0;
        right: 23vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s24"]) .price-fee-banner{
        position: absolute;
        bottom: 0;
        right: 2vw;
        width: 12vw;
        min-width: 80px;
        top: 35vw;
    }
:where([data-cl-s~="s24"]) .kv-page-name{
        left: 0%;
        font-size: 5vw;
        padding: 10px 15px;
        bottom: 10%;
        width: 40%;
    }
:where([data-cl-s~="s24"]) .card img{
        display: none;
    }
:where([data-cl-s~="s24"]) .slider-container{
        background-image: linear-gradient(to bottom, #fbbecd, #fbbecd), url('../img/a08d71f61a8.webp');
        height: 25vh;
    }}

@media screen and (max-width: 375px) {:where([data-cl-s~="s24"]) .campaign-banner>.campaign-banner-img{
        height: 225px;
        clip-path: none;
        background-position: unset;
    }}
:where([data-cl-s~="s24"]) .accordion-area{
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 0;
    position: relative;
}
:where([data-cl-s~="s24"]) .dance-reason-section{
    position: relative;
    z-index: 0;
}

@media screen and (max-width: 767px) {:where([data-cl-s~="s24"]) .cp-block{
        position: relative;
        z-index: 0;
    }}





@media screen and (max-width: 767px) {:where([data-cl-s~="s24"]) .cta-container.show{
        z-index: 10;
    }}
/* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair
   on older builds); everything below this marker is ours, not the reference's */
/* clone: a link with nowhere to go carries no href — keep it feeling inert */
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
/* clone: the swapped wordmark replaces an <img>/<svg> logo, so the reference
   never wrote text rules for that slot — without this it inherits the browser
   default link look (blue + underline, svitlo's header). */
.clone-wordmark {
  color: inherit !important; text-decoration: none !important;
  font-weight: 700; font-size: 1.15em; line-height: 1.1;
  letter-spacing: -0.01em; white-space: nowrap;
}
/* the wordmark sits INSIDE the old logo <a>, which the browser paints blue and
   underlines by default once the <img> is gone — neutralize the link itself,
   not just the span, or the brand still reads as a raw hyperlink. */
a:has(> .clone-wordmark), a:has(.clone-wordmark) {
  color: inherit !important; text-decoration: none !important;
}
/* clone: the reference's own responsive JS is gone and some donors ship a
   desktop-only DOM, so a fixed-width sidebar/table can push the page past the
   viewport on a phone (tabelog 980px at 390px wide). Keep media inside the
   page and stop the sideways scroll without touching the desktop layout. */
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
/* body ONLY: overflow on <html> stops body's overflow propagating to the
   viewport, so a donor with html,body{height:100%} (Wix) turned <body> into a
   one-screen inner scroller (2026-10-10 hardening run). On body alone the
   value propagates to the viewport and still kills the sideways scroll. */
/* `clip`, not `hidden`: when the donor's OWN html sets overflow (Foxtrot:
   html{overflow-x:clip}) body's value no longer reaches the viewport, and
   `hidden` made body a one-screen scroll container (mobile clone 844px of
   10258). `clip` cuts the sideways overflow WITHOUT a scroll container. */
@media (max-width: 768px) {
  html { max-width: 100%; }
  body { overflow-x: clip; max-width: 100%; }
}
/* clone: a heading/button the reference drew as an image, now real text */
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3;
  font-size: 1.05em; }
/* clone: off-canvas nav panel, opened by clone.js from its #id trigger */
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open {
  display: block !important; position: fixed !important; inset: 0 auto 0 0 !important;
  width: min(86vw, 360px) !important; height: 100% !important;
  overflow: auto !important; z-index: 2147483000 !important;
  background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  transform: none !important; opacity: 1 !important; visibility: visible !important;
}
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
/* clone: library photo behind a text block — light veil under the copy */
.clone-bg-veil { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.84) !important; }
/* clone: notice shown in place of a submitted form (clone.js) */
.clone-form-note {
  margin: 1em 0; padding: 0.9em 1.1em; border-radius: 8px;
  background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit; font-size: 0.95em; line-height: 1.45;
}
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
/* clone: fallback contact line appended when the reference carried no
   contacts at all (onlinegamer shipped 15 pages without a phone or email) */
.clone-contact { margin: 1.2em 0; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }

/* g16-overrides */
.header-container-pc a.logo-img{color:#fff!important;font-size:20px}
.dm-wordmark{font-weight:700;line-height:1.1;white-space:nowrap;letter-spacing:.01em}
.header-container-pc a.logo-img .dm-wordmark{color:#fff;font-size:22px}
.header-container-sp a.logo-img .dm-wordmark{font-size:16px}
.kv-position+.slider-banner-section{padding-top:56px}
.student-swiper,.atmosphere-container{overflow:hidden}
.accordion-header,.accordion-header.active{color:#fff!important}
.dance-map-tit-sub{color:#8f0046!important}
.swiper-pagination-bullet{min-width:24px;min-height:24px;background-clip:content-box;padding:7px;box-sizing:border-box}