@charset "UTF-8";
/* =========================================================
   ドラマティックドレス / SUMMER to FALL
   カンプ指定値
     タイトルフォント : 日本語 小塚明朝 / 英字 Cardo
     テキストフォント : 日本語 Noto Sans JP
     クレジットフォント: Noto Sans JP
     テキスト色       : 英字 #6d373e / 日本語 #595757
   デザイン基準幅     : PC 1920px / SP 786px（＝ブレークポイント）
   ---------------------------------------------------------
   小塚明朝未配信時は Noto Serif JP を代替。
   番号（01. 02.）は Sitka（Adobe Fonts）。
   ========================================================= */
/* モノクロ⇄カラーのゆっくりフェード切替。
   ページ読込起点だと到達時のループ位置がバラバラになり、すでにカラーで
   「切り替わらない」ように見えるため、画像の上端が画面下端に入った時点
   （data-aos-offset="0"）をトリガーにする */
div.spFooter.sp {
  margin-top: 0;
}

/*----------lp----------*/
#dh_lp_wrapper {
  width: 100%;
  font-family: "Noto Sans JP", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: clamp(13px, 1.34vw, 14px);
  letter-spacing: 0.04em;
  line-height: 2;
  color: #595757;
  background-color: #fff;
}
#dh_lp_wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
#dh_lp_wrapper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#dh_lp_wrapper figure {
  margin: 0;
}
#dh_lp_wrapper a {
  text-decoration: none;
  color: #595757;
}
#dh_lp_wrapper .pc {
  display: inline;
}
#dh_lp_wrapper .sp {
  display: none;
}
#dh_lp_wrapper {
  /* ---------------------------------------------------------
     追加アニメーション
       char-up      : 1文字ずつ下からふわっと表示
       img-in-up    : 下からフェードイン
       img-in-left  : 左からフェードイン
       img-in-right : 右からフェードイン
       img-fade     : 移動なしのフェードイン（overflow:hidden 内向け）
     --------------------------------------------------------- */
}
#dh_lp_wrapper [data-aos=char-up] {
  /* JS分割前の生テキストが一瞬見えるのを防ぐ */
}
#dh_lp_wrapper [data-aos=char-up] [data-split] {
  visibility: hidden;
}
#dh_lp_wrapper [data-aos=char-up] .ch {
  visibility: visible;
  display: inline-block;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.85s;
          transition-duration: 0.85s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
#dh_lp_wrapper [data-aos=char-up].aos-init .ch {
  opacity: 0;
  -webkit-transform: translateY(0.6em);
          transform: translateY(0.6em);
}
#dh_lp_wrapper [data-aos=char-up].aos-init.aos-animate .ch {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#dh_lp_wrapper [data-aos=img-in-up] {
  overflow: hidden;
}
#dh_lp_wrapper [data-aos=img-in-up] > a {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
#dh_lp_wrapper [data-aos=img-in-up].aos-init > a {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
#dh_lp_wrapper [data-aos=img-in-up].aos-init.aos-animate > a {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#dh_lp_wrapper [data-aos=img-in-left] {
  overflow: hidden;
}
#dh_lp_wrapper [data-aos=img-in-left] > a {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
#dh_lp_wrapper [data-aos=img-in-left].aos-init > a {
  opacity: 0;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}
#dh_lp_wrapper [data-aos=img-in-left].aos-init.aos-animate > a {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#dh_lp_wrapper [data-aos=img-in-right] {
  overflow: hidden;
}
#dh_lp_wrapper [data-aos=img-in-right] > a {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
#dh_lp_wrapper [data-aos=img-in-right].aos-init > a {
  opacity: 0;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}
