@charset "UTF-8";
/* COMMON */
#sc_main {
  overflow: hidden;
}

.for-sp {
  display: none;
}

@media only screen and (max-width: 500px) {
  .for-sp {
    display: block;
  }
  .for-pc {
    display: none;
  }
}
body {
  background-color: #eeeeef;
}

.sc__innerContainer {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

a.sc__linkButton {
  position: relative;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #222;
  border: 1px solid #000;
  line-height: 2.85;
  text-align: center;
  width: 100%;
}
a.sc__linkButton::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  right: 10px;
  top: 50%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate(-50%, -50%) rotate(45deg);
}

a.sc__linkButton--arrowBottom::after {
  transform: translate(-50%, -75%) rotate(135deg);
}

.sc__buttonContainer {
  text-align: center;
}

.sc__buttonContainer > p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #222;
  margin-bottom: 15px;
}

a.sc__button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  background-color: #8db;
  min-height: 40px;
  padding: 10px 45px;
  border-radius: 30px;
  box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.05);
}
a.sc__button:hover {
  box-shadow: none;
  transform: translateY(1px);
}
a.sc__button::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  right: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

/* --/.COMMON */
/* sc__kv */
#sc_main .sc__kv {
  position: relative;
}

#sc_main .sc__kvBackground {
  width: 100%;
  overflow: hidden;
}
#sc_main .sc__kvBackground img {
  width: 100vw;
  height: 440px;
  object-fit: cover;
  object-position: top;
  filter: blur(30px);
}

#sc_main .sc__kvBody {
  position: absolute;
  max-width: 1400px;
  min-width: 1000px;
  width: 100%;
  height: 380px;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  z-index: 1;
}
#sc_main .sc__kvBody::after {
  content: "";
  position: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

#sc_main .sc__kvBodyImage {
  position: inherit;
  background-color: aquamarine;
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

#sc_main .sc__kvBodyImageItem {
  width: 50%;
}
#sc_main .sc__kvBodyImageItem img {
  min-height: 380px;
  object-fit: cover;
  object-position: top;
}

#sc_main .sc__kvBodyInfo {
  position: absolute;
  left: 50%;
  top: 150px;
  max-width: 1000px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
}

#sc_main .sc__kvBodyInfoTitle {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin-top: 72px;
}
#sc_main .sc__kvBodyInfoTitle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  background: url("/access/course/include/images/__kv/logo_x.svg") no-repeat;
  background-size: cover;
}

#sc_main .sc__kvBodyInfoTitleItem {
  background-color: #fff;
  width: 47%;
  font-size: 30px;
  line-height: 60px;
  font-weight: 600;
  color: #222;
}

div .sc__kvBodyInfoTitleItem a {
  text-decoration: none;
  color: #222;
}

/* --/.sc__kv */
/* sc__kvFreeGift */
.sc__kvFreeGift {
  width: 100%;
  min-height: 500px;
}

#sc_main .sc__kvFreeGift .sc__kvBody {
  height: 430px;
}

#sc_main .sc__kvFreeGift .sc__kvBackground img {
  height: 450px;
}

#sc_main .sc__kvFreeGift .sc__kvBodyImageItem img {
  min-height: 430px;
}

#sc_main .sc__kvFreeGift .sc__kvBodyInfo {
  top: 40px;
}

#sc_main .sc__kvFreeGift .sc__kvBodyInfoTitle {
  margin-top: 40px;
  letter-spacing: 0.2rem;
}

.sc__kvLinkToKids {
  position: absolute;
  left: 0;
  bottom: 33px;
  z-index: 1;
  width: 400px;
  height: 250px;
}
.sc__kvLinkToKids .sc__kvLinkToKidsBtn {
  border-radius: 15px;
  border: #fff solid 2px;
  background-color: #df2e16;
  color: #fff;
  text-decoration: none;
  padding: 0.7em;
  font-size: 20px;
  position: absolute;
  left: 160px;
  bottom: 120px;
  font-weight: 600;
}
.sc__kvLinkToKids img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 220px;
}

.sc__kvFreeGift > figure {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 20px 0 0;
  /* blur layer uses height:100%; reserve min height before images decode */
  min-height: 280px;
}

.sc__kvFreeGiftBlur {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  will-change: filter;
}

.sc__kvFreeGift > figure > figcaption {
  width: 100%;
  min-width: 1000px;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  display: flex;
}

.sc__kvFreeGiftBackground {
  /* *_kv_pc.svg はいずれも 1460×757。img では描画されない環境があるため background-image で表示 */
  width: 100%;
  height: auto;
  aspect-ratio: 1460/757;
  display: block;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

#sc_main .sc__kvFreeGift .sc__kvBodyImage::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 23.67%;
  background-color: #4A4A4A;
  clip-path: polygon(0 75%, 100% 0, 100% 100%, 0% 100%);
}

.sc__kvFreeGift.course_only > figure > figcaption::after {
  content: none;
}

.sc__kvFreeGiftFeatures {
  position: absolute;
  left: calc(50% + 20px);
  bottom: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  list-style-type: none;
  z-index: 2;
}

.sc__kvFreeGift.course_only .sc__kvFreeGiftFeatures {
  bottom: 75px;
}

