@charset "UTF-8";
/*
========================================================================= */
/*  ロゴの大きさ調整
========================================================================= */
.hd_logo {
  width: 13%;
}
.hd_logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.hd_logo a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.drawer_logo {
  width: 13%;
}

/*
========================================================================= */
/*  header
========================================================================= */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: calc(var(--var-1-sub) * 2) solid var(--cl-pink);
}
header .headline {
  padding: calc(var(--var-1) * 8) calc(var(--var-1) * 24);
}
header .headline .cmn_info {
  flex-direction: column;
  gap: calc(var(--var-1-sub) * 32);
}
header .headline .cmn_info .tel_wrap {
  flex-direction: column;
  background: var(--cl-pink-light2);
  border-radius: calc(var(--var-1-sub) * 5);
  padding: calc(var(--var-1-sub) * 16) calc(var(--var-1-sub) * 20);
}
header .headline .cmn_info .tel_wrap .tel_wrap_top {
  align-items: center;
  gap: calc(var(--var-1-sub) * 4);
  letter-spacing: 0.05em;
  margin-bottom: calc(var(--var-1) * 16);
  padding-bottom: calc(var(--var-1) * 16);
  font-size: calc(var(--var-1-sub) * 13);
  background-image: repeating-linear-gradient(90deg, rgba(98, 80, 83, 0.4), rgba(98, 80, 83, 0.4) calc(var(--var-1-sub) * 3), transparent calc(var(--var-1-sub) * 3), transparent calc(var(--var-1-sub) * 4));
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
header .headline .cmn_info .drawer_btn_wrap {
  gap: calc(var(--var-1) * 32);
}
header .headline .cmn_info .hd_btn {
  width: calc(var(--var-1-sub) * 180);
  padding-bottom: calc(var(--var-1) * 20);
  position: relative;
}
header .headline .cmn_info .hd_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1-sub) * 18);
  height: calc(var(--var-1-sub) * 13);
  margin-right: calc(var(--var-1-sub) * 4);
  background: url(../img/cmn/mail_icon.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1-sub) * 2));
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 64) 0 calc(var(--var-1) * 80);
  background: var(--cl-pink-light);
}
footer .ft_content {
  flex-direction: column;
}
footer .ft_content .ft_left .ft_logo {
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 102);
}
footer .ft_content .ft_left .ft_info::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 11);
  height: calc(var(--var-1) * 11);
  margin-right: calc(var(--var-1) * 4);
  background: var(--cl-brown);
  border-radius: calc(var(--var-1) * 2);
}
footer .ft_content .ft_left .ft_address {
  margin-top: calc(var(--var-1) * 48);
  line-height: 1.563;
}
footer .ft_content .ft_left .ft_business {
  margin-top: calc(var(--var-1) * 24);
}
footer .ft_content .ft_left .ft_holiday {
  margin-top: calc(var(--var-1) * 28);
}
footer .ft_content .ft_left em {
  margin-right: calc(var(--var-1) * 11);
}
footer .ft_content .ft_right {
  margin-top: calc(var(--var-1) * 48);
}
footer .ft_content .ft_right .ft_list {
  gap: calc(var(--var-1) * 32);
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  background: var(--cl-pink-light2);
  border-radius: calc(var(--var-1) * 15);
  position: relative;
}
footer .ft_content .ft_right .ft_list::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * 32);
  right: calc(var(--var-1) * 24);
  display: block;
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 94);
  background: url(../img/cmn/ft_deco.png) no-repeat top/100%;
}
footer .ft_content .ft_right .instagram img {
  display: block;
  margin: calc(var(--var-1) * 48) 0 0 auto;
  width: calc(var(--var-1) * 35);
  height: calc(var(--var-1) * 35);
}
footer .ft_btm {
  flex-direction: column-reverse;
  margin-top: calc(var(--var-1) * 32);
}
footer .ft_btm .ft_nav_list {
  justify-content: flex-end;
}
footer .ft_btm .ft_nav_list .ft_nav_item {
  font-size: calc(var(--var-1) * 10);
  letter-spacing: 0.15em;
}
footer .ft_btm .ft_nav_list .ft_nav_item:first-child {
  padding-right: calc(var(--var-1) * 30);
  border-right: 1px solid var(--cl-brown);
  margin-right: calc(var(--var-1) * 30);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  flex-direction: column;
  gap: calc(var(--var-1-sub) * 40);
  padding: calc(var(--var-1) * 100) calc(var(--var-1) * 32);
  background: url(../img/top/mv_bg.png) top/cover;
}
.mv .mv_l .mv_catch {
  width: 100%;
  height: calc(var(--var-1-sub) * 135);
}
.mv .mv_l .mv_figure_l {
  width: 100%;
  height: calc(var(--var-1-sub) * 215);
  margin-top: calc(var(--var-1-sub) * 35);
  margin-left: calc(var(--var-1-sub) * 10);
  position: relative;
}
.mv .mv_l .mv_figure_l::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1-sub) * -24);
  right: calc(var(--var-1-sub) * -12);
  display: block;
  width: calc(var(--var-1-sub) * 60);
  height: calc(var(--var-1-sub) * 193);
  background: url(../img/top/mv_deco.png) no-repeat top/100%;
}
.mv .mv_l .mv_figure_l img {
  border-radius: calc(var(--var-1-sub) * 25);
}
.mv .mv_figure_r {
  width: 100%;
  height: calc(var(--var-1-sub) * 197);
  position: relative;
}
.mv .mv_figure_r::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  background: url(../img/top/mv) no-repeat top/100%;
}
.mv .mv_figure_r img {
  border-radius: calc(var(--var-1-sub) * 25);
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  padding-top: calc(var(--var-1) * 80);
  background: url(../img/sv/bg.png) top/100%;
}
.sb_mv .sv_wrap {
  padding: calc(var(--var-1) * 32) 0;
  margin: 0 calc(var(--var-1) * 16);
}
.sb_mv .sv_wrap .sv_ttl {
  width: calc(var(--var-1) * 270);
  margin: 0 auto;
  padding: calc(var(--var-1) * 8) 0;
  background: var(--cl-white);
  color: var(--cl-pink);
  border-radius: calc(var(--var-1) * 25);
  font-size: calc(var(--var-1) * 18);
  letter-spacing: 0.15em;
  text-align: center;
  position: relative;
}
.sb_mv .sv_wrap .sv_ttl::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -20);
  left: calc(var(--var-1) * -20);
  display: block;
  width: calc(var(--var-1) * 40);
  height: calc(var(--var-1) * 60);
  background: url(../img/sv/deco.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.ballet_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/ballet.png) no-repeat top/cover;
}