#dh_lp_wrapper [data-aos=img-in-right].aos-init.aos-animate > a {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#dh_lp_wrapper [data-aos=img-fade] {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
#dh_lp_wrapper [data-aos=img-fade].aos-init {
  opacity: 0;
}
#dh_lp_wrapper [data-aos=img-fade].aos-init.aos-animate {
  opacity: 1;
}
#dh_lp_wrapper {
  /* =========================================================
     mainvisual
     ========================================================= */
}
#dh_lp_wrapper .mainvisual {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}
#dh_lp_wrapper .mainvisual > img {
  width: 100%;
  opacity: 0;
  -webkit-animation: mv_lp_fade_in 2.4s ease-out forwards;
          animation: mv_lp_fade_in 2.4s ease-out forwards;
}
#dh_lp_wrapper .mainvisual > img.pc {
  aspect-ratio: 1920/957;
}
#dh_lp_wrapper .mainvisual > img.sp {
  aspect-ratio: 786/1044;
}
#dh_lp_wrapper .mainvisual .mv_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
#dh_lp_wrapper .mainvisual .mv_ttl {
  position: absolute;
  right: 5%;
  bottom: 10%;
  margin: 0;
  font-family: "Kozuka Mincho Pr6N", "小塚明朝 Pr6N", "Noto Serif JP", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-align: left;
}
#dh_lp_wrapper .mainvisual .mv_ttl_sub {
  display: block;
  font-size: 1.55vw;
  letter-spacing: 0.14em;
  margin-bottom: 0.55em;
  margin-right: 8vw;
}
#dh_lp_wrapper .mainvisual .mv_ttl_sub .em {
  font-size: 1.5em;
}
#dh_lp_wrapper .mainvisual .mv_ttl_main {
  display: block;
  text-align: right;
  font-size: 2.5vw;
  letter-spacing: 0.12em;
  opacity: 0;
  -webkit-transform: translateY(1.2em);
          transform: translateY(1.2em);
  /* animation はサブ完了後に JS で付与 */
}
#dh_lp_wrapper .mainvisual {
  /* JS分割前の生テキストが一瞬見えるのを防ぐ。
     visibility は子の .ch で visible に戻せる */
}
#dh_lp_wrapper .mainvisual .mv_ttl [data-split] {
  visibility: hidden;
}
#dh_lp_wrapper .mainvisual .mv_ttl .ch {
  visibility: visible;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(0.6em);
          transform: translateY(0.6em);
  -webkit-animation: mv_lp_char_up 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: mv_lp_char_up 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@-webkit-keyframes mv_lp_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mv_lp_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mv_lp_char_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mv_lp_char_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mv_lp_slide_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(1.2em);
            transform: translateY(1.2em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mv_lp_slide_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(1.2em);
            transform: translateY(1.2em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#dh_lp_wrapper {
  /* =========================================================
     main
     ========================================================= */
}
#dh_lp_wrapper .main_wrap {
  width: 100%;
  /* ---------- リード ---------- */
}
#dh_lp_wrapper .main_wrap .lead {
  width: 100%;
  padding: 6.5vw 8% 5.5vw;
  text-align: center;
}
#dh_lp_wrapper .main_wrap .lead p {
  margin: 0 auto;
  max-width: 52em;
  line-height: 2.15;
}
#dh_lp_wrapper .main_wrap .lead p span {
  display: block;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- ポートレート ---------- */
}
#dh_lp_wrapper .main_wrap .portrait {
  width: 32%;
  margin: 0 auto 7vw;
  aspect-ratio: 4/5;
}
#dh_lp_wrapper .main_wrap .portrait a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#dh_lp_wrapper .main_wrap .portrait a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
  z-index: 2;
}
#dh_lp_wrapper .main_wrap .portrait a:hover::after {
  opacity: 0.22;
}
#dh_lp_wrapper .main_wrap .portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- 見出し ---------- */
}
#dh_lp_wrapper .main_wrap .sec_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.45em;
  margin: 0;
  color: #6d373e;
  font-weight: 400;
}
#dh_lp_wrapper .main_wrap .sec_ttl .ttl_num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-family: "sitka-small", "Cardo", serif;
  font-weight: 700;
  font-size: 2.3vw;
  line-height: 1;
  letter-spacing: 0.02em;
}
#dh_lp_wrapper .main_wrap .sec_ttl .ttl_jp {
  font-family: "Noto Sans JP", "Open Sans", sans-serif;
  font-size: 1.45vw;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.06em;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- 本文 / クレジット ---------- */
}
#dh_lp_wrapper .main_wrap .txt_wrap > p {
  margin: 1.5em 0 0;
  line-height: 2;
  letter-spacing: 0.03em;
  text-align: justify;
}
#dh_lp_wrapper .main_wrap .credit {
  margin: 2em 0 0;
  padding: 0;
  list-style: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #595757;
}
#dh_lp_wrapper .main_wrap .credit li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.55em;
}
#dh_lp_wrapper .main_wrap .credit li:first-child {
  margin-top: 0;
}
#dh_lp_wrapper .main_wrap .credit .name {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 6.4em;
  padding-right: 0.8em;
}
#dh_lp_wrapper .main_wrap .credit .price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 5.6em;
  padding-right: 1em;
}
#dh_lp_wrapper .main_wrap .credit {
  /* LOOKBOOK（lps-20260820）の .look__credit-buy と同デザイン */
}
#dh_lp_wrapper .main_wrap .credit .buy {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 3.6em;
  padding: 0.15em 0.8em;
  border-radius: 3rem;
  background: #fff;
  font-weight: 500;
  font-size: 1em;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
  -webkit-filter: drop-shadow(0 0.1rem 0.2rem rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0.1rem 0.2rem rgba(0, 0, 0, 0.25));
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#dh_lp_wrapper .main_wrap .credit .buy:hover {
  opacity: 0.7;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- 画像共通 ---------- */
}
#dh_lp_wrapper .main_wrap .sec {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#dh_lp_wrapper .main_wrap .sec figure {
  aspect-ratio: 4/5;
}
#dh_lp_wrapper .main_wrap .sec figure a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#dh_lp_wrapper .main_wrap .sec figure a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
  z-index: 2;
}
#dh_lp_wrapper .main_wrap .sec figure a:hover::after {
  opacity: 0.22;
}
#dh_lp_wrapper .main_wrap .sec figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#dh_lp_wrapper .main_wrap .sec .sec_row {
  width: 100%;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- フェード切替（SPの01で使用） ---------- */
}
#dh_lp_wrapper .main_wrap .img_swap a {
  position: relative;
}
#dh_lp_wrapper .main_wrap .img_swap img {
  position: absolute;
  top: 0;
  left: 0;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- 01 ----------
     右に大カット（フロント）＋見出し・本文、左に小カット（バック）を下げて配置 */
}
#dh_lp_wrapper .main_wrap .sec01 {
  padding-top: 2vw;
}
#dh_lp_wrapper .main_wrap .sec01 .sec_row {
  display: grid;
  grid-template-columns: 1fr 38% 5% 52% 1fr;
}
#dh_lp_wrapper .main_wrap .sec01 .img_main {
  grid-column: 4;
  grid-row: 1;
  /* PCは並置のため切替オフ。swap_b は出さない */
}
#dh_lp_wrapper .main_wrap .sec01 .img_main .swap_b {
  display: none;
}
#dh_lp_wrapper .main_wrap .sec01 .img_sub {
  grid-column: 2;
  grid-row: 1/3;
  margin-top: 28vw;
}
#dh_lp_wrapper .main_wrap .sec01 .txt_wrap {
  grid-column: 4;
  grid-row: 2;
  margin-top: 2.8vw;
  padding-right: 2%;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- ストーリー帯 ---------- */
}
#dh_lp_wrapper .main_wrap .story {
  width: 100%;
  margin: 15vw 0 0;
  overflow: hidden;
}
#dh_lp_wrapper .main_wrap .story .story_media {
  width: 100%;
}
#dh_lp_wrapper .main_wrap .story .story_media > img {
  width: 100%;
  aspect-ratio: 1920/957;
}
#dh_lp_wrapper .main_wrap .story .story_media > img.pc {
  display: block;
}
#dh_lp_wrapper .main_wrap .story .story_media > img.sp {
  display: none;
  aspect-ratio: 1920/1289;
}
#dh_lp_wrapper .main_wrap .story .story_ttl {
  position: absolute;
  left: 68%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 90%;
  text-align: center;
  color: #fff;
  font-family: "Cardo", "sitka-small", serif;
  font-weight: 700;
  font-size: 2.55vw;
  letter-spacing: 0.06em;
  line-height: 1.3;
  white-space: nowrap;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- 02 ----------
     左カラム内で画像→テキストを積む（右画像の高さに引きずられない） */
}
#dh_lp_wrapper .main_wrap .sec02 {
  padding: 13vw 0 0;
}
#dh_lp_wrapper .main_wrap .sec02 .sec_row {
  display: grid;
  grid-template-columns: 1fr 46% 4% 42% 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