.sc__kvFreeGiftFeatureItem {
  position: relative;
  background-color: #fff;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.sc__kvFreeGiftTitles {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(calc(-50% + 20px), 42px);
  max-width: 1000px;
  width: 100%;
  text-align: right;
  font-weight: 900;
  white-space: nowrap;
}

.sc__kvFreeGiftTitles > h1 {
  font-size: 76px;
  line-height: 1.1;
  color: #e46bda;
  text-shadow: rgb(255, 255, 255) -4px -4px, rgb(255, 255, 255) -4px 0, rgb(255, 255, 255) -4px 4px, rgb(255, 255, 255) 0 -4px, rgb(255, 255, 255) 0 4px, rgb(255, 255, 255) 4px -4px, rgb(255, 255, 255) 4px 0, rgb(255, 255, 255) 4px 4px;
}
.sc__kvFreeGiftTitles > h1 > span {
  letter-spacing: -5px;
}
.sc__kvFreeGiftTitles > h1 > b {
  font-size: 100px;
}

.sc__kvFreeGiftTitles > h2 {
  font-size: 76px;
  line-height: 1.1;
  color: #fff;
  text-shadow: rgb(228, 107, 218) -4px -4px, rgb(228, 107, 218) -4px 0, rgb(228, 107, 218) -4px 4px, rgb(228, 107, 218) 0 -4px, rgb(228, 107, 218) 0 0, rgb(228, 107, 218) 0 4px, rgb(228, 107, 218) 4px -4px, rgb(228, 107, 218) 4px 0, rgb(228, 107, 218) 4px 4px;
}

.sc__kvFreeGiftTitles > h2 > b {
  font-size: 120px;
}

.sc__kvFreeGiftTitles > h2.text-w3 {
  font-size: 60px;
}

.sc__kvFreeGiftTitles > h2.text-w3 > b {
  font-size: 104px;
}

.sc__kvFreeGiftTitles > h2.text-w4 {
  font-size: 52px;
}

.sc__kvFreeGiftTitles > h2.text-w4 > b {
  font-size: 88px;
}

.sc__kvFreeGiftFeatureItemIcon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -60%);
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  z-index: 2;
}

.sc__kvFreeGiftFeatureItem:not(:first-of-type) {
  margin-left: 20px;
}

.sc__kvFreeGiftFeatureItem:nth-child(even) {
  transform: translate(0, -10px);
}

.sc__kvFreeGiftFeatureItemMembers.lazyloaded {
  background: url("/access/course/include/images/__kv_free_gift/bg_kv_fg_feature_access.webp") no-repeat;
  background-size: cover;
}

.sc__kvFreeGiftFeatureItemMembers {
  width: 100%;
  height: 100%;
  position: relative;
}

.sc__kvFreeGiftFeatureItemMembers > p {
  position: absolute;
  left: 3%;
  top: 38%;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #e22604;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -4px;
  z-index: 1;
}

.sc__kvFreeGiftFeatureItemMembers > p > span:nth-child(1) {
  font-size: 66px;
}

.sc__kvFreeGiftFeatureItemMembers > p > b:nth-child(2) {
  font-size: 43px;
}

.sc__kvFreeGiftFeatureItemAccess > ul > li {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
}

.sc__kvFreeGiftFeatureItemAccess > ul > li > small {
  font-size: 14px;
  padding-left: 2px;
}

.sc__kvFreeGiftFeatureItemAccess {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: calc(100% - 8px);
  padding-bottom: 9px;
}

.sc__kvFreeGiftTotalStudiosDetail {
  width: 100%;
  height: calc(100% - 8px);
  padding-top: 30px;
}

.sc__kvFreeGiftFeatureItemAccess > p > span,
.sc__kvFreeGiftTotalStudiosDetail > p > span {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}

.sc__kvFreeGiftFeatureItemAccess > p > b,
.sc__kvFreeGiftTotalStudiosDetail > p > b {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 38px;
  font-style: italic;
  line-height: 0.7;
  color: #e22604;
  transform: translateY(5px);
  padding: 0 8px 0 4px;
}

.sc_kvFreeGiftStudioSearchBtn {
  position: absolute;
  bottom: -38px;
  left: -13px;
  width: 155px;
  max-width: unset;
}

.sc__kvFreeGiftFeatureItemFirstTime {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sc__kvFreeGiftFeatureItemFirstTime {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.21;
  color: #e22604;
  padding-top: 20px;
}

.sc__kvFreeGiftReason {
  position: absolute;
  right: calc(50% + 9px);
  bottom: 0;
  width: 491px;
  transform: translateY(20px);
  z-index: 2;
}

.sc__kvFreeGiftReasonBg {
  width: 100%;
}

.sc__kvFreeGiftReasonText {
  position: inherit;
  left: 64.5%;
  top: 47%;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.27;
  color: #009dff;
  transform: translate(-50%, -50%);
}

.sc__kvFreeGiftReasonArrow {
  display: flex;
  position: inherit;
  right: 1.5%;
  top: 28%;
  width: 50px;
}

.sc__kvFreeGiftReasonArrow > img {
  width: 100%;
}

/* --/.sc__kvFreeGift */
/* sc__campaign */
.sc__campaign {
  margin-top: 20px;
}

/* --/.sc__campaign */
/* sc__about */
.sc__about {
  margin-top: 80px;
}

.sc__title {
  text-align: center;
  color: #222;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.sc__title > h2 {
  font-family: termina, sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 10px;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: bold;
}

.sc__title > h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
}