.about_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/about.png) no-repeat top/cover;
}

.class_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/class.png) no-repeat top/cover;
}

.faq_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/faq.png) no-repeat top/cover;
}

.news_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  background: url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news {
  padding-bottom: calc(var(--var-1) * 80);
  background: var(--cl-pink-light);
}
.top_news .top_news_ttl .top_news_ttl_en::after {
  content: none;
}
.top_news .top_news_btn {
  width: calc(var(--var-1) * 140);
  margin-top: calc(var(--var-1) * 30);
  padding-left: calc(var(--var-1) * 4);
}
.top_news .top_news_btn::before {
  content: none;
}
.top_news .top_news_right {
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 48);
}
.top_news .top_news_right .top_news_content {
  width: 46%;
}
.top_news .top_news_right .top_news_content .news_figure .news_img {
  width: 100%;
  height: calc(var(--var-1) * 135.94);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(var(--var-1) * 15);
}
.top_news .top_news_right .top_news_content .top_news_top {
  margin-top: calc(var(--var-1) * 16);
}
.top_news .top_news_right .top_news_content .top_news_top time {
  font-size: calc(var(--var-1) * 12);
  letter-spacing: 0.15em;
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list {
  gap: calc(var(--var-1) * 8);
  margin-top: calc(var(--var-1) * 12);
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list .top_news_tag_item {
  color: var(--cl-pink);
  font-size: calc(var(--var-1) * 10);
}
.top_news .top_news_right .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 10);
  font-size: calc(var(--var-1) * 13);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}

