@charset "UTF-8";
#yoga_200331 {
  width: 100%;
  margin: 0 auto calc( 200 * (100vw / 750));
  color: #333;
  text-align: center;
}
#yoga_200331 img {
  width: 100%;
}
#yoga_200331 a {
  display: block;
}
#yoga_200331 video {
  display: block;
  width: 100%;
}
#yoga_200331 .cate_area ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#yoga_200331 .pc_only {
  display: none !important;
}
#yoga_200331 .credit {
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  padding-top: calc( 49 * (100vw / 750));
}
#yoga_200331 .credit li {
  display: block;
  font-size: calc( 22 * (100vw / 750));
  font-weight: 400;
  line-height: 2.2727;
  letter-spacing: 0.025em;
  white-space: nowrap;
}
#yoga_200331 .credit li a {
  display: inline-block;
}
#yoga_200331 .credit li .none_link {
  pointer-events: none;
}
#yoga_200331 .sec07 .right, #yoga_200331 .sec06 .left, #yoga_200331 .sec02 .left, #yoga_200331 .sec01 .right {
  width: calc( 600 * (100vw / 750));
}
#yoga_200331 .sec04 .blk2, #yoga_200331 .sec03 .right {
  width: calc( 650 * (100vw / 750));
}
#yoga_200331 .sec07 .left, #yoga_200331 .sec02 .center, #yoga_200331 .sec01 .left {
  margin-bottom: calc( 60 * (100vw / 750));
}
#yoga_200331 .center,
#yoga_200331 .left,
#yoga_200331 .right {
  margin-left: auto;
  margin-right: auto;
}
#yoga_200331 .mv_area {
  margin: 0 auto calc( 150 * (100vw / 750));
}
#yoga_200331 .sec01 {
  margin: 0 auto calc( 166 * (100vw / 750));
}
#yoga_200331 .sec02 {
  margin: 0 auto calc( 164 * (100vw / 750));
}
#yoga_200331 .sec03 {
  margin: 0 auto calc( 60 * (100vw / 750));
}
#yoga_200331 .sec03 .left {
  margin-bottom: calc( 104 * (100vw / 750));
}
#yoga_200331 .sec04 {
  margin: 0 auto calc( 150 * (100vw / 750));
}
#yoga_200331 .sec04 .blk1 {
  width: calc( 550 * (100vw / 750));
  margin-bottom: calc( 104 * (100vw / 750));
}
#yoga_200331 .sec05 {
  margin-bottom: calc( 48 * (100vw / 750));
}
#yoga_200331 .sec06 {
  margin: 0 auto calc( 176 * (100vw / 750));
}
#yoga_200331 .sec06 .left {
  margin-left: calc( 120 * (100vw / 750));
  margin-bottom: calc( 62 * (100vw / 750));
}
#yoga_200331 .sec06 .txt {
  width: calc( 508 * (100vw / 750));
  margin-bottom: calc( 70 * (100vw / 750));
  margin-left: calc( 126 * (100vw / 750));
}
#yoga_200331 .sec06 .right {
  width: calc( 550 * (100vw / 750));
  margin-left: calc( 30 * (100vw / 750));
}
#yoga_200331 .sec07 {
  margin: 0 auto calc( 166 * (100vw / 750));
}
#yoga_200331 .cate_area {
  text-align: center;
}
#yoga_200331 .cate_area .ttl {
  display: inline-block;
  padding: 0 calc( 20 * (100vw / 750)) 0 calc( 30 * (100vw / 750));
  margin-bottom: calc( 60 * (100vw / 750));
  font-size: calc( 40 * (100vw / 750));
  font-family: "Crimson Text", serif;
  letter-spacing: 0.02em;
  background: linear-gradient(transparent 55%, #d9d9d9 55%);
}
#yoga_200331 .cate_area ul {
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  max-width: calc( 620 * (100vw / 750));
  margin: 0 auto calc( 160 * (100vw / 750));
  font-size: calc( 24 * (100vw / 750));
  letter-spacing: 0.03em;
}
#yoga_200331 .cate_area ul li {
  margin: 0 calc( 20 * (100vw / 750)) calc( 38 * (100vw / 750));
}
#yoga_200331 .cate_area .bnr {
  margin: 0 auto;
}
#yoga_200331 .sl + .credit {
  margin-top: calc( 44 * (100vw / 750));
}
#yoga_200331 .swiper-pagination {
  left: 0;
  right: 0;
  margin: calc( 26 * (100vw / 750)) auto 0;
}
#yoga_200331 .swiper-pagination-bullet {
  margin: 0 calc( 9 * (100vw / 750));
  background: #d8d8d8;
  opacity: 1;
}
#yoga_200331 .swiper-pagination-bullet-active {
  background: #666666;
}
#yoga_200331 .swiper-pagination-bullet {
  width: calc( 12 * (100vw / 750));
  height: calc( 12 * (100vw / 750));
}