.sc__title > .sc__titleDesc {
  margin-top: 20px;
}

.sc__title > .sc__titleDesc > span {
  position: relative;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
  padding: 10px 45px;
  box-sizing: border-box;
  display: inline-block;
}

.sc__title > .sc__titleDesc > span::before,
.sc__title > .sc__titleDesc > span::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 20px;
  box-sizing: border-box;
}

.sc__title > .sc__titleDesc > span::before {
  top: 0;
  left: 0;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
}

.sc__title > .sc__titleDesc > span::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

.sc__aboutContent {
  padding-top: 30px;
}

.sc__aboutList {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 60px;
}

.no-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 100px;
}

.sc__aboutList.sc__aboutList--center {
  justify-content: center;
}

.sc__aboutList.sc__aboutList--center .sc__aboutListItem {
  margin-left: 10px;
  margin-right: 10px;
}

.sc__aboutList.sc__aboutList--center .sc__aboutListItem--wide {
  width: 30%;
}

.sc__aboutListItem {
  position: relative;
  width: 23.5%;
  margin-top: 50px;
  box-sizing: border-box;
  z-index: 1;
}

.s__aboutListItem {
  margin-left: 20px;
}

.sc__aboutListItem > figure {
  background-color: #fff;
}

.sc__aboutListItem::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 10px;
  top: 10px;
  background-color: #000;
  z-index: -1;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.15);
}

.sc__aboutListItem:hover::after {
  left: 5px;
  top: 5px;
}

.sc__aboutListItem--color1::after {
  background-color: #eaa;
}

.sc__aboutListItem--color2::after {
  background-color: #8db;
}

.sc__aboutListItem--color3::after {
  background-color: #8cd;
}

.sc__aboutListItem--color4::after {
  background-color: #88d;
}

.sc__aboutListItem--color5::after {
  background-color: #8c2;
}

.sc__aboutListItem--color6::after {
  background-color: #fc3;
}

.sc__aboutListItem--color7::after {
  background-color: #ea7;
}

.sc__aboutListItemNumber {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transform: translate(20px, -50%);
}

.sc__aboutListItem--wide .sc__aboutListItemNumber {
  transform: translate(-10px, -50%);
}

.sc__aboutListItem--wide {
  width: 32%;
}

.sc__aboutListItem:nth-child(2),
.sc__aboutListItem:nth-child(5) {
  transform: translateY(20px);
}

.sc__aboutListItem:nth-child(3),
.sc__aboutListItem:nth-child(6) {
  transform: translateY(40px);
}

.sc__aboutListItem:nth-child(7) {
  transform: translateY(60px);
}

.sc__aboutListItem figure > img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: top;
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 24px), 0 100%);
}

.sc__aboutListItem--wide figure > img {
  width: 100%;
  height: 232px;
  object-fit: cover;
  object-position: top;
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 32px), 0 100%);
}

.sc__aboutListItem figure > figcaption {
  text-align: center;
  padding: 10px 0 20px;
}

.sc__aboutListItem figure > figcaption > h4 {
  position: relative;
  font-family: termina, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sc__aboutListItem figure > figcaption > h4::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #888;
}

.sc__aboutListItem.sc__aboutListItem--narrow figure > figcaption > h4 {
  display: none;
}

.sc__aboutListItem figure > figcaption > h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.39;
  color: #222;
}

.sc__aboutListItem figure > figcaption .sc__linkButton {
  margin: 20px auto 0;
  width: 87.5%;
}

.sc__about .sc__buttonContainer {
  margin-top: 20px;
}

/* --/.sc__about */
/* sc__studio */
.sc__studio {
  margin-top: 100px;
}

.sc__studioMap {
  margin-top: 40px;
}

.sc__studioBlog {
  max-width: 1000px;
  width: 100%;
  margin: -40px auto 0;
  overflow: hidden;
  position: relative;
}

.sc__studioBlog .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.sc__studioBlogItem.swiper-slide {
  /* width: 23.5%; */
  background-color: #fff;
  width: 235px;
  max-width: 235px;
  height: 370px;
}

.sc__studioBlogItem.swiper-slide > figure > img {
  height: 185px;
  object-fit: cover;
  object-position: top;
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 24px), 0 100%);
}

.sc__studioBlogItem.swiper-slide > figure > figcaption {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
}

.sc__studioBlogItem.swiper-slide .sc__studioBlogItemDate {
  font-size: 10px;
  font-weight: 300;
  color: #666;
  line-height: 1.8;
}

.sc__studioBlogItem.swiper-slide .sc__studioBlogItemTitle {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  line-height: 1.38;
  margin-top: 10px;
  height: 40px;
}

.sc__studioBlogItem.swiper-slide .sc__studioBlogItemDesc {
  font-size: 11px;
  font-weight: 300;
  color: #222;
  line-height: 1.64;
  margin-top: 10px;
  height: 40px;
}

.sc__studioBlogItem figure > figcaption .sc__linkButton {
  width: 99%;
  margin: 10px auto;
}

.sc__studioBlog--comingSoon::before {
  content: "Coming Soon";
  width: 100%;
  height: 100%;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sc__studio .sc__buttonContainer {
  margin-top: 40px;
}

/* studio_detail */
#sc_main .studio_sub_title {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin: 9px auto 0;
}