/*
========================================================================= */
/*  top_concerns
========================================================================= */
.top_concerns {
  position: relative;
  padding-bottom: calc(var(--var-1) * 120);
}
.top_concerns::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(var(--var-1) * 16);
  display: block;
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 100);
  background: url(../img/top/concerns_img1.png) no-repeat top/100%;
}
.top_concerns::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: calc(var(--var-1) * 16);
  display: block;
  width: calc(var(--var-1) * 90);
  height: calc(var(--var-1) * 88);
  background: url(../img/top/concerns_img2.png) no-repeat top/100%;
}
.top_concerns .top_concerns_list {
  gap: calc(var(--var-1) * 16);
  margin-top: calc(var(--var-1) * 40);
  padding: 0 calc(var(--var-1) * 10);
}
.top_concerns .top_concerns_list .top_concerns_item {
  width: 100%;
  padding: calc(var(--var-1) * 16) calc(var(--var-1) * 16);
  background: var(--cl-pink-light2);
  border-radius: calc(var(--var-1) * 10);
  font-size: calc(var(--var-1) * 14);
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.15em;
}
.top_concerns .top_concerns_btn {
  margin: calc(var(--var-1) * 40) auto 0;
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  background: url(../img/top/about_bg.png) top/cover;
}
.top_about .top_about_ttl {
  line-height: 1.75;
}
.top_about .top_about_ttl .top_about_ttl_en {
  margin-bottom: calc(var(--var-1) * 10);
}
.top_about .top_about_content {
  gap: calc(var(--var-1) * 64);
  flex-direction: column;
}
.top_about .top_about_content::before {
  left: calc(var(--var-1) * -240);
  bottom: calc(var(--var-1) * 8);
}
.top_about .top_about_content .top_about_txt .top_about_desc {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2.333;
  letter-spacing: 0.15em;
}
.top_about .top_about_content .top_about_txt .top_about_btn {
  margin: calc(var(--var-1) * 40) 0 0 auto;
}
.top_about .top_about_content .top_about_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1-sub) * 286);
}
.top_about .top_about_content .top_about_figure img {
  border-radius: calc(var(--var-1) * 25);
}

/*
========================================================================= */
/*  top_video
========================================================================= */
.top_video {
  background: url(../img/top/video_bg.png) top/cover;
}
.top_video .top_video_ttl .top_video_ttl_en::before, .top_video .top_video_ttl .top_video_ttl_en::after {
  content: none;
}
.top_video .top_video_figure_wrap {
  margin: calc(var(--var-1) * 72) auto 0;
  width: 88%;
  position: relative;
}
.top_video .top_video_figure_wrap::before, .top_video .top_video_figure_wrap::after,
.top_video .top_video_figure_wrap .top_video_figure::before,
.top_video .top_video_figure_wrap .top_video_figure::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(var(--var-1) * 48);
  height: calc(var(--var-1) * 48);
  background: url(../img/top/video_deco.png) no-repeat top/100%;
}
.top_video .top_video_figure_wrap::before {
  top: calc(var(--var-1) * -28);
  right: calc(var(--var-1) * -28);
  transform: scale(-1, 1);
}
.top_video .top_video_figure_wrap::after {
  bottom: calc(var(--var-1) * -28);
  right: calc(var(--var-1) * -28);
  transform: scale(-1, -1);
}
.top_video .top_video_figure_wrap .top_video_figure {
  position: relative;
}
.top_video .top_video_figure_wrap .top_video_figure::before {
  top: calc(var(--var-1) * -28);
  left: calc(var(--var-1) * -28);
}
.top_video .top_video_figure_wrap .top_video_figure::after {
  bottom: calc(var(--var-1) * -28);
  left: calc(var(--var-1) * -28);
  transform: scale(1, -1);
}
.top_video .top_video_figure_wrap .top_video_figure video {
  width: 100%;
  border-radius: calc(var(--var-1) * 15);
}

