@charset "UTF-8";
#atelier_200331 {
  width: 100%;
  margin: 0 auto calc( 200 * (100vw / 750));
  color: #333;
  text-align: center; }
  #atelier_200331 img {
    width: 100%; }
  #atelier_200331 a {
    display: block; }
  #atelier_200331 video {
    display: block;
    width: 100%; }
  #atelier_200331 .sec05 .credit ul, #atelier_200331 .sec16 .credit ul, #atelier_200331 .cate_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #atelier_200331 .sec04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    #atelier_200331 .sec04 > div {
      min-height: 0%; }
  #atelier_200331 .pc_only {
    display: none !important; }
  #atelier_200331 .credit {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    padding-top: calc( 49 * (100vw / 750)); }
    #atelier_200331 .credit li {
      display: block;
      font-size: calc( 22 * (100vw / 750));
      font-weight: 400;
      line-height: 2.273;
      letter-spacing: .025em;
      white-space: nowrap; }
      #atelier_200331 .credit li a {
        display: inline-block; }
      #atelier_200331 .credit li .none_link {
        pointer-events: none; }
  #atelier_200331 .sp_w552 {
    width: calc( 552 * (100vw / 750)); }
  #atelier_200331 .sp_w602 {
    width: calc( 602 * (100vw / 750)); }
  #atelier_200331 .sp_w650 {
    width: calc( 650 * (100vw / 750)); }
  #atelier_200331 .sp_mb {
    margin-bottom: calc( 60 * (100vw / 750)); }
  #atelier_200331 .sp_mbl {
    margin-bottom: calc( 104 * (100vw / 750)); }
  #atelier_200331 .sp_ma, #atelier_200331 .center,
  #atelier_200331 .left,
  #atelier_200331 .right {
    margin-left: auto;
    margin-right: auto; }
  #atelier_200331 .mv_area {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_200331 .sec01 {
    margin: 0 auto calc( 166 * (100vw / 750)); }
  #atelier_200331 .sec02,
  #atelier_200331 .sec03,
  #atelier_200331 .sec10,
  #atelier_200331 .sec11,
  #atelier_200331 .sec12,
  #atelier_200331 .sec14,
  #atelier_200331 .sec15,
  #atelier_200331 .sec16 {
    margin-bottom: calc( 164 * (100vw / 750)); }
  #atelier_200331 .sec04 {
    margin: 0 auto calc( 164 * (100vw / 750)); }
    #atelier_200331 .sec04 .sl + .credit {
      margin-left: -10%;
      margin-right: -10%; }
  #atelier_200331 .sec05 {
    margin-bottom: calc( 164 * (100vw / 750)); }
  #atelier_200331 .sec06 {
    margin: 0 auto calc( 164 * (100vw / 750)); }
    #atelier_200331 .sec06 .credit {
      margin-top: calc( 40 * (100vw / 750)); }
  #atelier_200331 .sec07 {
    margin: 0 auto calc( 164 * (100vw / 750)); }
    #atelier_200331 .sec07 .credit {
      margin-top: calc( 44 * (100vw / 750)); }
  #atelier_200331 .sec08,
  #atelier_200331 .sec09 {
    margin-bottom: calc( 164 * (100vw / 750)); }
    #atelier_200331 .sec08 .credit,
    #atelier_200331 .sec09 .credit {
      margin-top: calc( 40 * (100vw / 750)); }
  #atelier_200331 .sec12 .credit {
    padding-top: calc( 45 * (100vw / 750)); }
  #atelier_200331 .sec13 {
    margin-bottom: calc( 164 * (100vw / 750)); }
    #atelier_200331 .sec13 .credit {
      margin-top: calc( 40 * (100vw / 750)); }
  #atelier_200331 .sec16 .credit {
    padding: calc( 45 * (100vw / 750)) 1em 0; }
  #atelier_200331 .sec17 {
    margin-bottom: calc( 138 * (100vw / 750)); }
    #atelier_200331 .sec17 .sp_w552 {
      margin-bottom: calc( 172 * (100vw / 750)); }
  #atelier_200331 .cate_area {
    text-align: center; }
    #atelier_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: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, #c0d6d6));
      background: -webkit-linear-gradient(transparent 55%, #c0d6d6 55%);
      background: -o-linear-gradient(transparent 55%, #c0d6d6 55%);
      background: linear-gradient(transparent 55%, #c0d6d6 55%); }
    #atelier_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: .03em; }
      #atelier_200331 .cate_area ul li {
        margin: 0 calc( 20 * (100vw / 750)) calc( 38 * (100vw / 750)); }
    #atelier_200331 .cate_area .bnr {
      margin: 0 auto; }
  #atelier_200331 .sl + .credit {
    margin-top: calc( 40 * (100vw / 750)); }
  #atelier_200331 .swiper-pagination {
    left: 0;
    right: 0;
    margin: calc( 26 * (100vw / 750)) auto 0; }
  #atelier_200331 .swiper-pagination-bullet {
    margin: 0 calc( 9 * (100vw / 750));
    background: #d8d8d8;
    opacity: 1; }
  #atelier_200331 .swiper-pagination-bullet-active {
    background: #666666; }
  #atelier_200331 .swiper-pagination-bullet {
    width: calc( 12 * (100vw / 750));
    height: calc( 12 * (100vw / 750)); }