@charset "UTF-8";
/* ===============================================
    ! others !
=============================================== */
#Wrap {
  text-align: unset;
}

/* ===============================================
    ! default style settings !
=============================================== */

/* anti-aliasing setting for view of font */
body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (max-device-width: 767px) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media only screen and (max-device-width: 767px) {
  main {
    width: 100%;
  }
}

img {
  width: 100%;
}

a {
  text-decoration: none;
}

h1, h2, h3 {
  font-weight: normal;
}

ul, li {
  list-style: none;
}

/* ===============================================
    *  for responsive components *
=============================================== */
/* pc-view only */
@media only screen and (max-device-width: 767px) {
  .pc-component {
    display: none !important;
  }
}

/* sp-view only */
.sp-component {
  display: none !important;
}

@media only screen and (max-device-width: 767px) {
  .sp-component {
    display: block !important;
  }
}

/* ===============================================
    * Animation settings with 'myScript.js' *
=============================================== */
.fadeIn {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  /* 縦方向に下げておくことで、下から上に上がってくるようなアニメーションになります */
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

/* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
.fadeIn.scrollIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* ===============================================
    !  PC--main_components !
=============================================== */
/* ===============================================
    *  ▽ Common styles ▽ *
=============================================== */
.detail__container {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type-title__container {
  text-align: left;
}

.type-txt {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-size: 27px;
  font-weight: normal;
}

.type-txt .name {
  letter-spacing: 1.62px;
}

.type-txt-style {
  border-bottom: solid 0.1px #000;
  font-family: "Work Sans", sans-serif;
  font-size: 21px;
  font-weight: 300;
  padding: 0 0 2px 0;
}

.height-txt-style {
  font-family: quasimoda, sans-serif;
  font-size: 27px;
  font-weight: 300;
  letter-spacing: 1.62px;
  margin: 0 0 0 20px;
}

.detail__container {
  margin: 25px auto 0 0;
  padding: unset;
}

.detail__container .desc-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.9;
  text-align: justify;
}
/* IE */
_:-ms-lang(x)::-ms-backdrop, .detail__container .desc-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.9;
  text-align: justify;
  text-justify: inter-ideograph;
}
/* Edge */
_:-ms-lang(x)::backdrop, .detail__container .desc-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.9;
  text-align: justify;
  text-justify: inter-ideograph;
}

.detail__container .credit-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px auto 0 0;
  width: 432px;
}

.detail__container .credit-txt a {
  color: #000;
}

.detail__container .credit-txt .item-price {
  font-family: quasimoda, sans-serif;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 2;
  margin: 0 12px 0 0;
}

/* ===============================================
    *  ▽ Heading ▽ *
=============================================== */

.heading-img__wrapper {
  margin: 50px auto 100px;
  width: 500px;
}

/* ===============================================
    *  ▽ Type01 ▽ *
=============================================== */
.sec--type1 {
  display: block;
  height: 1176px;
  width: 1110px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type1 {
  background-color: #f9f2e8;
  height: 675px;
  margin: 151px auto 0 44px;
  padding: unset;
  width: 931px;
}

.type1 .type-title__container {
  margin: 0 0 0 60px;
  padding: 53px 0 0 0;
}

.type1 .type-title__container .name {
  display: block;
  margin: 24px 0 0 0;
}

.type1 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1110px;
}

.type1 .type--img1__container {
  margin: 80px 80px 0 60px;
  width: 450px;
}

.type1 .type--img2__container {
  display: block;
  margin: -190px 0 0 0;
  width: 400px;
}

.type1 .type--mov__container {
  display: block;
  margin: 38px 0 0 220px;
  width: 300px;
}

.type1 .type--mov__container .mov-width {
  width: 100%;
}

.type1 .detail__container {
  width: 450px;
}