/*
========================================================================= */
/*  top_merit
========================================================================= */
.top_merit {
  background: url(../img/top/merit_bg.png);
}

/*
========================================================================= */
/*  top_lesson
========================================================================= */
.top_lesson {
  background: url(../img/top/lesson_bg.png) top right 20%/cover;
}
.top_lesson .top_lesson_desc {
  margin-top: calc(var(--var-1) * 32);
  font-size: calc(var(--var-1) * 16);
  text-align: center;
}
.top_lesson .top_lesson_list {
  gap: calc(var(--var-1) * 16);
  margin-top: calc(var(--var-1) * 32);
}
.top_lesson .top_lesson_list .top_lesson_item {
  width: 100%;
  padding: calc(var(--var-1) * 16) 0;
  font-size: calc(var(--var-1) * 16);
  background: var(--cl-pink-light);
  text-align: center;
  letter-spacing: 0.15em;
  position: relative;
  line-height: 1.6;
}
.top_lesson .top_lesson_list .top_lesson_item::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 3);
  right: calc(var(--var-1) * 3);
  bottom: calc(var(--var-1) * 3);
  left: calc(var(--var-1) * 3);
  border: calc(var(--var-1) * 1) dotted var(--cl-pink);
  border-radius: calc(var(--var-1) * 6);
  pointer-events: none;
}
.top_lesson .top_lesson_desc_b {
  margin-top: calc(var(--var-1) * 32);
  text-align: center;
  font-size: calc(var(--var-1) * 18);
}

/*
========================================================================= */
/*  top_bnr
========================================================================= */
.top_bnr {
  flex-direction: column;
  gap: calc(var(--var-1) * 80);
  padding: calc(var(--var-1) * 80) 0;
  background: url(../img/top/bnr_bg.png) top/cover;
}
.top_bnr .top_bnr_item {
  flex-direction: column;
  gap: calc(var(--var-1) * 48);
  width: 80%;
  margin: 0 auto;
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  background: var(--cl-brown);
  color: var(--cl-white);
  border-radius: calc(var(--var-1-sub) * 20);
  position: relative;
}
.top_bnr .top_bnr_item::before, .top_bnr .top_bnr_item::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(var(--var-1-sub) * 100);
  height: calc(var(--var-1-sub) * 112);
  background: url(../img/top/bnr_deco.png) no-repeat top/100%;
}
.top_bnr .top_bnr_item::before {
  top: calc(var(--var-1-sub) * -24);
  left: calc(var(--var-1-sub) * -24);
}
.top_bnr .top_bnr_item::after {
  bottom: calc(var(--var-1-sub) * -24);
  right: calc(var(--var-1-sub) * -24);
  transform: scale(-1, -1);
}
.top_bnr .top_bnr_item .top_bnr_txt .top_bnr_ttl {
  font: 700 calc(var(--var-1-sub) * 20)/1 var(--family-base);
  letter-spacing: 0.15em;
}
.top_bnr .top_bnr_item .top_bnr_txt .top_bnr_ttl .top_bnr_ttl_en {
  margin-bottom: calc(var(--var-1-sub) * 16);
  font-size: calc(var(--var-1-sub) * 14);
  letter-spacing: 0.15em;
}
.top_bnr .top_bnr_item .top_bnr_txt .top_bnr_desc {
  margin-top: calc(var(--var-1-sub) * 32);
  line-height: 1.625;
  font-size: calc(var(--var-1-sub) * 14);
}
.top_bnr .top_bnr_item .top_bnr_figure {
  flex-shrink: 0;
  width: 100%;
  height: calc(var(--var-1-sub) * 153);
  overflow: hidden;
  border-radius: calc(var(--var-1-sub) * 15);
}
.top_bnr .top_bnr_item .top_bnr_figure .top_bnr_img {
  width: calc(var(--var-1) * 300);
  height: calc(var(--var-1) * 153);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(var(--var-1-sub) * 15);
}

