@charset "utf-8";
/* CSS Document */
.lesson {
  padding: 0 0px 120px 0px;
}
.lesson__inner {
  display: flex;
  flex-wrap: wrap-reverse;
  padding: 0px 40px;
}
.lesson__img {
  max-width: 500px;
}
.lesson__text {
  padding-bottom: 32px;
}
/* トップ PC*/
@media(min-width:1000px) {
  .lesson {
    padding: 0 0px 240px 0px;
  }
  .lesson__inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 102px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .lesson__img {
    max-width: 720px;
    padding-top: 80px;
  }
}
/* イロハ mobile*/
.iroha-inner {
  margin: 0 auto;
}
.iroha-tag {
  display: none;
}
.iroha-1__text-area, .iroha-2__text-area, .iroha-3__text-area {
  max-width: 500px;
}
.iroha-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-bottom: 80px;
  width: 100%;
}
.iroha-tag {
  color: #FF5CB4;
  color: rgba(255, 92, 180, .09);
  font-size: 18.0rem;
  line-height: 0.2rem;
}
.iroha-1__img-area {
  padding-top: 0px;
  max-width: 500px;
}
.iroha-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-bottom: 80px;
}
.iroha-2__text-area {
  padding-top: 0px;
}
.iroha-2__img-area {
  padding-bottom: 0px;
  max-width: 500px;
}
.iroha-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.iroha-3__text-area {
  padding-bottom: 0px;
}
.iroha-3__img-area {
  padding-top: 0px;
  max-width: 500px;
}
/* イロハ PC*/
@media(min-width:1000px) {
  .iroha-tag {
    display: block;
    color: #FF5CB4;
    color: rgba(255, 92, 180, .09);
    font-size: 18.0rem;
    line-height: 0.2rem;
  }
  .iroha-1 {
    display: flex;
    flex-wrap: nowrap;
    gap: 170px;
    padding-bottom: 172px;
  }
  .iroha-1__img-area {
    padding-top: 93px;
    max-width: 424px;
  }
  .iroha-2 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    gap: 120px;
    padding-bottom: 144px;
  }
  .iroha-2__text-area {
    padding-top: 120px;
  }
  .iroha-2__img-area {
    padding-bottom: 60px;
    max-width: 487px;
  }
  .iroha-3 {
    display: flex;
    flex-wrap: nowrap;
    gap: 120px;
  }
  .iroha-3__text-area {
    padding-bottom: 95px;
  }
  .iroha-3__img-area {
    padding-top: 95px;
    max-width: 580px;
  }
}
/* システム mobile*/
.system, .studio, .students {
  text-align: center;
}
.studio .card-inner, .schedule .card-inner, .fees .card-inner {
  padding: 32px 0;
}
.card {
  background-color: #FFFFFF;
}
.studio-text-area {
  padding: 0 0 16px 0;
}
.studio-text-area h3 {
  font-size: 2.4rem;
  margin-bottom: 16px;
  padding: 0 24px;
}
.studio-text-area h3 > span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.6rem;
  border-bottom: 1px solid #FFE1EA;
  padding-bottom: 16px;
  margin: 0 auto;
}
.studio-img-area {
  max-width: 500px;
  margin: 0 auto;
}
.system h3 {
  font-size: 2.4rem;
  margin-bottom: 8px;
}
.card-inner .item {
  display: block;
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.tag {
  color: #FF5CB4;
  line-height: 1.4rem;
  letter-spacing: 0.2;
}
.card-inner .tag span {
  display: inline-block;
  height: 10px;
}
.schedule, .fees {
  margin-bottom: 40px;
}
.schedule .card-inner {
  padding: 24px 24px;
}
.fees .card-inner ul {
  padding: 0 24px;
}
.fees .card-inner ul li {
  border-bottom: 1px solid #FFE1EA;
  padding-bottom: 32px;
  padding-top: 0px;
}
.fees .card-inner ul li:nth-child(2) {
  padding-top: 32px;
}
.fees .card-inner ul li:last-child {
  padding-top: 32px;
  padding-bottom: 0;
  border-bottom: none;
}
.fees .card-inner p {
  padding-top: 15px;
}

.lesson-contact p span {
  display: inline-block;
}
/* システム PC*/
@media(min-width:1000px) {
  .card {
    background-color: #FFFFFF;
  }
  .card-inner {
    max-width: 1000px;
    margin: 0 auto;
  }
  .studio .card-inner, .schedule .card-inner, .fees .card-inner {
    padding: 40px 0 80px;
  }
  
  .studio-text-area {
    padding: 0 0 24px 0;
  }
  .studio-text-area h3 {
    font-size: 3.0rem;
    padding: 0 80px;
  }
  .studio-text-area h3 > span {
    font-size: 2.0rem;
    line-height: 2.0rem;
    padding-bottom: 24px;
  }
  .studio-img-area {
    max-width: 836px;
    margin: 0 auto;
  }
  .system h3 {
    margin-bottom: 24px;
  }
  .card-inner .item {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .schedule, .fees {
    margin-bottom: 80px;
  }
  .fees .card-inner ul {
    padding: 0 80px;
  }
  .fees .card-inner ul li {
    padding-bottom: 56px;
    padding-top: 0px;
  }
  .fees .card-inner ul li:nth-child(2) {
    padding-top: 40px
  }
  .fees .card-inner ul li:last-child {
    padding-top: 40px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .fees .card-inner p {
    padding-top: 16px;
  }
}
/* お弟子 mobile*/
.students {
  padding: 0px 0px 80px 0px
}

.video-area iframe {
    width: 64%;
  height: 64%;
}


.gallery {
  padding-top: 80px;
}
.students-gallery__img-area {
  display: flex;
  flex-direction: row;
  gap: 24px;
  overflow-x: scroll;
  padding-top: 80px;
  max-width: 1200px;
  padding-left: 24px;
  padding-bottom: 40px
}
.gallery-img img {
  width: 320px;
  object-fit: cover;
}
/* お弟子 PC*/
@media (min-width:1000px) {
  .students {
    padding: 0px 0px 240px 0px
  }
  .video-area {
    margin-top: 160px;
    height: 640px;
  }
  .video-area iframe {
    width: 70%;
    height: 70%;
  }
  .students-gallery__img-area {
    padding-top: 0px;
    padding-bottom: 24px;
  }
  .gallery-img img {
  width: 500px;
}
}