#sc_main .studio_detail {
  margin: 77px auto 0;
  width: 1000px;
}

#sc_main .studio_title_box {
  padding: 0 7px;
}

#sc_main .studio_detail .studio_detail_container {
  padding-top: 16px;
}

#sc_main .studio_detail .studio_detail_container .studio_detail_wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

#sc_main .studio_detail .studio_detail_container .studio_detail_wrap .detail_images {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  background-color: #fff;
}

#sc_main .studio_detail .studio_detail_container .studio_detail_wrap .detail_images .cursor {
  opacity: 0.6;
}

#sc_main .studio_detail .studio_detail_container .studio_detail_wrap .detail_images img {
  width: 115px;
  height: 64px;
  margin: 5px 5px 0;
  object-fit: cover;
}

#sc_main .mlc_present_slider .mlc_present_slides img {
  width: 100%;
  height: 563px;
  object-fit: cover;
}

#sc_main .studio_detail_wrap > .mlc_present_slider {
  height: 563px;
}

#sc_main .about_section {
  background: #fff;
  width: 1000px;
  margin: 0 auto;
  padding: 16px 0 29px;
}

#sc_main .about_section-slide_title {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.35;
  text-align: center;
}

#sc_main .about_section-slide_line {
  width: 30px;
  border: 1px solid #888;
  text-align: center;
  background: #888;
  margin: 17px auto;
}

#sc_main .about_sectionStatus {
  display: none;
}

#sc_main .about_sectionStatus--active {
  display: block;
}

#sc_main .about_section-slide_text {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.2em;
  text-align: center;
}
#sc_main .about_section-slide_text .coming_soon_highlight {
  font-weight: 700;
  color: #ff0000;
}

#sc_main .about_section-slide_text_2 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 30px auto 0;
  max-width: 580px;
}

#sc_main .about_section_women_1_image_container > img {
  position: relative;
  width: 184px;
  height: 257px;
  right: 60px;
  top: 25px;
}

#sc_main .about_section_women_2_image_container > img {
  position: relative;
  width: 200px;
  height: 251px;
  left: 70px;
  top: 25px;
}

#sc_main .about_section_women_1_image_container {
  margin: -209px 0 0 81px;
}

#sc_main .about_section_women_2_image_container {
  margin: -252px 0 0 700px;
}

#sc_main .studio_detail .slick-arrow {
  display: none !important;
}

/* --/.studio_detail */
/* access.jump-c */
section#feature_03.access {
  margin-top: 75px;
}

.access .sc__buttonContainer {
  margin-top: 30px;
}

.access_bg_container {
  max-width: 1000px;
  width: 100%;
  margin: 30px auto 0;
  background: #fff;
  padding: 16px 0;
}

.full_latest_title {
  text-align: center;
  font-size: 20px;
  font-family: "Hiragino Sans", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  line-height: 1.35;
}

.full_latest_line {
  width: 30px;
  border: 1px solid #707070;
  text-align: center;
  background: #888;
  margin: 17px auto;
}

.pc_screen_access_section {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 960px;
}

.pc_screen_access_section.is-center {
  justify-content: center;
}

.pc_screen_access_section.is-center > .daikanyama_studio_access_big_container {
  width: auto !important;
}

.pc_screen_access_section.no-leader-image .daikanyama_studio_access_big_container {
  width: 35%;
}

.pc_screen_access_section.no-leader-image .daikanyama_studio_access_big_container .daikanyama_studio_access_schedule_container {
  width: 100%;
}

.pc_screen_access_section.no-leader-image .access_location {
  width: auto;
  flex: 1;
}

.pc_screen_access_section.no-leader-image .daikanyama_studio_access_schedule_square_box,
.pc_screen_access_section.no-leader-image .daikanyama_studio_access_schedule_info {
  font-size: 12px;
}

.pc_screen_access_section_manager {
  width: 28.6%;
  position: absolute;
  left: 0;
  top: 0;
}

.daikanyama_studio_access_big_container.lazyloaded {
  background-image: url("/access/images/daikanyama_lp/man_buble_wide.webp");
}

.daikanyama_studio_access_container {
  min-width: calc(63% - 40px);
  max-width: 250px;
  padding: 20px;
  margin: 0 0 30px auto;
  min-height: 177px;
  border-radius: 10px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

.daikanyama_studio_access_container::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 37%;
  top: 50px;
  border-left: 1px solid #eeeeef;
  border-bottom: 1px solid #eeeeef;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.daikanyama_studio_access_schedule_container {
  width: 63%;
  margin-left: auto;
}

.access_location {
  width: 46%;
  margin: 0 auto;
}

.daikanyama_studio_access {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 15px;
  position: relative;
  max-height: 215px;
  overflow-y: auto;
}

.daikanyama_studio_access_space {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1px;
}

.daikanyama_studio_access_space_2 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 20px;
}

.daikanyama_studio_access_name {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.2;
  text-align: end;
}

.daikanyama_studio_access_big_container {
  position: relative;
  height: 460px;
  width: 50%;
}

.daikanyama_studio_access_schedule_contact {
  display: flex;
  margin-bottom: 12px;
}

.daikanyama_studio_access_schedule_square_box {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  margin-right: 11px;
  width: 48px;
}