/*
========================================================================= */
/*  cmn_contact
========================================================================= */
.cmn_contact {
  background: url(../img/cmn/contact_bg.png) top/cover;
  position: relative;
}
.cmn_contact::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -32);
  right: calc(var(--var-1) * 32);
  display: block;
  width: calc(var(--var-1) * 120);
  height: calc(var(--var-1) * 90);
  background: url(../img/cmn/contact_deco.png) no-repeat top/100%;
}
.cmn_contact .cmn_contact_ttl {
  color: var(--cl-white);
}
.cmn_contact .cmn_contact_ttl .cmn_contact_ttl_en {
  color: var(--cl-white);
}
.cmn_contact .cmn_contact_ttl .cmn_contact_ttl_en::before, .cmn_contact .cmn_contact_ttl .cmn_contact_ttl_en::after {
  filter: brightness(0) saturate(100%) invert(84%) sepia(94%) saturate(0%) hue-rotate(142deg) brightness(106%) contrast(107%);
}
.cmn_contact .cmn_info {
  flex-direction: column;
  margin: calc(var(--var-1) * 48) auto 0;
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 15);
}
.cmn_contact .cmn_info .tel_wrap {
  padding-bottom: calc(var(--var-1) * 24);
  margin-bottom: calc(var(--var-1) * 24);
  background-image: repeating-linear-gradient(90deg, rgba(98, 80, 83, 0.4), rgba(98, 80, 83, 0.4) calc(var(--var-1-sub) * 3), transparent calc(var(--var-1-sub) * 3), transparent calc(var(--var-1-sub) * 4));
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.cmn_contact .cmn_info .tel_wrap .tel_desc {
  margin-bottom: calc(var(--var-1) * 8);
  letter-spacing: 0.05em;
  text-align: center;
  font-size: calc(var(--var-1) * 13);
}
.cmn_contact .cmn_info .tel_wrap .cmn_contact_tel {
  text-align: center;
}
.cmn_contact .cmn_info .tel_wrap .cmn_contact_tel .tel_number {
  font-size: calc(var(--var-1) * 22);
}
.cmn_contact .cmn_info .tel_wrap .cmn_contact_tel .tel_number small {
  font-size: calc(var(--var-1) * 16);
}
.cmn_contact .cmn_info .tel_wrap img {
  display: block;
  width: calc(var(--var-1) * 180);
  margin: calc(var(--var-1) * 12) auto 0;
}
.cmn_contact .cmn_info .cmn_contact_btn {
  display: flex;
  width: calc(var(--var-1) * 180);
  position: relative;
}
.cmn_contact .cmn_info .cmn_contact_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1-sub) * 18);
  height: calc(var(--var-1-sub) * 13);
  margin-right: calc(var(--var-1-sub) * 8);
  background: url(../img/cmn/mail_icon.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  ballet_ballet
========================================================================= */
.ballet_ballet {
  background: var(--cl-pink-light);
}
.ballet_ballet .ballet_ballet_desc {
  margin-top: calc(var(--var-1) * 32);
  font-size: calc(var(--var-1) * 14);
  line-height: 2.2;
  text-align: center;
  letter-spacing: 0.15em;
}

/*
========================================================================= */
/*  ballet_benefit
========================================================================= */
.ballet_benefit {
  background: var(--cl-pink-light);
}
.ballet_benefit .ballet_benefit_list {
  gap: calc(var(--var-1) * 20);
  margin-top: calc(var(--var-1) * 48);
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 25);
  position: relative;
}
.ballet_benefit .ballet_benefit_list::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -24);
  right: calc(var(--var-1) * 24);
  display: block;
  width: calc(var(--var-1) * 64);
  height: calc(var(--var-1) * 120);
  background: url(../img/ballet/benefit_deco.png) no-repeat top/100%;
}
.ballet_benefit .ballet_benefit_list .ballet_benefit_item {
  width: calc(var(--var-1) * 428);
  font-size: calc(var(--var-1) * 16);
  letter-spacing: 0.15em;
  position: relative;
}
.ballet_benefit .ballet_benefit_list .ballet_benefit_item::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 10);
  height: calc(var(--var-1) * 14);
  margin-right: calc(var(--var-1) * 16);
  background: url(../img/cmn/check.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  ballet_feat
========================================================================= */
.ballet_feat {
  background: url(../img/ballet/feat_bg.png) top/cover;
}
.ballet_feat .ballet_feat_btn {
  width: 100%;
  margin: calc(var(--var-1) * 56) auto 0;
}
.ballet_feat .ballet_feat_btn::before {
  content: none;
}

/*
========================================================================= */
/*  about_reason
========================================================================= */
.about_reason {
  background: url(../img/about/reason_bg.png) top/cover;
}
.about_reason .cmn_layout2_txt {
  background: var(--cl-white);
}

/*
========================================================================= */
/*  about_inst
========================================================================= */
.about_inst {
  position: relative;
}
.about_inst::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: calc(var(--var-1) * 140);
  height: calc(var(--var-1) * 190);
  background: url(../img/about/inst_deco.png) no-repeat top/100%;
}
.about_inst .about_inst_content {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 48);
  flex-direction: column;
}
.about_inst .about_inst_content::before {
  left: calc(var(--var-1) * 16);
  bottom: calc(var(--var-1) * -48);
}
.about_inst .about_inst_content .about_inst_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1-sub) * 277);
}
.about_inst .about_inst_content .about_inst_figure .about_inst_img {
  border-radius: calc(var(--var-1) * 25);
}
.about_inst .about_inst_content .about_inst_txt .about_inst_desc {
  line-height: 2.32;
  letter-spacing: 0.15em;
}
.about_inst .about_inst_content .about_inst_txt .about_inst_name {
  margin-top: calc(var(--var-1) * 24);
  color: var(--cl-pink);
  font-size: calc(var(--var-1) * 18);
  text-align: right;
  letter-spacing: 0.15em;
}