/* ===============================================
    *  ▽ Type:02 ▽ *
=============================================== */
.sec--type2 {
  display: block;
  height: 1435px;
  margin: auto;
  width: 1060px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type2 {
  background-color: #f3f0f7;
  height: 900px;
  margin: 96px 25px 0 179px;
  padding: 62px 0 0 0;
  width: 880px;
}

.type2 .type-title__container {
  margin: 0 0 77px 0;
  padding: unset;
  text-align: right;
}

.type2 .type-title__container .name {
  display: block;
  margin: 25px 0 0 0;
}

.type2 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.type2 .type--img1-mov__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.type2 .type--img1__container {
  display: block;
  height: 100%; /* IEのレイアウト崩れ防止 */
  margin: -120px 100px 0 -179px;
  width: 500px;
}

.type2 .type--img2__container {
  margin: -8px 0 0 0;
  width: 400px;
}

.type2 .type--mov__container {
  display: block;
  margin: 58px auto 0 -105px;
  width: 350px;
}

.type2 .type--mov__container .mov-width {
  width: 100%;
}

.type2 .detail__container {
  width: 100%;
}

.type2 .detail__container .desc-txt {
  letter-spacing: 0.061em;
}

.type2 .detail__container .credit-txt {
  margin: 8 auto 0 0;
}

/* ===============================================
    *  ▽ Type:03 ▽ *
=============================================== */
.sec--type3 {
  display: block;
  height: 1265px;
  margin: auto;
  width: 1082px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type3 {
  background-color: #f9f1e8;
  height: 869px;
  margin: 98px 0 0 100px;
  padding: 60px 0 0 100px;
  width: 900px;
}

.type3 .type-title__container {
  margin: -7px 0 0 -199px;
  padding: unset;
}

.type3 .type-title__container .name {
  display: block;
  margin: 24px 0 0 0;
}

.type3 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.type3 .type--img1__container {
  margin: 78px 0 0 -198px;
  width: 400px;
}

.type3 .type--img2__container {
  display: block;
  margin: -191px auto 0 100px;
  width: 400px;
}

.type3 .type--mov__container {
  display: block;
  margin: 40px -180px 0 auto;
  width: 350px;
}

.type3 .type--mov__container .mov-width {
  width: 100%;
}

.type3 .detail__container {
  width: 100%;
}

.type3 .detail__container .credit-txt {
  margin: 8px auto 0 0;
}

/* ===============================================
    *  ▽ Type:04 ▽ *
=============================================== */
.sec--type4 {
  display: block;
  height: 852px;
  margin: auto;
  width: 931px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type4 {
  background-color: #f9f7ef;
  height: 675px;
  margin: 98px 0 0 100px;
  padding: unset;
  width: 830px;
}

.type4 .type-title__container {
  margin: 52px auto auto 120px;
  padding: unset;
  text-align: right;
}

.type4 .type-title__container .name {
  display: block;
  margin: 25px 0 0 0;
}

.type4 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.type4 .type--img1__container {
  margin: -62px 80px 0 -100px;
  width: 450px;
}

.type4 .type--mov__container {
  display: block;
  margin: 78px auto 0 0;
  width: 300px;
}

.type4 .type--mov__container .mov-width {
  width: 100%;
}

.type4 .detail__container {
  margin: 27px auto 0 0;
  width: 100%;
}

.type4 .detail__container .credit-txt {
  margin: 7px auto 0 0;
}

/* ===============================================
    *  ▽ Type:05 ▽ *
=============================================== */
.sec--type5 {
  display: block;
  height: 965px;
  margin: auto;
  width: 1054px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff1e6;
  height: 500px;
  margin: 36px 0 0 0;
  padding: 54px 0 0 0;
  width: 700px;
}

.type5 .type-title__container {
  margin: 0 0 0 62px;
  padding: unset;
}

.type5 .type-title__container .name {
  display: block;
  margin: 24px 0 0 0;
}

.type5 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.type5 .type--img1__container {
  display: block;
  margin: 6px 0 0 0;
  width: 501px;
}

.type5 .type--mov__container {
  display: block;
  margin: 50px 100px 0 100px;
  width: 350px;
}

.type5 .type--mov__container .mov-width {
  width: 100%;
}

.type5 .detail__container {
  width: 100%;
}

.type5 .detail__container .desc-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  letter-spacing: 0.9px;
}

.type5 .detail__container .credit-txt {
  margin: 8px auto 0 0;
}

/* ===============================================
    *  ▽ Type:06 ▽ *
=============================================== */
.sec--type6 {
  display: block;
  height: 915px;
  margin: auto;
  width: 980px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.type6 {
  background-color: #fff8f3;
  height: 675px;
  margin: 154px 0 0 80px;
  padding: 53px 0 0 0;
  width: 900px;
}

.type6 .type-title__container {
  margin: unset;
  padding: unset;
  text-align: right;
}

.type6 .type-title__container .name {
  display: block;
  margin: 25px 0 0 0;
}

.type6 .type-imgs__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.type6 .type--img1__container {
  margin: -112px 120px 0 -80px;
  width: 450px;
}

.type6 .type--mov__container {
  display: block;
  margin: 100px auto 0 auto;
  width: 350px;
}

.type6 .type--mov__container .mov-width {
  width: 100%;
}

.type6 .detail__container {
  width: 100%;
}

.type6 .detail__container .desc-txt {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  letter-spacing: 1.0px;
  text-align: unset;
}

.type6 .detail__container .desc-txt .curning {
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.type6 .detail__container .credit-txt {
  margin: 7px auto 0 0;
}

/* ===============================================
    *  ▽ bottom components ▽ *
=============================================== */
.checkall__btn {
  margin: 37px auto 0;
  width: 380px;
}

.checkall-txt {
  color: #000;
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0.88px;
  line-height: 3.2;
  text-align: center;
}

.prev-link__btn {
  border-bottom: solid 1px #000;
  display: block;
  margin: 40px auto 140px auto;
  width: 90px;
}

.prev-link-txt {
  color: #000;
  display: inline-block;
  font-family: brandon-grotesque, sans-serif;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.96px;
  line-height: 1.08333;
  padding: 0 0 10px 10px;
  position: relative;
  text-align: center;
}

.prev-link-txt:after {
  content: "";
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #000;
  bottom: 18px;
  height: 0;
  left: 73px;
  position: absolute;
  width: 0;
}

/* ===============================================
    !  SP--main_components !
=============================================== */
@media only screen and (max-device-width: 767px) {
  /* ===============================================
        *  ▽ Common styles ▽ *
    =============================================== */
  .main-area .main-inner {
    width: 100%;
  }
  .type-title__container {
    text-align: center;
  }
  .type-txt {
    font-size: calc(50 * (100vw / 750));
  }
  .type-txt .name {
    letter-spacing: calc(3 * (100vw / 750));
  }
  .type-txt-style {
    border-bottom: solid 0.1px #000;
    font-size: calc(36 * (100vw / 750));
    padding: 0 0 calc(7 * (100vw / 750)) 0;
  }
  .height-txt-style {
    font-size: calc(50 * (100vw / 750));
    letter-spacing: calc(3 * (100vw / 750));
    margin: 0 0 0 calc(36 * (100vw / 750));
  }
  .detail__container {
    margin: calc(44 * (100vw / 750)) auto 0 0;
    padding: 0 calc(38 * (100vw / 750));
  }
  .detail__container .desc-txt {
    font-size: calc(24 * (100vw / 750));
    letter-spacing: calc(2 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
  }
  /* IE */
  _:-ms-lang(x)::-ms-backdrop, .detail__container .desc-txt {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: calc(24 * (100vw / 750));
    letter-spacing: calc(2 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    text-justify: inter-ideograph;
  }
  /* Edge */
  _:-ms-lang(x)::backdrop, .detail__container .desc-txt {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: calc(24 * (100vw / 750));
    letter-spacing: calc(2 * (100vw / 750));
    line-height: calc(48 * (100vw / 750));
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .detail__container .credit-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: calc(20 * (100vw / 750)) auto 0 0;
    width: calc(560 * (100vw / 750));
  }
  .detail__container .credit-txt a {
    color: #000;
  }
  .detail__container .credit-txt .item-price {
    font-size: calc(24 * (100vw / 750));
    letter-spacing: calc(2.4 * (100vw / 750));
    line-height: calc(36 * (100vw / 750));
    margin: 0 calc(20 * (100vw / 750)) 0 0;
  }
  /* ===============================================
        *  ▽ Heading ▽ *
    =============================================== */
  .bredlist.lp {
    line-height: calc(40 *(100vw / 750));
    font-size: calc(20 *(100vw / 750));
    margin: calc(25 *(100vw / 750)) auto;
    width: 92.592%;
    text-align: left;
  }

  .heading-img__wrapper {
    margin: calc(80*(100vw/750)) auto calc(120*(100vw/750));
    width: calc(678 * (100vw / 750));
  }
  /* ===============================================
        *  ▽ Type:01 ▽ *
    =============================================== */
  .sec--type1 {
    height: calc(3150 * (100vw / 750));
    width: 100%;
  }
  .type1 {
    height: calc(2415 * (100vw / 750));
    margin: calc(100 * (100vw / 750)) 0 0 0;
    padding: calc(58 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type1 .type-title__container {
    margin: unset;
    padding: unset;
  }
  .type1 .type-title__container .name {
    display: block;
    margin: calc(22 * (100vw / 750)) 0 0 0;
  }
  .type1 .type-imgs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .type1 .type--img1__container {
    margin: calc(56 * (100vw / 750)) auto 0 auto;
    width: calc(600 * (100vw / 750));
  }
  .type1 .type--img2__container {
    margin: calc(30 * (100vw / 750)) 0 0 auto;
    width: calc(412 * (100vw / 750));
  }
  .type1 .type--mov__container {
    margin: calc(30 * (100vw / 750)) auto 0 calc(36 * (100vw / 750));
    width: calc(412 * (100vw / 750));
  }
  .type1 .type--mov__container .mov-width {
    width: 100%;
  }
  .type1 .detail__container {
    width: 100%;
  }
  .type1 .detail__container .desc-txt {
    font-feature-settings: normal;
  }
  /* ===============================================
        *  ▽ Type:02 ▽ *
    =============================================== */
  .sec--type2 {
    height: calc(3260 * (100vw / 750));
    margin: unset;
    width: 100%;
  }
  .type2 {
    height: calc(2584 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) 0 0 0;
    padding: calc(56 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type2 .type-title__container {
    margin: unset;
    padding: unset;
    text-align: center;
  }
  .type2 .type-title__container .name {
    display: block;
    margin: calc(26 * (100vw / 750)) 0 0 0;
  }
  .type2 .type-imgs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .type2 .type--img1__container {
    margin: calc(54 * (100vw / 750)) auto 0 auto;
    width: calc(676 * (100vw / 750));
  }
  .type2 .type--img2__container {
    display: block;
    margin: calc(26 * (100vw / 750)) 0 0 calc(37 * (100vw / 750));
    width: calc(450 * (100vw / 750));
  }
  .type2 .type--mov__container {
    margin: calc(30 * (100vw / 750)) calc(37 * (100vw / 750)) 0 auto;
    width: calc(412 * (100vw / 750));
  }
  .type2 .type--mov__container .mov-width {
    width: 100%;
  }
  .type2 .detail__container {
    margin: calc(46 * (100vw / 750)) auto 0 auto;
    width: 100%;
  }
  .type2 .detail__container .desc-txt {
    font-feature-settings: normal;
    letter-spacing: calc(1.8 * (100vw / 750));
  }
  .type2 .detail__container .credit-txt {
    margin: calc(25 * (100vw / 750)) auto 0 0;
  }
  /* ===============================================
        *  ▽ Type:03 ▽ *
    =============================================== */
  .sec--type3 {
    display: block;
    height: calc(3000 * (100vw / 750));
    margin: unset;
    width: 100%;
  }
  .type3 {
    height: calc(2348 * (100vw / 750));
    margin: 0;
    padding: calc(57 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type3 .type-title__container {
    margin: unset;
    padding: unset;
  }
  .type3 .type-title__container .name {
    display: block;
    margin: calc(26 * (100vw / 750)) 0 0 0;
  }
  .type3 .type-imgs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .type3 .type--img1__container {
    margin: calc(67 * (100vw / 750)) auto 0 auto;
    width: calc(562 * (100vw / 750));
  }
  .type3 .type--img2__container {
    margin: calc(30 * (100vw / 750)) auto 0 calc(37 * (100vw / 750));
    width: calc(450 * (100vw / 750));
  }
  .type3 .type--mov__container {
    margin: calc(30 * (100vw / 750)) calc(37 * (100vw / 750)) 0 auto;
    width: calc(375 * (100vw / 750));
  }
  .type3 .type--mov__container .mov-width {
    width: 100%;
  }
  .type3 .detail__container {
    margin: calc(48 * (100vw / 750)) auto 0 auto;
    width: 100%;
  }
  .type3 .detail__container .desc-txt {
    font-feature-settings: normal;
    letter-spacing: calc(1.7 * (100vw / 750));
  }
  .type3 .detail__container .credit-txt {
    margin: calc(26 * (100vw / 750)) auto 0 0;
  }
  /* ===============================================
        *  ▽ Type:04 ▽ *
    =============================================== */
  .sec--type4 {
    display: block;
    height: calc(2664 * (100vw / 750));
    margin: unset;
    width: 100%;
  }
  .type4 {
    height: calc(2015 * (100vw / 750));
    margin: calc(38 * (100vw / 750)) 0 0 0;
    padding: calc(54 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type4 .type-title__container {
    margin: unset;
    padding: unset;
    text-align: center;
  }
  .type4 .type-title__container .name {
    display: block;
    margin: calc(28 * (100vw / 750)) 0 0 0;
  }
  .type4 .type-imgs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .type4 .type--img1__container {
    margin: calc(52 * (100vw / 750)) auto 0 auto;
    width: calc(676 * (100vw / 750));
  }
  .type4 .type--mov__container {
    margin: calc(30 * (100vw / 750)) auto 0 auto;
    width: calc(490 * (100vw / 750));
  }
  .type4 .type--mov__container .mov-width {
    width: 100%;
  }
  .type4 .detail__container {
    margin: calc(44 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type4 .detail__container .desc-txt {
    letter-spacing: calc(1.6 * (100vw / 750));
  }
  .type4 .detail__container .credit-txt {
    margin: calc(22 * (100vw / 750)) auto 0 0;
  }
  /* ===============================================
        *  ▽ Type:05 ▽ *
    =============================================== */
  .sec--type5 {
    display: block;
    height: calc(2390 * (100vw / 750));
    width: 100%;
  }
  .type5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(1764 * (100vw / 750));
    margin: calc(20 * (100vw / 750)) 0 0 0;
    padding: calc(60 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type5 .type-title__container {
    margin: unset;
    padding: unset;
  }
  .type5 .type-title__container .name {
    display: block;
    margin: calc(22 * (100vw / 750)) 0 0 0;
  }
  .type5 .type-imgs__container {
    display: block;
    width: 100%;
  }
  .type5 .type--img1__container {
    margin: calc(54 * (100vw / 750)) calc(37 * (100vw / 750)) 0 auto;
    width: calc(600 * (100vw / 750));
  }
  .type5 .type--mov__container {
    margin: calc(32 * (100vw / 750)) auto 0 calc(36 * (100vw / 750));
    width: calc(412 * (100vw / 750));
  }
  .type5 .type--mov__container .mov-width {
    width: 100%;
  }
  .type5 .detail__container {
    width: 100%;
  }
  .type5 .detail__container .desc-txt {
    letter-spacing: calc(1.8 * (100vw / 750));
  }
  .type5 .detail__container .credit-txt {
    margin: calc(23 * (100vw / 750)) auto 0 0;
  }
  /* ===============================================
        *  ▽ Type:06 ▽ *
    =============================================== */
  .sec--type6 {
    display: block;
    height: calc(2366 * (100vw / 750));
    width: 100%;
  }
  .type6 {
    height: calc(1835 * (100vw / 750));
    margin: 0;
    padding: calc(58 * (100vw / 750)) 0 0 0;
    width: 100%;
  }
  .type6 .type-title__container {
    margin: unset;
    padding: unset;
    text-align: center;
  }
  .type6 .type-title__container .name {
    display: block;
    margin: calc(24 * (100vw / 750)) 0 0 0;
  }
  .type6 .type-imgs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .type6 .type--img1__container {
    margin: calc(56 * (100vw / 750)) auto 0 auto;
    width: calc(600 * (100vw / 750));
  }
  .type6 .type--mov__container {
    margin: calc(30 * (100vw / 750)) auto 0 auto;
    width: calc(450 * (100vw / 750));
  }
  .type6 .type--mov__container .mov-width {
    width: 100%;
  }
  .type6 .detail__container {
    margin: calc(46 * (100vw / 750)) auto 0 0;
    width: 100%;
  }
  .type6 .detail__container .desc-txt {
    letter-spacing: calc(1.7 * (100vw / 750));
    text-align: unset;
  }
  .type6 .detail__container .credit-txt {
    margin: calc(24 * (100vw / 750)) auto 0 0;
  }
  /* ===============================================
        *  ▽ bottom components ▽ *
    =============================================== */
  .checkall__btn {
    height: calc(160 * (100vw / 750));
    margin: calc(114 * (100vw / 750)) auto 0 auto;
    width: calc(676 * (100vw / 750));
  }
  .checkall-txt {
    color: #000;
    display: block;
    font-family: "Work Sans", sans-serif;
    font-size: calc(46 * (100vw / 750));
    font-weight: 300;
    letter-spacing: calc(2.3 * (100vw / 750));
    line-height: calc(153 * (100vw / 750));
    text-align: center;
  }
  .prev-link__btn {
    border-bottom: solid 1px #000;
    margin: calc(74 * (100vw / 750)) auto calc(200 * (100vw / 750)) auto;
    width: calc(200 * (100vw / 750));
  }
  .prev-link-txt {
    color: #000;
    display: inline-block;
    font-size: calc(46 * (100vw / 750));
    letter-spacing: calc(2 * (100vw / 750));
    line-height: calc(55 * (100vw / 750));
    padding: 0 0 calc(20 * (100vw / 750)) calc(32 * (100vw / 750));
  }
  .prev-link-txt:after {
    content: "";
    bottom: calc(34 * (100vw / 750));
    left: calc(154 * (100vw / 750));
  }
}