.daikanyama_studio_access_schedule_info {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.6;
  margin: -2px 0 0 12px;
  position: relative;
}

.daikanyama_studio_access_schedule_info::before {
  content: ":";
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  position: absolute;
  left: -12px;
  top: 1px;
}

.access_location_googlemap {
  margin-top: 0;
  font-size: 14px;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.access_location_googlemap > img {
  width: 16px;
  position: absolute;
  margin: -29px 415px;
}

.studio_location > iframe {
  width: 100%;
  height: 410px;
  border: 0;
}

.googlemap_link {
  position: relative;
  display: block;
  width: 100%;
  font-size: 13px;
  background-color: #000;
  border: 1px solid #000;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  height: 40px;
  padding: 12px 0;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}

.station {
  display: flex;
  width: 95%;
  margin: 0 auto;
  justify-content: space-between;
}

.station_container {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 275px;
}

.station_container_img {
  width: 100%;
  position: relative;
  display: flex;
}

.station_container_img > img {
  width: 210px;
  height: 210px;
  object-fit: cover;
}

.station_bg_container {
  margin: 37px 0 50px;
}

.station_title {
  font-size: 13px;
  width: 50%;
  text-align: center;
  margin: 0 0 19px;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}

.station_container_desc {
  margin: 9px 0;
  max-width: 210px;
  width: 100%;
}

.station_desc {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.4;
}

.square {
  height: 40px;
  width: 40px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}

.square_number {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  font-size: 20px;
}

.station_container_img > iframe {
  width: 210px;
  height: 210px;
}

.station_google_map {
  display: flex;
  flex-wrap: wrap;
  width: 47%;
  margin: 0 auto;
}

.station_google_map--none {
  visibility: hidden;
}

.station_adrress {
  display: flex;
  flex-wrap: wrap;
  width: 47%;
  margin: 0 auto;
  justify-content: space-between;
}

.access_two_title {
  display: flex;
}

.access_station {
  display: flex;
  width: 960px;
  margin: 0 auto;
  align-items: flex-start;
}

.access_manager_name {
  font-family: "Hiragino Kaku Gothic Pro";
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  margin-left: 7px;
}

/* --/.access.jump-c */
/* --/.sc__studio */
/* PRESENT */
#sc_main .contents-box .contents-inner {
  width: 1000px;
  margin: 0 auto;
}

#sc_main .contents-box.present02 .box {
  background-color: #fff;
  padding-top: 20px;
}

#sc_main .contents-box.present02 .box .text-box {
  position: relative;
  width: calc(100% + 20px);
  margin-left: -10px;
  background-color: #fff;
  box-shadow: 0 0 30px #ccc;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}

#sc_main .contents-box.present02 .box .text-box span {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 15px 0;
}

#sc_main .contents-box.present02 .box .img02 {
  padding: 20px 0 40px;
  text-align: center;
}

#sc_main .contents-box.present02 .box .img03 {
  padding-top: 30px;
  text-align: center;
}

#sc_main .contents-box.present02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}

#sc_main .campaign-btn {
  text-align: center;
}

#sc_main .contents-box.present02 .campaign-btn {
  margin-top: 80px;
}

#sc_main.compact .contents-box.present02 .campaign-btn {
  margin-top: 40px;
}

#sc_main .contents-box.present02 {
  position: relative;
  padding: 80px 0;
  background-color: #ddd;
}

#sc_main .contents-box.present01 {
  padding: 60px 0 85px;
}

/* --/.PRESENT */
/* COURSE */
#sc_main .contents-box.course02 {
  position: relative;
  padding: 80px 0 60px;
  background-color: #ddd;
}

#sc_main.compact .contents-box.course02 {
  padding-bottom: 30px;
}

#sc_main .contents-box.course02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  top: -75px;
}

#sc_main .contents-box.course02 .campaign-btn {
  margin-top: 80px;
}

#sc_main.compact .contents-box.course02 .campaign-btn {
  margin-top: 20px;
}

#sc_main .contents-box.course02 .junre-list .junre-tab ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  background-color: #f9f9f9;
}

#sc_main .contents-box.course02 .junre-list .junre-tab ul li {
  position: relative;
  flex: auto;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 15px;
}

#sc_main .contents-box.course02 .junre-list .junre-tab ul li:hover {
  cursor: pointer;
}

#sc_main .contents-box.course02 .junre-list .junre-tab ul li.current {
  background-color: #fff;
}

#sc_main .contents-box.course02 .junre-list .junre-tab ul li.current::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #e6a8a9;
}

#sc_main .contents-box.course02 .junre-list .junre-content > div {
  display: none;
}

#sc_main .contents-box.course02 .junre-list .junre-content > div.current {
  display: block;
}

#sc_main .contents-box.course02 .img {
  margin-top: 40px;
}

#sc_main.compact .contents-box.course02 .img {
  margin-top: 0;
}

#sc_main.compact .contents-box.course01 {
  padding-bottom: 140px;
}

#sc_main.compact .contents-box.course01.courseImagetabPart1 {
  padding-bottom: 60px;
}

#sc_main .contents-box.course01 {
  padding: 85px 0 100px;
}

#sc_main .contents-box.course01 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 50px;
}