#dh_lp_wrapper .main_wrap .sec02 .sec02_left {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
}
#dh_lp_wrapper .main_wrap .sec02 .img_l {
  width: 100%;
}
#dh_lp_wrapper .main_wrap .sec02 .img_r {
  grid-column: 4;
  grid-row: 1;
  margin-top: 12vw;
}
#dh_lp_wrapper .main_wrap .sec02 .txt_wrap {
  width: 100%;
  margin: 2.8vw 0 0;
  padding: 0;
}
#dh_lp_wrapper .main_wrap {
  /* ---------- CTA ---------- */
}
#dh_lp_wrapper .main_wrap .cta {
  width: 100%;
  margin: 7vw 0 9vw;
  text-align: center;
}
#dh_lp_wrapper .main_wrap .cta a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 28%;
  padding: 1.05em 2.4em;
  background: #6d373e;
  color: #fff;
  font-family: "Noto Sans JP", "Open Sans", sans-serif;
  font-size: clamp(13px, 1.25vw, 15px);
  letter-spacing: 0.14em;
  line-height: 1.5;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#dh_lp_wrapper .main_wrap .cta a:hover {
  opacity: 0.75;
}
@-webkit-keyframes lp_swap_b {
  0%, 25% {
    opacity: 0;
  }
  42%, 100% {
    opacity: 1;
  }
}
@keyframes lp_swap_b {
  0%, 25% {
    opacity: 0;
  }
  42%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes lp_swap_b_loop {
  0%, 25% {
    opacity: 0;
  }
  42%, 75% {
    opacity: 1;
  }
  92%, 100% {
    opacity: 0;
  }
}
@keyframes lp_swap_b_loop {
  0%, 25% {
    opacity: 0;
  }
  42%, 75% {
    opacity: 1;
  }
  92%, 100% {
    opacity: 0;
  }
}
#dh_lp_wrapper {
  /* =========================================================
     SP（ブレークポイント 786px）
     ========================================================= */
}
@media (max-width: 786px) {
  #dh_lp_wrapper {
    font-size: 12px;
  }
  #dh_lp_wrapper .pc {
    display: none !important;
  }
  #dh_lp_wrapper .sp {
    display: block;
  }
  #dh_lp_wrapper .mainvisual .mv_ttl {
    right: auto;
    left: 50%;
    bottom: 8%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    width: 90%;
  }
  #dh_lp_wrapper .mainvisual .mv_ttl_sub {
    font-size: 3.4vw;
    letter-spacing: 0.12em;
  }
  #dh_lp_wrapper .mainvisual .mv_ttl_main {
    font-size: 6.2vw;
    letter-spacing: 0.1em;
  }
  #dh_lp_wrapper .main_wrap .lead {
    padding: 10vw 5% 8vw;
  }
  #dh_lp_wrapper .main_wrap .lead p {
    max-width: none;
  }
  #dh_lp_wrapper .main_wrap .lead p span {
    display: inline;
  }
  #dh_lp_wrapper .main_wrap .portrait {
    width: 78%;
    margin: 0 auto 10vw;
  }
  #dh_lp_wrapper .main_wrap .sec_ttl {
    gap: 0.4em;
  }
  #dh_lp_wrapper .main_wrap .sec_ttl .ttl_num {
    font-size: 5.5vw;
  }
  #dh_lp_wrapper .main_wrap .sec_ttl .ttl_jp {
    font-size: 3.7vw;
  }
  #dh_lp_wrapper .main_wrap .txt_wrap > p {
    margin-top: 1.3em;
  }
  #dh_lp_wrapper .main_wrap .credit {
    margin-top: 1.8em;
    font-size: 12px;
  }
  #dh_lp_wrapper .main_wrap .sec {
    width: 100%;
    padding: 0;
  }
  #dh_lp_wrapper .main_wrap .sec .sec_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #dh_lp_wrapper .main_wrap .sec .txt_wrap {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    width: 90%;
    margin: 7vw 5% 0;
    padding: 0;
  }
  #dh_lp_wrapper .main_wrap {
    /* SP：①の2カットをゆっくりフェード切替 */
  }
  #dh_lp_wrapper .main_wrap .sec01 {
    padding-top: 4vw;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_main {
    width: 86%;
    margin: 0 auto;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_main .swap_b {
    display: block;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_main .swap_a {
    opacity: 1;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_main .swap_b {
    opacity: 0;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_main:not(.aos-init) .swap_b, #dh_lp_wrapper .main_wrap .sec01 .img_main.aos-animate .swap_b {
    -webkit-animation: lp_swap_b_loop 5s ease-in-out 0.3s infinite;
            animation: lp_swap_b_loop 5s ease-in-out 0.3s infinite;
  }
  #dh_lp_wrapper .main_wrap .sec01 .img_sub {
    display: none;
  }
  #dh_lp_wrapper .main_wrap .story {
    margin-top: 12vw;
  }
  #dh_lp_wrapper .main_wrap .story .story_media > img.sp {
    display: block;
  }
  #dh_lp_wrapper .main_wrap .story .story_ttl {
    left: 68%;
    font-size: 4vw;
    letter-spacing: 0.04em;
    white-space: normal;
    width: 50%;
  }
  #dh_lp_wrapper .main_wrap .sec02 {
    padding-top: 10vw;
    /* SPは従来どおり img → テキスト の並びに戻す */
  }
  #dh_lp_wrapper .main_wrap .sec02 .sec02_left {
    display: contents;
  }
  #dh_lp_wrapper .main_wrap .sec02 {
    /* PCと逆：右上に img_r、左下に img_l */
  }
  #dh_lp_wrapper .main_wrap .sec02 .img_r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 78%;
    margin: 0 0 0 auto;
  }
  #dh_lp_wrapper .main_wrap .sec02 .img_l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 78%;
    margin: 7vw 0 0;
  }
  #dh_lp_wrapper .main_wrap .cta {
    margin: 12vw 0 14vw;
  }
  #dh_lp_wrapper .main_wrap .cta a {
    min-width: 78%;
    padding: 1.15em 1.5em;
    font-size: 3.4vw;
  }
}/*# sourceMappingURL=style.css.map */