/*
========================================================================= */
/*  company
========================================================================= */
.company {
  padding-bottom: 0;
  background: var(--cl-pink-light);
}
.company .info_table {
  margin: calc(var(--var-1) * 48) auto 0;
  padding: calc(var(--var-1) * 40) 0 calc(var(--var-1) * 40);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
}
.company .info_table .company_table {
  width: 100%;
}
.company .info_table .company_table .table_txt {
  flex-direction: column;
  gap: calc(var(--var-1) * 16);
  margin-top: calc(var(--var-1) * 24);
  padding: 0 calc(var(--var-1) * 16);
  padding-bottom: calc(var(--var-1) * 24);
  border-bottom: 1px solid var(--cl-pink);
  font-size: calc(var(--var-1) * 14);
  line-height: 1.6;
  letter-spacing: 0.15em;
}
.company .info_table .company_table .table_txt:first-child {
  margin-top: 0;
}
.company .info_table .company_table .table_txt:last-child {
  padding-bottom: 0;
  border: none;
}
.company .info_table .company_table .table_txt .table_label {
  color: var(--cl-pink);
  font-weight: 700;
}
.company .info_table .company_table .table_txt .table_desc {
  font-weight: 700;
}
.company .info_table .company_table .table_txt .tel_svg {
  display: block;
  margin-top: calc(var(--var-1) * -6);
  width: calc(var(--var-1) * 200);
  height: calc(var(--var-1) * 40);
}
.company .company_iframe {
  margin-bottom: calc(var(--var-1) * -2);
}
.company .company_iframe iframe {
  width: 100%;
  height: calc(var(--var-1) * 320);
  border: none;
}