#sc_main .contents-box.course01 .list > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#sc_main .contents-box.course01 .list > div:nth-of-type(1),
#sc_main .contents-box.course01 .list > div:nth-of-type(3) {
  flex-shrink: 0;
  width: 240px;
}

#sc_main .contents-box.course01 .list > div:nth-of-type(2) {
  margin: 0 13px;
}

#sc_main .contents-box.course01 .list > div:nth-of-type(2) a:not(:nth-of-type(-n+2)) {
  margin-top: 10px;
}

/* --/.COURSE */
/* PRICE */
#sc_main .contents-box.price01 {
  padding: 80px 0 120px;
}

#sc_main.compact .contents-box.price01 {
  padding: 80px 0 150px;
}

#sc_main .contents-box.price01 .img {
  margin-top: 30px;
  text-align: center;
}

#sc_main.compact .contents-box.price01 .img {
  margin-top: 0;
}

#sc_main .contents-box.price02 {
  position: relative;
  padding: 80px 0;
  background-color: #ddd;
}

#sc_main.compact .contents-box.price02 {
  padding: 50px 0 20px;
}

#sc_main .contents-box.price02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}

#sc_main .contents-box.price02 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

#sc_main .contents-box.price02 .list > div {
  width: 480px;
}

#sc_main .contents-box.price02 .list > div:nth-of-type(1) .box::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #ea7;
}

#sc_main .contents-box.price02 .list > div:nth-of-type(2) .box::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #8cd;
}

#sc_main .contents-box.price02 .list > div .box {
  position: relative;
  z-index: 1;
  margin: -60px 20px 0;
  padding: 35px 20px 20px;
  background-color: #fff;
}

#sc_main.compact .contents-box.price02 .list > div .box {
  box-shadow: 0 0 30px #ccc;
}

#sc_main .contents-box.price02 .list > div .box .title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

#sc_main .contents-box.price02 .list > div .box .title span {
  font-size: 28px;
  font-weight: bold;
}

#sc_main .contents-box.price02 .list > div .box .title span.orange {
  color: #ea7;
}

#sc_main .contents-box.price02 .list > div .box .title span.blue {
  color: #8cd;
}

#sc_main .contents-box.price02 .list > div .box .price {
  margin-top: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#sc_main.compact .contents-box.price02 .list > div .box .price {
  margin-top: 0;
}

#sc_main .contents-box.price02 .list > div .box .price span {
  font-size: 38px;
}

#sc_main .contents-box.price02 .list > div .box .price span.orange {
  color: #ea7;
}

#sc_main .contents-box.price02 .list > div .box .price span.blue {
  color: #8cd;
}

#sc_main .contents-box.price02 .list > div .box p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

#sc_main.compact .contents-box.price02 .list > div .box p {
  margin-top: 0;
}

#sc_main .contents-box.price02 .list > div .box .btn {
  margin-top: 40px;
}

#sc_main .contents-box.price02 .list > div .box .btn a {
  width: 100%;
  padding: 20px 0;
  font-size: 20px;
}

#sc_main .contents-box.price02 .caution {
  margin-top: 50px;
  text-align: center;
  font-size: 12px;
}

#sc_main.compact .contents-box.price02 .caution {
  margin-top: 30px;
}

#sc_main .contents-box.price02 .caution span {
  display: inline-block;
  text-align: left;
  line-height: 1.6;
}

#sc_main.compact .contents-box.price02 .caution span {
  color: #828282;
}

#sc_main .contents-box.price02 .campaign-btn {
  margin-top: 60px;
}

#sc_main.compact .contents-box.price02 .campaign-btn {
  margin-top: 30px;
}

/* --/.PRICE */
/* SCHEDULE */
#sc_main .contents-box.schedule01 {
  padding: 85px 0 60px;
}

#sc_main.compact .contents-box.schedule01 {
  padding: 45px 0 100px;
}

#sc_main.compact .contents-box.schedule01 img.allfree {
  margin-left: -95px;
  max-width: 575px;
}

#sc_main.compact .contents-box.schedule01 img.kotei {
  margin-right: -95px;
  max-width: 570px;
}

#sc_main .contents-box.schedule01 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 20px;
}

#sc_main .contents-box.schedule01 .list > div {
  width: 480px;
}

#sc_main .contents-box.schedule01 .list > div .btn {
  padding: 20px;
  background-color: #fff;
}

#sc_main.compact .contents-box.schedule01 .list > div .btn {
  margin-top: -80px;
}

#sc_main .contents-box.schedule01 .list > div .btn a {
  width: 100%;
  padding: 20px 0;
  font-size: 20px;
}

#sc_main .contents-box.schedule02 {
  padding: 25px 0 80px;
  background-color: #ddd;
}

#sc_main.compact .contents-box.schedule02 {
  padding: 25px 0;
}

#sc_main .contents-box.schedule02 .title {
  text-align: center;
  font-size: 20px;
}

#sc_main .contents-box.schedule02 .img {
  margin-top: 25px;
}

#sc_main .contents-box.schedule02 .campaign-btn {
  margin-top: 80px;
}

#sc_main.compact .contents-box.schedule02 .campaign-btn {
  margin-top: 30px;
}

#sc_main.compact .contents-box.schedule02 .campaign-btn {
  margin-top: 15px;
}

/* --/.SCHEDULE */
/* FRIENDS */
.sc__friends.course {
  margin-top: 85px;
}

