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

.drawer_logo {
  width: 30%;
}

/*
========================================================================= */
/*  header
========================================================================= */
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: var(--cl-white);
}
header .headline {
  padding: calc(var(--var-1) * 12) calc(var(--var-1) * 20);
}
header .headline .drawer_inner .drawer_dropdown {
  position: relative;
}
header .headline .drawer_inner .drawer_dropdown::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * 16);
  display: block;
  width: calc(var(--var-1) * 11);
  height: calc(var(--var-1) * 8);
  background: url(../img/cmn/nav_arw_b.png) no-repeat top/100%;
}
header .headline .drawer_inner .drawer_inner_link {
  position: relative;
}
header .headline .drawer_inner .drawer_inner_link::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 6);
  height: calc(var(--var-1) * 12);
  margin-right: calc(var(--var-1) * 10);
  background: url(../img/cmn/nav_arw_r.png) no-repeat top/100%;
  filter: brightness(0) saturate(100%) invert(17%) sepia(79%) saturate(4853%) hue-rotate(341deg) brightness(78%) contrast(102%);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 56) 0 calc(var(--var-1) * 120);
  background: var(--cl-red);
  color: var(--cl-white);
}
footer .ft_content {
  flex-direction: column;
}
footer .ft_content .ft_logo {
  margin: 0 auto;
  width: calc(var(--var-1) * 130);
  height: calc(var(--var-1) * 54);
}
footer .ft_content .cmn_info {
  gap: calc(var(--var-1) * 18);
  margin-top: calc(var(--var-1) * 40);
}
footer .ft_content .cmn_info .official {
  padding-bottom: calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-white);
  font: 700 calc(var(--var-1) * 12)/1 var(--family-base);
  position: relative;
}
footer .ft_content .cmn_info .official::after {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 10);
  height: calc(var(--var-1) * 10);
  margin-left: calc(var(--var-1) * 10);
  background: url(../img/cmn/arw_rt.png) no-repeat top/100%;
}
footer .ft_content .cmn_info .sns {
  width: calc(var(--var-1) * 30);
  height: calc(var(--var-1) * 30);
}
footer .ft_content .ft_right {
  margin-top: calc(var(--var-1) * 56);
}
footer .ft_content .ft_right .ft_gnav .ft_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 340);
}
footer .ft_content .ft_right .ft_gnav .ft_list .ft_item .dropdown_menu_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--var-1) * 16);
  margin-top: calc(var(--var-1) * 20);
}
footer .ft_content .ft_right .ft_gnav .ft_list .ft_item .dropdown_menu_list .dropdown_menu_item {
  padding-left: calc(var(--var-1) * 4);
  font-size: calc(var(--var-1) * 14);
  position: relative;
  white-space: nowrap;
}
footer .ft_content .ft_right .ft_gnav .ft_list .ft_item .dropdown_menu_list .dropdown_menu_item::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 6);
  height: calc(var(--var-1) * 12);
  margin-right: calc(var(--var-1) * 10);
  background: url(../img/cmn/nav_arw_r.png) no-repeat top/100%;
}
footer .ft_content .ft_right .ft_gnav_sub {
  margin-top: calc(var(--var-1) * 56);
}
footer .ft_content .ft_right .ft_gnav_sub .ft_nav_list {
  justify-content: center;
}
footer .ft_content .ft_right .ft_gnav_sub .ft_nav_list .ft_nav_item {
  padding: 0 calc(var(--var-1) * 12);
  font: 500 calc(var(--var-1) * 10)/1 var(--family-base);
}
footer .ft_content .ft_right .ft_gnav_sub .ft_nav_list .ft_nav_item:first-child {
  padding-left: 0;
  border-right: 1px solid var(--cl-white);
}
footer .ft_content .ft_right .ft_gnav_sub .ft_nav_list .ft_nav_item:last-child {
  padding-right: 0;
  border-left: 1px solid var(--cl-white);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  margin-top: calc(var(--var-1) * 58);
}
.mv .mv_wrap {
  margin: 0 0 0 auto;
  padding: calc(var(--var-1-sub) * 160) calc(var(--var-1-sub) * 16) calc(var(--var-1-sub) * 24);
  background: url(../img/top/mv_img.png) no-repeat top/cover;
  position: relative;
}
.mv .mv_wrap .mv_deco {
  position: absolute;
  top: calc(var(--var-1-sub) * 80);
  left: calc(var(--var-1-sub) * 16);
  width: calc(var(--var-1-sub) * 200);
  height: calc(var(--var-1-sub) * 66);
  background: var(--cl-red);
  padding: calc(var(--var-1) * 10) calc(var(--var-1) * 24) calc(var(--var-1) * 12);
  border-radius: calc(var(--var-1) * 20);
}
.mv .mv_wrap .mv_ttl {
  display: inline-block;
  font: 700 calc(var(--var-1-sub) * 28)/2 var(--family-base);
  letter-spacing: calc(var(--var-1-sub) * -2);
}
.mv .mv_wrap .mv_ttl em {
  font-size: calc(var(--var-1-sub) * 34);
}
.mv .mv_wrap .mv_ttl .cl_brown {
  letter-spacing: 0.08em;
}
.mv .mv_wrap .mv_ttl .mv_bg {
  background: var(--cl-white);
  padding: calc(var(--var-1-sub) * 2) calc(var(--var-1-sub) * 15) calc(var(--var-1-sub) * 4);
}
.mv .mv_wrap .mv_ttl .second_txt {
  letter-spacing: 0.1em;
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  margin-top: calc(var(--var-1) * 58);
}
.sb_mv .sv_wrap {
  padding: calc(var(--var-1) * 40) 0;
  text-align: center;
  border-radius: calc(var(--var-1) * 16);
}
.sb_mv .sv_wrap .sv_ttl {
  display: inline-block;
  font: 700 calc(var(--var-1-sub) * 22)/1 var(--family-base);
}
.sb_mv .sv_wrap .sv_ttl .mv_bg {
  background: var(--cl-white);
  padding: calc(var(--var-1-sub) * 2) calc(var(--var-1-sub) * 16) calc(var(--var-1-sub) * 4);
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.beginner_mv {
  background: url(../img/sv/beginner.png) no-repeat top/cover;
}

.class_mv {
  background: url(../img/sv/class.png) no-repeat top/cover;
}

.voice_mv {
  background: url(../img/sv/voice.png) no-repeat top/cover;
}

.access_mv {
  background: url(../img/sv/access.png) no-repeat top/cover;
}

.news_mv {
  background: url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  background: url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  background: url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  background: url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  background: url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  background: url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  padding-top: calc(var(--var-1) * 48);
}
.top_about .top_about_content .top_about_ttl {
  font: 700 calc(var(--var-1) * 24)/1.3 var(--family-base);
  text-align: center;
  position: relative;
  color: var(--cl-red);
}
.top_about .top_about_content .top_about_ttl::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * 0);
  left: calc(var(--var-1) * 0);
  display: block;
  width: calc(var(--var-1) * 2);
  height: calc(var(--var-1) * 32);
  background: var(--cl-red);
  transform: rotate(-45deg);
}
.top_about .top_about_content .top_about_ttl::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * 0);
  right: calc(var(--var-1) * 0);
  display: block;
  width: calc(var(--var-1) * 2);
  height: calc(var(--var-1) * 32);
  background: var(--cl-red);
  transform: rotate(45deg);
}
.top_about .top_about_content .top_about_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 16) calc(var(--var-1) * 32);
  margin-top: calc(var(--var-1) * 56);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(1) {
  position: absolute;
  top: calc(var(--var-1) * 0);
  left: calc(var(--var-1) * -20);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(1) .top_about_figure {
  width: calc(var(--var-1) * 160);
  height: calc(var(--var-1) * 128);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(2) {
  position: absolute;
  top: calc(var(--var-1) * -20);
  left: calc(var(--var-1) * 114);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(2) .top_about_figure {
  width: calc(var(--var-1) * 104);
  height: calc(var(--var-1) * 80);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(3) {
  position: absolute;
  top: calc(var(--var-1) * 32);
  right: 0;
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(3) .top_about_figure {
  width: calc(var(--var-1) * 101);
  height: calc(var(--var-1) * 110);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(4) {
  position: absolute;
  top: calc(var(--var-1) * 156);
  right: calc(var(--var-1) * 40);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(4) .top_about_figure {
  width: calc(var(--var-1) * 110);
  height: calc(var(--var-1) * 86);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(5) {
  position: absolute;
  top: calc(var(--var-1) * 140);
  left: calc(var(--var-1) * 30);
}
.top_about .top_about_content .top_about_list .top_about_item:nth-child(5) .top_about_figure {
  width: calc(var(--var-1) * 111);
  height: calc(var(--var-1) * 108);
}
.top_about .top_about_content .top_about_desc {
  margin-top: calc(var(--var-1) * 280);
  text-align: center;
}

/*
========================================================================= */
/*  top_rec
========================================================================= */
.top_rec .top_rec_cont {
  padding: calc(var(--var-1-sub) * 8);
  margin: 0 auto;
  background: var(--cl-red);
  border-radius: calc(var(--var-1-sub) * 40);
}
.top_rec .top_rec_cont .top_rec_wrap {
  padding: calc(var(--var-1-sub) * 32) calc(var(--var-1) * 16);
  margin: 0 auto;
  background: var(--cl-brown-light);
  border-radius: calc(var(--var-1-sub) * 30);
}
.top_rec .top_rec_cont .top_rec_wrap .inner {
  width: 100%;
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content {
  margin-top: calc(var(--var-1-sub) * 40);
  flex-direction: column;
  gap: calc(var(--var-1) * 40);
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_figure {
  width: 100%;
  height: calc(var(--var-1-sub) * 220);
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt {
  padding: calc(var(--var-1-sub) * 24) calc(var(--var-1) * 16);
  background: var(--cl-white);
  border-radius: calc(var(--var-1-sub) * 20);
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt .top_rec_list .top_rec_item {
  padding: calc(var(--var-1-sub) * 12) 0;
  background-image: repeating-linear-gradient(90deg, #cccbca, #cccbca 4px, transparent 4px, transparent 5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  font: 700 calc(var(--var-1-sub) * 14)/1.3 var(--family-base);
  position: relative;
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt .top_rec_list .top_rec_item::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--var-1-sub) * 16);
  height: calc(var(--var-1-sub) * 16);
  margin-right: calc(var(--var-1-sub) * 12);
  background: url(../img/cmn/check.png) no-repeat top/100%;
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt .top_rec_list .top_rec_item em {
  font-size: calc(var(--var-1-sub) * 16);
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt .top_rec_list .top_rec_item:first-child {
  padding-top: 0;
}
.top_rec .top_rec_cont .top_rec_wrap .top_rec_content .top_rec_txt .top_rec_list .top_rec_item:last-child {
  padding-bottom: 0;
  background: none;
}

/*
========================================================================= */
/*  top_skill
========================================================================= */
.top_skill .inner .top_skill_list {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 56);
  counter-reset: number 0;
}
.top_skill .inner .top_skill_list .top_skill_item {
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-red);
  border-radius: calc(var(--var-1) * 20);
  color: var(--cl-white);
  position: relative;
}
.top_skill .inner .top_skill_list .top_skill_item::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 120);
  padding: calc(var(--var-1) * 14) 0 0 calc(var(--var-1) * 12);
  background: var(--cl-red-light);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 20) 0 0 0;
  font: 600 calc(var(--var-1) * 32)/1 var(--family-en);
  letter-spacing: 0.06em;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.top_skill .inner .top_skill_list .top_skill_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: calc(var(--var-1) * 180);
  height: calc(var(--var-1) * 175);
  background: url(../img/top/skill_deco.png) no-repeat top/100%;
}
.top_skill .inner .top_skill_list .top_skill_item .top_skill_figure {
  width: 100%;
  height: calc(var(--var-1) * 185);
}
.top_skill .inner .top_skill_list .top_skill_item .top_skill_figure img {
  display: block;
  margin: 0 auto;
}
.top_skill .inner .top_skill_list .top_skill_item .top_skill_txt .top_skill_lead {
  display: block;
  margin-top: calc(var(--var-1) * 20);
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
  text-align: center;
}
.top_skill .inner .top_skill_list .top_skill_item .top_skill_txt .top_skill_desc {
  margin-top: calc(var(--var-1) * 24);
  line-height: 2;
}
.top_skill .inner .top_skill_list .top_skill_item:nth-child(2n) {
  background: var(--cl-brown);
  color: var(--txt-base);
}
.top_skill .inner .top_skill_list .top_skill_item:nth-child(2n)::before {
  background: var(--cl-brown-dark);
}

/*
========================================================================= */
/*  top_bnr
========================================================================= */
.top_bnr {
  position: relative;
}
.top_bnr .inner .top_bnr_list {
  margin-top: calc(var(--var-1) * 50);
  gap: calc(var(--var-1) * 30) 0;
}
.top_bnr .inner .top_bnr_list .top_bnr_item {
  width: 100%;
  padding: calc(var(--var-1) * 10);
  background: var(--cl-red);
  border-radius: calc(var(--var-1) * 20);
  position: relative;
}
.top_bnr .inner .top_bnr_list .top_bnr_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: calc(var(--var-1) * 64);
  height: calc(var(--var-1) * 66);
  background: url(../img/top/bnr_deco1.png) no-repeat top/100%;
  pointer-events: none;
}
.top_bnr .inner .top_bnr_list .top_bnr_item::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * 7);
  right: calc(var(--var-1) * 5);
  display: block;
  width: calc(var(--var-1) * 68);
  height: calc(var(--var-1) * 64);
  background: url(../img/cmn/arw_r_w.png) no-repeat bottom calc(var(--var-1) * 10) right calc(var(--var-1) * 12)/18% var(--cl-red);
  border-radius: 0 0 calc(var(--var-1) * 20) 0;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
  pointer-events: none;
}
.top_bnr .inner .top_bnr_list .top_bnr_item .top_bnr_link {
  display: block;
  text-align: right;
  padding: calc(var(--var-1) * 56) 0;
  background: url(../img/top/bnr_img1.png) top/cover;
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 30);
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
  position: relative;
  text-align: center;
}
.top_bnr .inner .top_bnr_list .top_bnr_item .top_bnr_link span {
  position: relative;
  z-index: 1;
}
.top_bnr .inner .top_bnr_list .top_bnr_item .top_bnr_link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(40, 28, 10, 0.9) 0%, rgba(125, 185, 232, 0) 100%);
  border-radius: calc(var(--var-1) * 30);
  transform: scale(-1, 1);
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(2), .top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(3) {
  background: var(--cl-brown-dark);
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(2)::before, .top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(3)::before {
  background: url(../img/top/bnr_deco2.png) no-repeat top/100%;
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(2)::after, .top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(3)::after {
  background: url(../img/cmn/arw_r_w.png) no-repeat bottom calc(var(--var-1) * 10) right calc(var(--var-1) * 12)/18% var(--cl-brown-dark);
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(2) .top_bnr_link {
  background: url(../img/top/bnr_img2.png) top/cover;
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(3) .top_bnr_link {
  background: url(../img/top/bnr_img3.png) top/cover;
}
.top_bnr .inner .top_bnr_list .top_bnr_item:nth-child(4) .top_bnr_link {
  background: url(../img/top/bnr_img4.png) top/cover;
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news {
  padding-bottom: calc(var(--var-1) * 80);
}
.top_news .top_news_top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_news .top_news_top .top_news_btn {
  top: calc(var(--var-1) * 12);
  right: 0;
  padding: calc(var(--var-1) * 12) 0 calc(var(--var-1) * 12) calc(var(--var-1) * 28);
  letter-spacing: 0.02em;
}
.top_news .top_news_top .top_news_btn::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * 16);
  transform: translateY(calc(var(--var-1) * 1));
}
.top_news .top_news_btm {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--var-1) * 20);
  margin-top: calc(var(--var-1) * 50);
}
.top_news .top_news_btm .top_news_content {
  width: 46%;
  min-height: calc(var(--var-1) * 232);
  padding: calc(var(--var-1) * 8);
  border: 1px dashed var(--cl-brown);
}
.top_news .top_news_btm .top_news_content .top_news_figure .top_news_img {
  width: 100%;
  height: calc(var(--var-1) * 96.88);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_news .top_news_btm .top_news_content time {
  display: block;
  margin-top: calc(var(--var-1) * 12);
  color: var(--cl-brown-dark);
  font: 600 calc(var(--var-1) * 14)/1 var(--family-en);
}
.top_news .top_news_btm .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 10);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}
.top_news .top_news_btm .top_news_content .top_news_tag_list {
  margin-top: calc(var(--var-1) * 14);
}
.top_news .top_news_btm .top_news_content .top_news_tag_list .top_news_tag_item {
  font: 500 calc(var(--var-1) * 10)/1 var(--family-base);
  color: var(--cl-gray);
}
.top_news .top_news_btm .top_news_content .top_news_tag_list .top_news_tag_item + .top_news_tag_item {
  margin-left: calc(var(--var-1) * 8);
  padding-left: calc(var(--var-1) * 8);
  border-left: 1px solid var(--cl-gray);
}

/*
========================================================================= */
/*  beginner_thoughts
========================================================================= */
.beginner_thoughts .inner {
  position: relative;
}
.beginner_thoughts .inner::before, .beginner_thoughts .inner::after {
  content: "";
  position: absolute;
  display: block;
}
.beginner_thoughts .inner::before {
  bottom: calc(var(--var-1) * -54);
  left: calc(var(--var-1) * -20);
  width: calc(var(--var-1) * 52);
  height: calc(var(--var-1) * 41);
  background: url(../img/beginner/thoughts_dots_l.png) no-repeat top/100%;
}
.beginner_thoughts .inner::after {
  top: calc(var(--var-1) * -24);
  right: calc(var(--var-1) * 0);
  width: calc(var(--var-1) * 28);
  height: calc(var(--var-1) * 52);
  background: url(../img/beginner/thoughts_dots_r.png) no-repeat top/100%;
}
.beginner_thoughts .beginner_thoughts_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 48);
}
.beginner_thoughts .beginner_thoughts_content .beginner_thoughts_content_l .beginner_thoughts_ttl .cl_brown {
  font-size: calc(var(--var-1) * 28);
}
.beginner_thoughts .beginner_thoughts_content .beginner_thoughts_content_l .beginner_thoughts_figure {
  padding-top: calc(var(--var-1) * 56);
  width: 88%;
  height: calc(var(--var-1) * 121);
  margin: 0 auto;
}
.beginner_thoughts .beginner_thoughts_content .beginner_thoughts_desc {
  margin-top: calc(var(--var-1) * 48);
}

/*
========================================================================= */
/*  beginner_feat
========================================================================= */
.beginner_feat .beginner_feat_cont {
  padding: calc(var(--var-1-sub) * 8);
  margin: 0 auto;
  background: var(--cl-red);
  border-radius: calc(var(--var-1-sub) * 40);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap {
  padding: calc(var(--var-1-sub) * 32) 0;
  margin: 0 auto;
  background: var(--cl-brown-light);
  border-radius: calc(var(--var-1-sub) * 30);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list {
  gap: calc(var(--var-1) * 72);
  margin-top: calc(var(--var-1) * 40);
  counter-reset: number 0;
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item {
  gap: calc(var(--var-1) * 28);
  flex-direction: column;
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_figure {
  flex-shrink: 0;
  width: 100%;
  height: calc(var(--var-1-sub) * 225);
  position: relative;
  z-index: 0;
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_figure::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 120);
  padding: calc(var(--var-1) * 14) 0 0 calc(var(--var-1) * 16);
  background: var(--cl-red-light);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 20) 0 0 0;
  font: 600 calc(var(--var-1) * 32)/1 var(--family-en);
  letter-spacing: 0.06em;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_figure::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1-sub) * -24);
  left: calc(var(--var-1-sub) * -24);
  z-index: -1;
  display: block;
  width: calc(var(--var-1-sub) * 220);
  height: calc(var(--var-1-sub) * 100);
  background: url(../img/beginner/feat_dots_l.png) no-repeat top/100%;
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_figure .beginner_feat_img {
  border-radius: calc(var(--var-1) * 20);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_txt .beginner_feat_lead {
  font: 700 calc(var(--var-1) * 18)/1.6 var(--family-base);
  padding-bottom: calc(var(--var-1) * 12);
  position: relative;
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_txt .beginner_feat_lead::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 2);
  background: var(--cl-red);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item .beginner_feat_txt .beginner_feat_desc {
  margin-top: calc(var(--var-1) * 20);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item:nth-child(2n) .beginner_feat_figure::before {
  background: var(--cl-brown-dark);
}
.beginner_feat .beginner_feat_cont .beginner_feat_wrap .beginner_feat_list .beginner_feat_item:nth-child(2n) .beginner_feat_figure::after {
  top: auto;
  left: auto;
  bottom: calc(var(--var-1) * -24);
  right: calc(var(--var-1) * -24);
  width: calc(var(--var-1) * 60);
  height: calc(var(--var-1) * 60);
  background: url(../img/beginner/feat_dots_r.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  beginner_intro
========================================================================= */
.beginner_intro {
  padding-bottom: calc(var(--var-1) * 80);
}
.beginner_intro .beginner_intro_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.beginner_intro .beginner_intro_content .beginner_intro_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1) * 312);
  margin: 0 auto;
  position: relative;
}
.beginner_intro .beginner_intro_content .beginner_intro_figure::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -26);
  left: calc(var(--var-1) * -32);
  display: block;
  width: calc(var(--var-1) * 140);
  height: calc(var(--var-1) * 96);
  background: url(../img/beginner/intro_deco.png) no-repeat top/100%;
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_ttl {
  text-align: left;
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_ttl::before {
  right: auto;
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_name {
  margin-top: calc(var(--var-1) * 28);
  font: 700 calc(var(--var-1) * 22)/1 var(--family-base);
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_name em {
  display: block;
  margin-bottom: calc(var(--var-1) * 12);
  color: var(--cl-red);
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_name small {
  font-size: calc(var(--var-1) * 14);
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_profile {
  margin-top: calc(var(--var-1) * 56);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 20);
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_profile .beginner_intro_profile_lead {
  padding: calc(var(--var-1) * 16) 0;
  background: var(--cl-brown);
  text-align: center;
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
}
.beginner_intro .beginner_intro_content .beginner_intro_txt .beginner_intro_profile .beginner_intro_profile_desc {
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-brown-light);
  border-radius: calc(var(--var-1) * 0) 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.beginner_intro .beginner_intro_content_btm {
  margin-top: calc(var(--var-1) * 40);
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 20);
}
.beginner_intro .beginner_intro_content_btm .beginner_intro_content_btm_lead {
  padding: calc(var(--var-1) * 16) 0;
  background: var(--cl-brown);
  text-align: center;
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
}
.beginner_intro .beginner_intro_content_btm .beginner_intro_content_btm_desc {
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-brown-light);
  border-radius: calc(var(--var-1) * 0) 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}

/*
========================================================================= */
/*  class_intro
========================================================================= */
.class_intro .class_intro_desc {
  margin-top: calc(var(--var-1) * 32);
  line-height: 1.8;
  text-align: center;
}
.class_intro .class_intro_notice {
  margin: calc(var(--var-1) * 28) auto 0;
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-red);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 25);
  line-height: 1.8;
  text-align: center;
}

/*
========================================================================= */
/*  class
========================================================================= */
.class {
  scroll-margin-top: calc(var(--var-1) * 56);
  position: relative;
  padding-bottom: calc(var(--var-1) * 80);
}
.class::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 240);
  right: 0;
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1780);
  height: 0;
  background: var(--cl-brown-light);
  border-radius: calc(var(--var-1) * 80) 0 0 calc(var(--var-1) * 80);
}
.class .class_item {
  gap: calc(var(--var-1) * 32);
  flex-direction: column;
}
.class .class_figure {
  width: 88%;
  height: calc(var(--var-1) * 228);
  margin: 0 auto;
}
.class .class_txt .class_lead {
  text-align: left;
}
.class .class_txt .class_lead::before {
  right: auto;
}
.class .class_info {
  margin-top: calc(var(--var-1) * 32);
}
.class .class_info_item {
  flex-direction: column;
}
.class .class_info_lead {
  flex-shrink: 0;
  padding: calc(var(--var-1) * 12) 0;
  background: var(--cl-red);
  color: var(--cl-white);
  font: 700 calc(var(--var-1) * 14)/1.375 var(--family-base);
  letter-spacing: 0.1em;
  text-align: center;
}
.class .class_info_desc {
  width: 100%;
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 16);
  background: var(--cl-white);
  font: 700 calc(var(--var-1) * 14)/1.375 var(--family-base);
  letter-spacing: 0.06em;
}
.class .class_info_desc .flx_shrink {
  flex-shrink: 0;
}
.class .class_info_item:first-child .class_info_lead {
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
}
.class .class_info_item:last-child .class_info_desc {
  border-radius: 0 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.class .class_item_btm {
  margin-top: calc(var(--var-1) * 32);
}
.class .class_item_btm .class_lead {
  display: block;
  padding: calc(var(--var-1) * 16) 0;
  background: var(--cl-brown);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
  font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
  text-align: center;
}
.class .class_item_btm_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 20);
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-white);
  border-radius: 0 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.class .class_item_btm_item {
  display: flex;
  align-items: center;
  font: 700 calc(var(--var-1) * 14)/1.4 var(--family-base);
}
.class .class_item_btm_item::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--var-1-sub) * 16);
  height: calc(var(--var-1-sub) * 16);
  margin-right: calc(var(--var-1-sub) * 12);
  background: url(../img/cmn/check.png) no-repeat top/100%;
}
.class .class_item_btm_item em {
  font-size: calc(var(--var-1) * 18);
}