/*
========================================================================= */
/*  class_btn
========================================================================= */
.class_btn {
  background: url(../img/class/btn_bg.png) top/cover;
}
.class_btn .class_btn_list {
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 24);
  width: 88%;
  margin: 0 auto;
}
.class_btn .class_btn_list .class_btn_item {
  width: 46%;
}
.class_btn .class_btn_list .class_btn_item .class_btn_link {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  padding: calc(var(--var-1) * 18) 0 calc(var(--var-1) * 14);
  border-radius: calc(var(--var-1) * 15);
  font-size: calc(var(--var-1) * 14);
}
.class_btn .class_btn_list .class_btn_item .class_btn_link::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1) * 8);
  height: calc(var(--var-1) * 12);
  margin-top: calc(var(--var-1) * 10);
  background: url(../img/cmn/arw_r_w.png) no-repeat top/100%;
  transform: rotate(90deg);
}
.class_btn .class_btn_list .class_btn_item .class_btn_link::after {
  border-radius: calc(var(--var-1) * 15);
}

/*
========================================================================= */
/*  class_info
========================================================================= */
.class_info .class_info_list {
  gap: calc(var(--var-1) * 56);
  margin-top: calc(var(--var-1) * 48);
}
.class_info .class_info_list .class_info_item .class_info_lead {
  padding: calc(var(--var-1) * 14) calc(var(--var-1) * 24);
  background: var(--cl-pink);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  font-size: calc(var(--var-1) * 20);
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.class_info .class_info_list .class_info_item .class_info_age {
  flex-direction: column;
  gap: calc(var(--var-1) * 14);
  padding: calc(var(--var-1) * 18) calc(var(--var-1) * 24);
  background: var(--cl-pink-light2);
  color: var(--cl-pink);
  font-size: calc(var(--var-1) * 16);
  line-height: 1.5;
}
.class_info .class_info_list .class_info_item .class_info_age .left {
  width: calc(var(--var-1) * 120);
  flex-shrink: 0;
}
.class_info .class_info_list .class_info_item .class_info_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 24);
  padding: calc(var(--var-1) * 24);
  padding-bottom: calc(var(--var-1) * 32);
  border-radius: 0 0 calc(var(--var-1) * 25) calc(var(--var-1) * 25);
  background: var(--cl-pink-light);
}
.class_info .class_info_list .class_info_item .class_info_content .class_info_figure {
  flex-shrink: 0;
}
.class_info .class_info_list .class_info_item .class_info_content .class_info_figure .class_info_img {
  width: calc(var(--var-1) * 266.67);
  height: calc(var(--var-1) * 200);
  -o-object-fit: cover;
     object-fit: cover;
}

/*
========================================================================= */
/*  class_fee
========================================================================= */
.class_cmn {
  background: var(--cl-pink-light);
}
.class_cmn .class_cmn_list {
  gap: calc(var(--var-1) * 56);
  margin-top: calc(var(--var-1) * 48);
}
.class_cmn .class_cmn_item .class_cmn_txt_ttl {
  padding: calc(var(--var-1) * 16) calc(var(--var-1) * 24);
  background: var(--cl-pink);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  font-size: calc(var(--var-1) * 20);
  line-height: 1.4;
  letter-spacing: 0.15em;
}
.class_cmn .class_cmn_item .class_cmn_txt_b_wrap {
  gap: calc(var(--var-1) * 36);
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  background: var(--cl-white);
  border-radius: 0 0 calc(var(--var-1) * 25) calc(var(--var-1) * 25);
}
.class_cmn .class_cmn_item .class_cmn_txt_b {
  flex-direction: column;
  gap: calc(var(--var-1) * 16);
  padding: 0 calc(var(--var-1) * 8) calc(var(--var-1) * 16);
  color: var(--cl-pink);
  border-bottom: 1px solid var(--cl-pink);
  font-size: calc(var(--var-1) * 16);
  line-height: 1.6;
  letter-spacing: 0.15em;
}
.class_cmn .class_cmn_item .class_cmn_lead {
  flex-shrink: 0;
}
.class_cmn .class_cmn_item .class_cmn_desc {
  text-align: right;
}

