@charset "UTF-8";
#atelier_191209 {
  position: relative;
  width: 100%;
  margin: 0 auto calc( 200 * (100vw / 750));
  color: #333;
  text-align: center; }
  #atelier_191209 img {
    width: 100%; }
  #atelier_191209 a {
    display: block; }
  #atelier_191209 video {
    display: block;
    width: 100%; }
  #atelier_191209 .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_191209 .pc_only {
    display: none !important; }
  #atelier_191209 .credit {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    padding-top: calc( 55 * (100vw / 750)); }
    #atelier_191209 .credit li {
      display: block;
      font-size: calc( 22 * (100vw / 750));
      font-weight: 400;
      line-height: 2.2727;
      letter-spacing: .025em;
      white-space: nowrap; }
      #atelier_191209 .credit li a {
        display: inline-block; }
      #atelier_191209 .credit li .none_link {
        pointer-events: none; }
  #atelier_191209 .mv_area {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec01 {
    margin: 0 auto calc( 105 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse; }
    #atelier_191209 .sec01 .left {
      position: relative;
      margin: 0 calc( 100 * (100vw / 750)); }
    #atelier_191209 .sec01 .right {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec02 {
    margin: 0 auto calc( 150 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse; }
    #atelier_191209 .sec02 .left {
      margin: 0 calc( 100 * (100vw / 750)); }
    #atelier_191209 .sec02 .right {
      position: relative;
      margin: 0 calc( 50 * (100vw / 750)) calc( 100 * (100vw / 750)); }
  #atelier_191209 .sec03 {
    margin: 0 auto calc( 105 * (100vw / 750)); }
    #atelier_191209 .sec03 .left {
      position: relative;
      margin: 0 auto calc( 105 * (100vw / 750)); }
      #atelier_191209 .sec03 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1049 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec03 .right {
      margin: 0 calc( 125 * (100vw / 750)) calc( 340 * (100vw / 750)); }
  #atelier_191209 .sec04 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec04 .left {
      position: relative;
      margin-bottom: calc( 140 * (100vw / 750)); }
      #atelier_191209 .sec04 .left .credit {
        margin-top: calc( 45 * (100vw / 750)); }
    #atelier_191209 .sec04 .right {
      margin: 0 calc( 50 * (100vw / 750)) calc( 100 * (100vw / 750)); }
  #atelier_191209 .sec05 .center, #atelier_191209 .sec11 .center, #atelier_191209 .sec28 .center, #atelier_191209 .sec40 .center {
    margin: 0 auto calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec06 {
    margin: 0 auto calc( 338 * (100vw / 750)); }
    #atelier_191209 .sec06 .left {
      position: relative;
      margin: 0 calc( 75 * (100vw / 750)) calc( 105 * (100vw / 750)); }
    #atelier_191209 .sec06 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec06 .right .credit {
        position: absolute;
        left: -5%;
        right: -5%;
        margin: auto; }
  #atelier_191209 .sec07 {
    margin: 0 auto calc( 430 * (100vw / 750)); }
    #atelier_191209 .sec07 .left {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec07 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1180 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec07 .right {
      margin: 0 calc( 100 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec08 {
    margin: 0 auto calc( 430 * (100vw / 750)); }
    #atelier_191209 .sec08 .left {
      margin: 0 auto calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec08 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1249 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec08 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec09 {
    margin: 0 auto calc( 285 * (100vw / 750));
    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_191209 .sec09 .left {
      margin: 0 calc( 100 * (100vw / 750));
      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;
      position: relative; }
      #atelier_191209 .sec09 .left .sl {
        position: relative;
        margin-bottom: calc( 107 * (100vw / 750)); }
      #atelier_191209 .sec09 .left .credit {
        position: absolute;
        left: -5%;
        right: -5%;
        top: calc( 1755 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec09 .right {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec10 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec10 .left {
      position: relative;
      margin-bottom: calc( 107 * (100vw / 750)); }
    #atelier_191209 .sec10 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec12 {
    margin: 0 auto calc( 335 * (100vw / 750)); }
    #atelier_191209 .sec12 .left {
      position: relative;
      margin: 0 calc( 75 * (100vw / 750)) calc( 105 * (100vw / 750)); }
      #atelier_191209 .sec12 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 1905 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec12 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec13 {
    margin: 0 auto calc( 106 * (100vw / 750)); }
    #atelier_191209 .sec13 .left {
      margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec13 .right {
      position: relative; }
  #atelier_191209 .sec14 {
    margin: 0 auto calc( 336 * (100vw / 750)); }
    #atelier_191209 .sec14 .left {
      position: relative;
      margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec14 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 1859 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec14 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec15 {
    margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec15 .left {
      position: relative;
      margin-bottom: calc( 105 * (100vw / 750)); }
    #atelier_191209 .sec15 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec16 .center, #atelier_191209 .sec21 .center, #atelier_191209 .sec32 .center {
    margin: 0 calc( 75 * (100vw / 750)) calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec17 {
    margin: 0 auto calc( 285 * (100vw / 750)); }
    #atelier_191209 .sec17 .left {
      position: relative;
      margin-bottom: calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec17 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1108 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec17 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec18 {
    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;
    margin: 0 auto calc( 380 * (100vw / 750)); }
    #atelier_191209 .sec18 .left {
      margin: 0 calc( 75 * (100vw / 750)); }
    #atelier_191209 .sec18 .right {
      position: relative;
      margin-bottom: calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec18 .right .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 2130 * (100vw / 750));
        margin: auto; }
  #atelier_191209 .sec19 {
    margin: 0 auto calc( 288 * (100vw / 750)); }
    #atelier_191209 .sec19 .left {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec19 .right {
      margin: 0 calc( 100 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec19 .right .sl {
        margin-bottom: calc( 105 * (100vw / 750)); }
      #atelier_191209 .sec19 .right .credit {
        position: absolute;
        left: -10%;
        right: -10%;
        margin: auto; }
  #atelier_191209 .sec20 {
    margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec20 .left {
      margin-bottom: calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec20 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec21 {
    position: relative; }
    #atelier_191209 .sec21 .center {
      margin: 0 calc( 80 * (100vw / 750)) calc( 288 * (100vw / 750)); }
    #atelier_191209 .sec21 .credit {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
  #atelier_191209 .sec22 {
    margin: 0 auto calc( 288 * (100vw / 750)); }
    #atelier_191209 .sec22 .left {
      position: relative;
      margin-bottom: calc( 60 * (100vw / 750)); }
      #atelier_191209 .sec22 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1105 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec22 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec23 {
    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;
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec23 .left {
      position: relative;
      margin: 0 calc( 100 * (100vw / 750)); }
      #atelier_191209 .sec23 .left .credit {
        margin-top: calc( 45 * (100vw / 750)); }
    #atelier_191209 .sec23 .right {
      margin: 0 calc( 50 * (100vw / 750)) calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec24 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec24 .left .img41 {
      margin-bottom: calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec24 .left .img42 {
      margin: 0 calc( 75 * (100vw / 750)); }
    #atelier_191209 .sec24 .left .credit {
      margin-bottom: calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec24 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec25 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
    #atelier_191209 .sec25 .left {
      margin-bottom: calc( 106 * (100vw / 750));
      position: relative; }
    #atelier_191209 .sec25 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec26 {
    margin: 0 auto calc( 150 * (100vw / 750));
    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_191209 .sec26 .left {
      margin: 0 calc( 75 * (100vw / 750)); }
    #atelier_191209 .sec26 .right {
      margin-bottom: calc( 60 * (100vw / 750)); }
  #atelier_191209 .sec27 {
    margin: 0 auto calc( 283 * (100vw / 750)); }
    #atelier_191209 .sec27 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec27 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1108 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec27 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec29 {
    margin: 0 auto calc( 150 * (100vw / 750));
    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_191209 .sec29 .right {
      margin: 0 calc( 75 * (100vw / 750)) calc( 150 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec30 {
    margin: 0 auto calc( 332 * (100vw / 750)); }
    #atelier_191209 .sec30 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec30 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 2128 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec30 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec31 {
    margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec31 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec31 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 2538 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec31 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec32 {
    margin: 0 auto calc( 287 * (100vw / 750)); }
  #atelier_191209 .sec33 {
    margin: 0 auto calc( 383 * (100vw / 750)); }
    #atelier_191209 .sec33 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec33 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc( 2128 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec33 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
  #atelier_191209 .sec34 {
    margin: 0 auto calc( 332 * (100vw / 750)); }
    #atelier_191209 .sec34 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec34 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc( -1155 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec34 .right {
      position: relative;
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec35 {
    margin: 0 auto calc( 340 * (100vw / 750)); }
    #atelier_191209 .sec35 .left {
      position: relative;
      margin-bottom: calc( 106 * (100vw / 750)); }
    #atelier_191209 .sec35 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec35 .right .credit {
        position: absolute;
        left: -5%;
        right: -5%;
        margin: auto; }
  #atelier_191209 .sec36 {
    margin: 0 auto calc( 285 * (100vw / 750)); }
    #atelier_191209 .sec36 .left {
      margin-bottom: calc( 60 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec36 .left .credit {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(2085 * (100vw / 750));
        margin: auto; }
    #atelier_191209 .sec36 .right {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec37 {
    margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec37 .left {
      margin-bottom: calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec38 {
    margin: 0 auto calc( 332 * (100vw / 750)); }
    #atelier_191209 .sec38 .left {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec38 .left .credit {
        bottom: calc( -196 * (100vw / 750));
        position: absolute;
        left: -5%;
        right: -5%;
        margin: auto; }
  #atelier_191209 .sec39 {
    margin: 0 auto calc( 150 * (100vw / 750)); }
  #atelier_191209 .sec41 {
    margin: 0 calc( 75 * (100vw / 750)) calc( 285 * (100vw / 750)); }
    #atelier_191209 .sec41 .left {
      position: relative;
      margin-bottom: calc( 105 * (100vw / 750)); }
      #atelier_191209 .sec41 .left .credit {
        position: absolute;
        left: -5%;
        right: -5%;
        top: calc( 1905 * (100vw / 750));
        margin: auto; }
  #atelier_191209 .sec42 {
    margin: 0 auto calc( 386 * (100vw / 750)); }
    #atelier_191209 .sec42 .left {
      margin: 0 auto calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec42 .right {
      margin: 0 calc( 75 * (100vw / 750));
      position: relative; }
      #atelier_191209 .sec42 .right .credit {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto; }
  #atelier_191209 .sec43 {
    margin-bottom: calc( 60 * (100vw / 750)); }
    #atelier_191209 .sec43 .center {
      margin: 0 calc( 75 * (100vw / 750)); }
  #atelier_191209 .sec44 .center {
    margin: 0 calc( 125 * (100vw / 750)) calc( 150 * (100vw / 750)); }
  #atelier_191209 .cate_area {
    text-align: center; }
    #atelier_191209 .cate_area .ttl {
      display: inline-block;
      padding: 0 calc( 20 * (100vw / 750));
      margin-bottom: calc( 60 * (100vw / 750));
      font-size: calc( 40 * (100vw / 750));
      font-family: 'Crimson Text', serif;
      letter-spacing: 0.03em;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, #c9d6c4));
      background: -webkit-linear-gradient(transparent 55%, #c9d6c4 55%);
      background: -o-linear-gradient(transparent 55%, #c9d6c4 55%);
      background: linear-gradient(transparent 55%, #c9d6c4 55%); }
    #atelier_191209 .cate_area ul {
      font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
      max-width: calc( 550 * (100vw / 750));
      margin: 0 auto calc( 160 * (100vw / 750));
      font-size: calc( 24 * (100vw / 750));
      letter-spacing: .03em; }
      #atelier_191209 .cate_area ul li {
        margin: 0 calc( 20 * (100vw / 750)) calc( 40 * (100vw / 750)); }
    #atelier_191209 .cate_area .bnr {
      margin: 0 auto; }
  #atelier_191209 .swiper-pagination {
    left: 0;
    right: 0;
    margin: calc( 34 * (100vw / 750)) auto 0; }
  #atelier_191209 .swiper-pagination-bullet {
    margin: 0 calc( 9 * (100vw / 750));
    background: #d8d8d8;
    opacity: 1; }
  #atelier_191209 .swiper-pagination-bullet-active {
    background: #666666; }
  #atelier_191209 .swiper-pagination-bullet {
    width: calc( 12 * (100vw / 750));
    height: calc( 12 * (100vw / 750)); }

#atelier_191209 .btn-pagetop {
    position: fixed;
    bottom: calc(100 *(100vw / 750));
    right: calc(30 *(100vw / 750));
    width: calc(80 *(100vw / 750));
    height: calc(80 *(100vw / 750));
    border: 1px solid #B3B3B3;
    border-radius: calc(40 *(100vw / 750));
    background-color: #fff;
  z-index: 100;
}
#atelier_191209 .btn-pagetop a:after {
    content: " ";
    position: absolute;
    top: calc(24 *(100vw / 750));
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    vertical-align: middle;
    border-color: transparent transparent #B3B3B3 transparent;
    border-style: solid solid solid solid;
    border-width: 0 calc(12 *(100vw / 750)) calc(22 *(100vw / 750)) calc(12 *(100vw / 750));
}