.class_preschool::before {
  top: calc(var(--var-1) * 170);
  height: calc(var(--var-1) * 1006);
}

.class_basic::before,
.class_mitt::before {
  top: calc(var(--var-1) * 170);
  height: calc(var(--var-1) * 1048);
}
.class_basic .class_figure,
.class_mitt .class_figure {
  height: calc(var(--var-1) * 254);
}

.class_player::before {
  top: calc(var(--var-1) * 170);
  height: calc(var(--var-1) * 1104);
}
.class_player .class_figure {
  height: calc(var(--var-1) * 266);
}

.class_youth {
  padding-bottom: calc(var(--var-1) * 120);
}
.class_youth::before {
  top: calc(var(--var-1) * 170);
  height: calc(var(--var-1) * 1164);
}
.class_youth .class_figure {
  height: calc(var(--var-1) * 287);
}

/*
========================================================================= */
/*  voice
========================================================================= */
.voice {
  padding-bottom: calc(var(--var-1) * 80);
}
.voice .voice_desc {
  margin-top: calc(var(--var-1) * 32);
  text-align: center;
}
.voice .voice_list {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 80);
}
.voice .voice_list .voice_item .voice_item_top {
  padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
  background: var(--cl-red);
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
  position: relative;
}
.voice .voice_list .voice_item .voice_item_top .voice_figure .voice_img {
  display: block;
  margin: 0 auto;
  width: calc(var(--var-1) * 290);
  height: calc(var(--var-1) * 190);
  -o-object-fit: cover;
     object-fit: cover;
}
.voice .voice_list .voice_item .voice_item_top .voice_lead {
  margin-top: calc(var(--var-1) * 16);
  color: var(--cl-white);
  font: 700 calc(var(--var-1) * 16)/1.4 var(--family-base);
}
.voice .voice_list .voice_item .voice_item_btm {
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  background: var(--cl-brown-light);
  border-radius: 0 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list {
  gap: calc(var(--var-1) * 48);
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_lead {
  font: 700 calc(var(--var-1) * 16)/1.4 var(--family-base);
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_lead em {
  padding: calc(var(--var-1) * 5.5) 0 0 calc(var(--var-1) * 8.5);
  background: var(--cl-red);
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_desc {
  margin-top: calc(var(--var-1) * 24);
  line-height: 1.8;
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_desc em {
  transform: translateY(calc(var(--var-1) * -4));
  padding: calc(var(--var-1) * 5.5) 0 0 calc(var(--var-1) * 9.5);
  background: var(--cl-brown);
}
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_lead em,
.voice .voice_list .voice_item .voice_item_btm .voice_btm_list .voice_btm_item .voice_btm_desc em {
  display: block;
  flex-shrink: 0;
  width: calc(var(--var-1) * 32);
  height: calc(var(--var-1) * 32);
  margin-right: calc(var(--var-1) * 14);
  color: var(--cl-white);
  border-radius: 50%;
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
}

/*
========================================================================= */
/*  access
========================================================================= */
.access {
  padding-bottom: calc(var(--var-1) * 80);
}
.access .access_desc {
  margin-top: calc(var(--var-1) * 32);
  text-align: center;
}
.access .access_btn_list {
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 20) calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 40);
}
.access .access_btn_list .access_btn_item .access_btn {
  width: calc(var(--var-1) * 145);
  padding: calc(var(--var-1) * 14) 0;
  border-radius: calc(var(--var-1) * 30);
  position: relative;
  font-size: calc(var(--var-1) * 13);
}
.access .access_btn_list .access_btn_item .access_btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: calc(var(--var-1) * 14);
  height: calc(var(--var-1) * 14);
  right: calc(var(--var-1) * 12);
  transform: rotate(90deg);
}
.access .access_list {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 56);
}
.access .access_list .access_item {
  flex-direction: column;
  scroll-margin-top: calc(var(--var-1) * 100);
}
.access .access_list .access_item .access_txt {
  width: 100%;
}
.access .access_list .access_item .access_txt .access_lead {
  text-align: left;
}
.access .access_list .access_item .access_txt .access_lead::before {
  right: auto;
}
.access .access_list .access_item .access_txt .access_intro_list {
  margin-top: calc(var(--var-1) * 32);
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item {
  font-size: calc(var(--var-1) * 16);
  font-weight: 700;
  flex-direction: column;
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item em {
  flex-shrink: 0;
  padding: calc(var(--var-1) * 12) 0;
  background: var(--cl-red);
  color: var(--cl-white);
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item span {
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 16);
  line-height: 1.75;
  background: var(--cl-brown-light);
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item span img {
  display: block;
  width: calc(var(--var-1) * 200);
  margin-top: calc(var(--var-1) * 8);
  filter: brightness(0) saturate(100%) invert(62%) sepia(0%) saturate(37%) hue-rotate(140deg) brightness(89%) contrast(95%);
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item:first-child em {
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
}
.access .access_list .access_item .access_txt .access_intro_list .access_intro_item:last-child span {
  border-radius: 0 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.access .access_list .access_item .access_iframe {
  margin-top: calc(var(--var-1) * 48);
}
.access .access_list .access_item .access_iframe iframe {
  width: 100%;
  height: calc(var(--var-1) * 289.09);
  border-radius: calc(var(--var-1) * 20);
}

/*
========================================================================= */
/*  company
========================================================================= */
.company {
  padding-bottom: calc(var(--var-1) * 80);
}
.company .info_table {
  margin-top: calc(var(--var-1) * 50);
}
.company .info_table .company_table {
  width: 100%;
}
.company .info_table .company_table .table_txt {
  flex-direction: column;
}
.company .info_table .company_table .table_txt .table_label {
  flex-shrink: 0;
  padding: calc(var(--var-1) * 14) 0;
  background: var(--cl-red);
  font: 700 calc(var(--var-1) * 14)/1.75 var(--family-base);
  color: var(--cl-white);
  border-bottom: 1px solid var(--cl-white);
}
.company .info_table .company_table .table_txt .table_desc {
  width: 100%;
  background: var(--cl-white);
  padding: calc(var(--var-1) * 16);
  font: 700 calc(var(--var-1) * 16)/1.75 var(--family-base);
  background: var(--cl-brown-light);
}
.company .info_table .company_table .table_txt .table_desc .tel_wrap {
  display: flex;
}
.company .info_table .company_table .table_txt .table_desc .tel_svg img {
  display: block;
  width: calc(var(--var-1) * 200);
  margin-top: calc(var(--var-1) * 8);
  filter: brightness(0) saturate(100%) invert(62%) sepia(0%) saturate(37%) hue-rotate(140deg) brightness(89%) contrast(95%);
}
.company .info_table .company_table .table_txt:first-child .table_label {
  border-radius: calc(var(--var-1) * 20) calc(var(--var-1) * 20) 0 0;
}
.company .info_table .company_table .table_txt:last-child .table_desc {
  border-radius: 0 0 calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.company .company_list {
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--var-1) * 12);
  margin-top: calc(var(--var-1) * 48);
}
.company .company_list .company_item {
  width: 48%;
  height: calc(var(--var-1) * 112);
}

/*
========================================================================= */
/*  form
========================================================================= */
.form .contact_desc {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2;
  text-align: center;
}
.form .contact_lead {
  margin-top: calc(var(--var-1) * 32);
  padding: calc(var(--var-1) * 14) 0;
  background: var(--cl-red);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 40);
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
  position: relative;
}
.form .contact_lead::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -8);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 10);
  background: var(--cl-red);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.form .contact_lead2 {
  margin-top: calc(var(--var-1) * 40);
  background: var(--cl-brown);
}
.form .contact_lead2::before {
  background: var(--cl-brown);
}
.form .contact_tel {
  margin-top: calc(var(--var-1) * 24);
}
.form .contact_tel .tel_number {
  display: inline-block;
  font: 600 calc(var(--var-1) * 24)/1 var(--family-base);
  position: relative;
}
.form .contact_tel .tel_number::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 12);
  height: calc(var(--var-1) * 20);
  margin-right: calc(var(--var-1) * 8);
  background: url(../img/cmn/tel_icon_b.png) no-repeat top/100%;
  filter: brightness(0) saturate(100%) invert(7%) sepia(77%) saturate(8%) hue-rotate(79deg) brightness(97%) contrast(95%);
  transform: translateY(calc(var(--var-1) * 2));
}
.form .contact_tel img {
  display: block;
  margin: calc(var(--var-1) * 8) auto 0;
  filter: brightness(0) saturate(100%) invert(61%) sepia(11%) saturate(10%) hue-rotate(348deg) brightness(90%) contrast(82%);
  transform: translateX(calc(var(--var-1) * -8));
}
.form .contact_tel .tel_desc {
  font-size: calc(var(--var-1) * 10);
}
.form .contact_desc {
  font-size: calc(var(--var-1) * 13);
}

.toggle_content {
  width: 100%;
}