/*
========================================================================= */
/*  class_sch
========================================================================= */
.class_sch {
  background: none;
}
.class_sch .class_sch_desc {
  margin-top: calc(var(--var-1) * 24);
  color: var(--cl-brown-light2);
  font-size: calc(var(--var-1) * 12);
}
.class_sch .class_cmn_list {
  margin-top: calc(var(--var-1) * 32);
}
.class_sch .class_cmn_list .class_cmn_txt_b_wrap {
  background: var(--cl-pink-light);
}

/*
========================================================================= */
/*  class_flow
========================================================================= */
.class_flow {
  background: var(--cl-pink-light);
}
.class_flow .class_flow_list {
  gap: calc(var(--var-1) * 120);
  margin-top: calc(var(--var-1) * 80);
  counter-reset: number 0;
}
.class_flow .class_flow_list .class_flow_item {
  width: 80%;
  position: relative;
}
.class_flow .class_flow_list .class_flow_item::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  top: calc(var(--var-1) * -24);
  left: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--var-1) * 50);
  height: calc(var(--var-1) * 50);
  padding-bottom: calc(var(--var-1) * 3);
  padding-left: 1px;
  color: var(--cl-white);
  letter-spacing: 0.05em;
  margin: 0px auto;
  background: var(--cl-pink);
  border-radius: 50%;
  font: 700 calc(var(--var-1) * 24)/1 var(--family-base);
}
.class_flow .class_flow_list .class_flow_item::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -56);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 22);
  background: url(../img/cmn/arw_r_p.png) no-repeat top/100%;
  transform: rotate(90deg);
}
.class_flow .class_flow_list .class_flow_item:last-child::after {
  content: none;
}
.class_flow .class_flow_list .class_flow_item .class_flow_figure {
  width: 88%;
  height: calc(var(--var-1) * 222);
  margin: 0 auto;
}
.class_flow .class_flow_list .class_flow_item .class_flow_figure .class_flow_img {
  border-radius: calc(var(--var-1) * 25);
}
.class_flow .class_flow_list .class_flow_item .class_flow_figure_desc {
  margin-top: calc(var(--var-1) * 16);
  color: var(--cl-pink);
  font: 700 calc(var(--var-1) * 18)/1.4 var(--family-base);
  text-align: center;
  letter-spacing: 0.15em;
  padding-left: 0.15em;
}

/*
========================================================================= */
/*  faq
========================================================================= */
.faq {
  background: var(--cl-pink-light);
}
.faq .faq_list {
  gap: calc(var(--var-1) * 56);
  margin-top: calc(var(--var-1) * 48);
}
.faq .faq_list .faq_item .faq_lead {
  gap: calc(var(--var-1) * 12);
  padding: calc(var(--var-1) * 24);
  background: var(--cl-pink);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 25) calc(var(--var-1) * 25) 0 0;
  font-size: calc(var(--var-1) * 16);
  line-height: 1.4;
  letter-spacing: 0.15em;
}
.faq .faq_list .faq_item .faq_desc {
  gap: calc(var(--var-1) * 12);
  padding: calc(var(--var-1) * 24);
  background: var(--cl-white);
  border-radius: 0 0 calc(var(--var-1) * 25) calc(var(--var-1) * 25);
  letter-spacing: 0.1em;
}
.faq .faq_list .faq_item .faq_desc em {
  border: 1px solid var(--cl-pink);
  color: var(--cl-pink);
}
.faq .faq_list .faq_item em {
  flex-shrink: 0;
  width: calc(var(--var-1) * 42);
  height: calc(var(--var-1) * 42);
  margin-right: calc(var(--var-1) * 4);
  padding-bottom: calc(var(--var-1) * 4);
  padding-left: calc(var(--var-1) * 2);
  border: 1px solid var(--cl-white);
  border-radius: 50%;
  font-size: calc(var(--var-1) * 20);
}