.sc__friends.course > .sc__buttonContainer {
  margin-top: 30px;
}

.course_section_bg_pc {
  width: 1000px;
  margin: 0 auto;
}

.course_section_bg_pc img {
  width: 100%;
}

.course_section_bg_pc > .top_slide_container {
  width: 100vw;
  max-width: 1400px;
  margin-left: 50%;
  margin-top: 30px;
  transform: translateX(-50%);
}

.students_section_desc_container {
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: -40px auto 0;
  overflow: hidden;
  position: relative;
}

.students_section_desc_container > .swiper-wrapper {
  padding: 0 0 10px;
}

.students_slide_1 {
  position: relative;
  max-width: 235px;
  width: 100%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.message_text {
  position: relative;
  width: 104.25%;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.6;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  background-color: #fff;
  min-height: 105px;
  padding: 15px 12px;
  border-radius: 10px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
  margin-left: 50%;
  transform: translateX(-50%);
}

.message_text::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -5px;
  left: 50%;
  background-color: #fff;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}

.students_inner {
  width: 100%;
  padding: 0 0 20px;
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
}

.students_profile > img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 100px;
}

.students_profile {
  width: 80px;
  margin: 0 auto 8px;
  padding-top: 19px;
}

.student_profile_text_1 {
  font-size: 10px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 300;
  margin: 8px auto 2px;
}

.student_profile_text_2 {
  font-size: 13px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  margin: 6px auto 9px;
}

.student_profile_text_3 {
  font-size: 9px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 300;
  margin: 5px auto 2px;
}

.course *,
.course *::before,
.course *::after {
  box-sizing: border-box;
}

/* --/.FRIENDS */
/* INSTRUCTOR */
.sc__instructor {
  padding-top: 85px;
  background-color: #fff;
}

.sc__instructor .sc__buttonContainer {
  margin-top: 30px;
}

#music_stylist.sc__instructor .eys_music_stylist_search_condition {
  /* display: none; */
}

#music_stylist.sc__instructor .eys_music_stylist_search_result {
  border-radius: none;
  margin-top: 30px;
  width: 920px;
  margin: 30px auto;
  background-color: #e7f8f1;
}

#music_stylist.sc__instructor .eys_music_stylist_search_result_selector {
  height: 240px;
}

.eys_music_stylist_search_result_selector.lazyloaded {
  background: url("https://eys-teacher-search.s3.2nd-community.com/images/bg_teacher.svg") center;
  background-repeat: inherit;
}

.teacher__infoShowMore {
  position: relative;
}

.teacherTitle__viewMore {
  all: unset;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  background-color: #fff;
  color: #000;
  transform: translate(-50%, 50%);
  cursor: pointer;
  z-index: 9;
}

.eys_music_stylist_search_result > ul {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.eys_music_stylist_search_result > ul > li:not(:first-of-type) {
  border-top: 1px solid #eee;
}

.eys_music_stylist_search_result .teacher_title {
  margin: 0 auto;
  box-shadow: none;
  padding: 20px 10px 20px 165px;
  position: relative;
  right: 40%;
  top: 15px;
  background-color: #f9f9f9;
  width: 540px;
}

/* --/.INSTRUCTOR */
/* GUITAR  */
main#sc_main .present01 .guitar_girl_banner {
  margin-top: 15px;
  margin-left: 0;
}

main#sc_main .present01 .mlc_img_box {
  position: relative;
}

main#sc_main.compact .present01 .mlc_img_box {
  height: 400px;
  overflow: hidden;
}

main#sc_main.compact .present01 .mlc_img_box img {
  width: 100%;
  height: auto;
}

main#sc_main .present01 .thumb.base {
  opacity: 0;
  position: relative;
}

main#sc_main .present01 .thumb.fade_in {
  opacity: 1;
  position: absolute;
  height: 100%;
  z-index: 5;
  transition: 2s ease-in-out;
}

main#sc_main .present01 .thumb.fade_out {
  opacity: 0;
  z-index: 5;
  position: absolute;
  height: 100%;
  transition: 2s ease-in-out;
}

main#sc_main .present01 .mlc_bg_box {
  margin-top: 27px;
}

main#sc_main .present01 .mlc_bg_box .mlc_bg {
  position: relative;
}

main#sc_main .present01 .mlc_bg_box .mlc_bg img {
  width: 100%;
  vertical-align: top;
}

main#sc_main .present01 .mlc_bg_box .mlc_bg span {
  position: absolute;
  font-size: 17.5px;
  top: 50%;
  transform: translateY(-50%);
  left: 120px;
  line-height: 1.5;
  z-index: 1;
  color: #222;
}

main#sc_main .present01 .mlc_bg_box .mlc_bg.mlc_bg_left {
  margin-right: 7%;
  margin-bottom: 5px;
}

main#sc_main .present01 .mlc_bg_box .mlc_bg.mlc_bg_right {
  margin-left: 7%;
}

main#sc_main .present01 .white_square .title {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #eaa;
  text-align: center;
  background-color: #fff;
}

main#sc_main .present01 .navigator_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

main#sc_main .present01 .navigator_container div {
  width: 16.6666666667%;
  cursor: pointer;
  overflow: hidden;
  background-size: 600% 100%;
  padding-bottom: 16.6666666667%;
  position: relative;
}

main#sc_main .present01 .navigator_container div.lazyloaded {
  background-image: url("/pc/images/guitar/guitar_photo_thumbnails.webp");
}

main#sc_main .present01 .navigator_container div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
}

main#sc_main .present01 .navigator_container div.active::after {
  background: none;
}

main#sc_main .present01 .navigator_container div.guitar_photo_thumbnail_2 {
  background-position: -100% 0;
}

main#sc_main .present01 .navigator_container div.guitar_photo_thumbnail_3 {
  background-position: -200% 0;
}

main#sc_main .present01 .navigator_container div.guitar_photo_thumbnail_4 {
  background-position: -300% 0;
}

main#sc_main .present01 .navigator_container div.guitar_photo_thumbnail_5 {
  background-position: -400% 0;
}

main#sc_main .present01 .navigator_container div.guitar_photo_thumbnail_6 {
  background-position: -500% 0;
}

main#sc_main .present01 .navigator_container div.active {
  opacity: 1;
  outline-offset: -3px;
  outline: solid 3px #fff;
}

main#sc_main .present01 .mlc_present_slider_container {
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider {
  background-image: linear-gradient(to top, #222 -3%, #d4d4d4 35%, #fff 50%);
  padding-bottom: 10px;
  height: 100%;
}

main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .slick-list,
main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .slick-track,
main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .slick-slide,
main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .slick-slide > div,
main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides {
  height: 100%;
}

main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides {
  position: relative;
}

main#sc_main .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides {
  position: relative;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides img {
  width: 100%;
  height: auto;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box {
  position: absolute;
  top: 26px;
  left: 23px;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box .mlc_name {
  font-family: termina, sans-serif;
  font-size: 24px;
  color: #222;
  letter-spacing: 2px;
}

main#sc_main .present01 .mlc_white {
  color: #fff;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box .mlc_popup {
  width: 132px;
  cursor: pointer;
}

main#sc_main .present01 .mlc_present_slider .mlc_present_slides .mlc_common_12.bottom {
  position: absolute;
  bottom: 30px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}

main#sc_main .present01 .slick-initialized .slick-slide {
  margin: 0;
  padding: 0;
}

main#sc_main .present01 .slick-next,
main#sc_main .present01 .slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 100px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  z-index: 5;
  transform: translateY(-50%);
}

main#sc_main .present01 .slick-prev {
  left: 0;
}

main#sc_main .present01 .slick-next {
  right: 0;
}

main#sc_main .present01 .slick-prev::before {
  content: "";
  width: 24px;
  height: 24px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: transparent;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

main#sc_main .present01 .slick-next::before {
  content: "";
  width: 24px;
  height: 24px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: transparent;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul {
  left: 80px;
  max-width: 94.2px;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li {
  height: 40px;
  width: 40px;
  overflow: hidden;
  cursor: pointer;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul {
  position: absolute;
  z-index: 1;
  top: 36.2%;
  list-style: none;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:not(:last-child) {
  margin-bottom: 14.2px;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul.column2 {
  left: 73px;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul.column2 li {
  float: left;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul.column2 li:nth-child(even) {
  margin-left: 14.2px;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li span {
  width: auto;
  background: url("/pc/images/guitar/guitar_present_image_thumbnails_2.webp") no-repeat;
  background-size: 320px 40px;
  object-fit: cover;
  display: block;
  height: 40px;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-instrument-thumbnail[data-timg-index="1"] span {
  background-position: 0 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="2"] span {
  background-position: -40px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="3"] span {
  background-position: -80px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="4"] span {
  background-position: -120px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="5"] span {
  background-position: -160px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="6"] span {
  background-position: -200px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="7"] span {
  background-position: -240px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="8"] span {
  background-position: -280px 0;
}

main#sc_main .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li.active {
  box-shadow: 0 0 0 2px white, 0 0 0 6px #fdcbc9;
}

main#sc_main .contents-box.present01 {
  padding: 60px 0 85px;
}

main#sc_main .contents-box.present01 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-top: 20px;
}

main#sc_main .contents-box.present01 .list > div {
  position: relative;
  width: 480px;
}

main#sc_main .contents-box.present01 .list > div.left {
  background-color: #fff;
}

main#sc_main .contents-box.present01 .list > div.right {
  position: relative;
  z-index: 90;
}

main#sc_main .contents-box.present01 .list > div.right::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: -75px;
}

main#sc_main .contents-box.present01 .list > div.right.lazyloaded::before {
  content: url("/pc/images/guitar/present-arrow.webp");
}

main#sc_main .contents-box.present01 .list > div.right::after {
  position: absolute;
  z-index: 10;
  right: -20px;
  top: -130px;
}

main#sc_main .contents-box.present01 .list > div.right.lazyloaded::after {
  content: url("/pc/images/guitar/present-balloon01.webp");
}

main#sc_main .contents-box.present01 .list > div.right > div {
  position: relative;
  z-index: 3;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 50px;
}

.studio-blog-wrapper {
  margin: 0 auto;
  padding: 0 10px;
}

#sc_main #studio_section,
#sc_main #studio_list,
main#instruments #studio_section,
main#instruments #studio_list {
  scroll-margin-top: var(--sc-studio-anchor-offset, 152px);
}

/*# sourceMappingURL=studio_course_improving-site-performance.css.map */