/* ベーススタイル */
.honeyluster_main {
  color: #000;
  background: #fff;
  overflow: clip !important;
}
.honeyluster_main * {
  font-feature-settings: "palt";
}

/* PCとSPの表示切り替えユーティリティ */
@media screen and (max-width: 900px) {
  .honeyluster_main .isPc { display: none !important; }
}
@media screen and (min-width: 901px) {
  .honeyluster_main .isSp { display: none !important; }
}

/* 幅の制御 */
.honeyluster_main .main_width {
  display: block;
  margin: 0 auto;
  max-width: 1054px;
  padding: 0 24px;
}
@media screen and (max-width: 900px) {
  .honeyluster_main .main_width { padding: 0 6.4vw; }
}

sup {
    display: inline-block;
    font-size: 60%;
    position: relative;
    top: 0.1em;
    padding-left: 1px;
}

/* =========================================================
   ヒーローエリア (KV) の固定と重なり
========================================================= */
.honeyluster_main .sticky_wrap .first {
  position: sticky;
  top: -150px;
  z-index: 1; /* 1枚目の重なり順 */
}
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .first { top: calc(-40vw - 80px); }
}

.honeyluster_main .sticky_wrap .second {
  position: sticky;
  top: -50px;
  z-index: 2; /* 2枚目を1枚目の上に被せる */
}
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .second { top: 45px; }
}

/* 2枚目のマスク（アニメーション用：スマホのみスクロールでぼかし） */
.honeyluster_main .sticky_wrap .second .kv .img .kv_mask {
  opacity: 0; /* ← !important を外してプログラムの指示を受け入れるようにしました */
  position: absolute;
  z-index: 4;
  inset: 0px;
  background: rgba(0, 0, 0, 0.1);
}

/* PC版（901px以上）はテキストと画像が被らないため、ぼかしを強制的に無効化 */
@media screen and (min-width: 901px) {
  .honeyluster_main .sticky_wrap .second .kv .img .kv_mask {
    opacity: 0 !important;
  }
}

/* =========================================================
   KVテキストの固定と文字サイズ
========================================================= */
.honeyluster_main .sticky_wrap .txt {
  pointer-events: none;
  position: sticky;
  top: 120px;
  padding-bottom: 100px;
  z-index: 3;
}
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .txt { top: 0; padding-bottom: 0; }
}

.honeyluster_main .sticky_wrap .txt .text {
  padding-left: 9.375vw;
}
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .txt .text { padding: 26.667vw 7.467vw; text-align: center; }
}

/* 文字色と余白の共通指定 */
.honeyluster_main .sticky_wrap .txt .text h2.ttl,
.honeyluster_main .sticky_wrap .txt .text p.desc,
.honeyluster_main .sticky_wrap .txt .text span {
  color: #fff !important; /* 強制的に白にする */
}
.honeyluster_main .sticky_wrap .txt .text p.desc + p.desc {
  margin-top: 2em;
}

/* 文字サイズの指定（PCは元サイトと同じ vw を使用） */
.honeyluster_main .sticky_wrap .txt .text h2.ttl {
  font-size: 24px; /* フォールバック */
  font-size: 1.406vw; /* 画面幅に応じて可変 */
  line-height: 1.75;
  margin-bottom: 2em;
}
.honeyluster_main .sticky_wrap .txt .text p.desc {
  font-size: 14px; /* フォールバック */
  font-size: 1.016vw; /* 画面幅に応じて可変 */
  line-height: 1.6;
}

/* SPの文字サイズ指定 */
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .txt .text h2.ttl {
    font-size: 5.067vw;
    line-height: 1.875;
    margin-bottom: 2em;
  }
  .honeyluster_main .sticky_wrap .txt .text p.desc {
    font-size: 3.467vw;
    line-height: 1.92;
  }
}

/* スクロールアニメーション用の余白領域確保 */
.honeyluster_main .sticky_wrap .kara {
  height: 130vh;
}
@media screen and (max-width: 900px) {
  .honeyluster_main .sticky_wrap .kara { height: 100vh; }
}

/* =========================================================
   各セクションの余白とレイアウト
========================================================= */
.honeyluster_main .prologue { background: #F5F5F5; padding: 90px 0; }
@media screen and (max-width: 900px) { .honeyluster_main .prologue { padding: 0; } }

.honeyluster_main .prologue .inner .imgtxt { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -49px; }
@media screen and (max-width: 900px) { .honeyluster_main .prologue .inner .imgtxt { display: block; margin: 0; } }

.honeyluster_main .prologue .inner .imgtxt .img { width: 50%; padding: 0 49px; }
@media screen and (max-width: 900px) { .honeyluster_main .prologue .inner .imgtxt .img { width: auto; margin: 0 -6.4vw; } }

.honeyluster_main .prologue .inner .imgtxt .txt { flex: 1; padding: 0 49px; }
@media screen and (max-width: 900px) { .honeyluster_main .prologue .inner .imgtxt .txt { padding: 16vw 0 32vw; text-align: center; } }



/* GSAP アニメーション用初期設定 */
.honeyluster_main .change-text,
.honeyluster_main .change-text2,
.honeyluster_main .change-text3,
.honeyluster_main .change-text4 {
  opacity: 0.1;
  transition: 1.5s;
}

/* =========================================================
   KVテキストの強制上書き
========================================================= */
/* 文字色を白に、透明度を1（くっきり）に強制 */
.honeyluster_main .sticky_wrap .txt .text h2.ttl,
.honeyluster_main .sticky_wrap .txt .text h2.ttl span,
.honeyluster_main .sticky_wrap .txt .text p.desc,
.honeyluster_main .sticky_wrap .txt .text p.desc span {
    color: #ffffff !important;
    opacity: 1 !important; /* アニメーションが止まっても強制的に表示 */
}

/* PC版の文字サイズと余白 */
@media screen and (min-width: 901px) {
    .honeyluster_main .sticky_wrap .txt .text {
        padding-left: 9.375vw !important;
    }
    .honeyluster_main .sticky_wrap .txt .text h2.ttl {
        /* 最低24pxを保証し、画面が広ければ最大32pxまで大きくなる設定 */
        font-size: clamp(24px, 1.8vw, 32px) !important;
        line-height: 1.75 !important;
        margin-bottom: 2em !important;
    }
    .honeyluster_main .sticky_wrap .txt .text p.desc {
        /* 本文も最低14pxを保証 */
        font-size: clamp(14px, 1.1vw, 18px) !important;
        line-height: 1.6 !important;
    }
}

/* SP版の文字サイズ */
@media screen and (max-width: 900px) {
    .honeyluster_main .sticky_wrap .txt .text h2.ttl {
        font-size: 5.067vw !important;
        line-height: 1.875 !important;
    }
    .honeyluster_main .sticky_wrap .txt .text p.desc {
        font-size: 3.467vw !important;
        line-height: 1.92 !important;
    }
}

/* =========================================================
   共通CSS(base.css)による13pxの強制上書きをキャンセル
========================================================= */
.honeyluster_main .sticky_wrap .txt .text h2.ttl span,
.honeyluster_main .sticky_wrap .txt .text p.desc span {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* =========================================================
   共通ラベルの配置 (Ingredient, Color など)
========================================================= */
.honeyluster_main .inner {
    position: relative;
    z-index: 1;
}
.honeyluster_main .inner .label {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.honeyluster_main .inner .label p {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.02em;
    padding-top: 0.5em;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .inner .label { position: static; }
    .honeyluster_main .inner .label p { font-size: 3.467vw; margin-bottom: 2em; text-align: center; }
}

/* =========================================================
   Ingredient（成分）セクション
========================================================= */
.honeyluster_main .ingredient {
    background: #EAEAE8; /* 背景色グレー */
    padding: 80px 0;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient { padding: 16vw 0; }
}

/* テキストの中央揃え */
.honeyluster_main .ingredient .inner h2.ttl {
    font-size: 18px;
    line-height: 1.38;
    text-align: center;
    margin-bottom: 1em;
}
.honeyluster_main .ingredient .inner p.catch {
    font-size: 13px;
    line-height: 1.615;
    text-align: center;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient .inner h2.ttl { font-size: 4.267vw; text-align: justify; }
    .honeyluster_main .ingredient .inner p.catch { font-size: 3.467vw; text-align: justify; }
}

/* 5列のグリッドレイアウト */
.honeyluster_main .ingredient .inner .list {
    max-width: 650px;
    margin: 70px auto 40px;
}
.honeyluster_main .ingredient .inner .list .block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px -18px;
}
.honeyluster_main .ingredient .inner .list .block .set {
    width: 20%; /* 5列にするための指定 */
    padding: 0 18px;
    margin-bottom: 18px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient .inner .list { margin: 13.333vw auto; }
    .honeyluster_main .ingredient .inner .list .block { margin: 0 -3.467vw -3.467vw; }
    .honeyluster_main .ingredient .inner .list .block .set { width: 33.333%; padding: 0 3.467vw; margin-bottom: 3.467vw; } /* SP時は3列 */
}

/* 画像とテキストの調整 */
.honeyluster_main .ingredient .inner .list .block .set .set_inner { height: 100%; }
.honeyluster_main .ingredient .inner .list .block .set .set_inner .img { padding: 0 10px; }
.honeyluster_main .ingredient .inner .list .block .set .set_inner .img img { 
    width: 100%; /* 画像の巨大化を防ぐ */
    height: auto; 
    display: block; 
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient .inner .list .block .set .set_inner .img { padding: 0; }
}

.honeyluster_main .ingredient .inner .list .block .set .set_inner .txt { margin-top: 10px; }
.honeyluster_main .ingredient .inner .list .block .set .set_inner .txt .name {
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
}
.honeyluster_main .ingredient .inner .list .block .set .set_inner .txt .new {
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    color: #C7669E;
    text-decoration: underline;
    margin-top: 0.5em;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient .inner .list .block .set .set_inner .txt .name { font-size: 3.2vw; }
    .honeyluster_main .ingredient .inner .list .block .set .set_inner .txt .new { font-size: 2.667vw; }
}

/* 注釈（補足テキスト） */
.honeyluster_main .ingredient .inner .hosoku_width {
    max-width: 750px;
    margin: 0 auto;
}
.honeyluster_main .ingredient .inner .hosoku_width .hosoku_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.honeyluster_main .ingredient .inner p.hosoku {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: justify;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .ingredient .inner .hosoku_width .hosoku_wrap { display: block; }
    .honeyluster_main .ingredient .inner p.hosoku { font-size: 2.667vw; }
}

/* =========================================================
   Product（Color）セクション
========================================================= */
.honeyluster_main .product {
    background: #FFFEFD;
    padding: 80px 0 120px;
}
.honeyluster_main .product .inner {
    padding-top: 30px; /* 左上のColorラベルとタイトルが被るのを防ぐ */
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product { padding: 16vw 0 21.333vw; }
    .honeyluster_main .product .inner { padding-top: 0; }
}

/* タイトル・リード文の中央揃え */
.honeyluster_main .product .inner h2.ttl {
    font-size: 18px;
    line-height: 1.38;
    text-align: center;
    margin-bottom: 1em;
}
.honeyluster_main .product .inner p.catch {
    font-size: 13px;
    line-height: 1.615;
    text-align: center;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner h2.ttl { font-size: 4.267vw; text-align: justify; }
    .honeyluster_main .product .inner p.catch { font-size: 3.467vw; text-align: justify; }
}

/* 商品リストのレイアウト (画像とテキストの横並び) */
.honeyluster_main .product .inner .list {
    max-width: 640px;
    margin: 60px auto 0;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list { margin-top: 16vw; }
}

.honeyluster_main .product .inner .list .block .set .set_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -18px;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block .set .set_inner { display: block; margin: 0; }
}

/* 画像エリアのサイズ調整 (幅50%) */
.honeyluster_main .product .inner .list .block .set .set_inner .img {
    width: 50%;
    padding: 0 18px;
    box-sizing: border-box;
}
.honeyluster_main .product .inner .list .block .set .set_inner .img img {
    width: 100%;
    height: auto;
    display: block;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block .set .set_inner .img { width: auto; padding: 0; }
}

/* テキストエリアのサイズ調整 (幅50%) */
.honeyluster_main .product .inner .list .block .set .set_inner .txt {
    flex: 1; /* 残りの幅をすべて使う */
    padding: 0 18px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block .set .set_inner .txt { width: auto; padding: 0; }
}

/* 商品テキストの詳細スタイル */
.honeyluster_main .product .inner .list .block .set .set_inner .txt .name {
    font-size: 20px;
    margin: 0 0 0.5em;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .price {
    font-size: 13px;
    margin-bottom: 1em;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .price span.mini {
    font-size: 12px;
    display: block;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .desc {
    font-size: 12px;
    line-height: 1.6;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .float {
    margin-top: 20px;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block .set .set_inner .txt .name { font-size: 4.533vw; text-align: center; line-height: 1.2; }
    .honeyluster_main .product .inner .list .block .set .set_inner .txt .price { font-size: 13px; text-align: center; }
    .honeyluster_main .product .inner .list .block .set .set_inner .txt .price span.mini { font-size: 13px; }
    .honeyluster_main .product .inner .list .block .set .set_inner .txt .desc { font-size: 3.467vw; text-align: center; }
    .honeyluster_main .product .inner .list .block .set .set_inner .txt .float { 
        margin-top: 5.333vw; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
    }
}

/* view more リンクのスタイル */
.honeyluster_main .view {
    margin-top: 10px;
}
.honeyluster_main .view a {
    font-size: 11px;
    color: #211815;
    letter-spacing: 0.06em;
    transition: 0.5s;
    border-bottom: 1px solid #211815;
    padding-bottom: 0.2em;
    text-decoration: none;
}
.honeyluster_main .view a:hover {
    opacity: 0.6;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .view { text-align: center; margin-top: 2.667vw; }
    .honeyluster_main .view a { font-size: 3.2vw; }
}

/* 下部のサムネイル（カラーバリエーション）レイアウト */
.honeyluster_main .product .inner .slide_box { margin-top: 100px; }
.honeyluster_main .product .inner .list .block.main { margin-bottom: 50px; }
.honeyluster_main .product .inner .list .block.sub {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .slide_box { margin-top: 16vw; padding-bottom: 24vw; }
    .honeyluster_main .product .inner .list .block.main { margin-bottom: 5.333vw; }
    .honeyluster_main .product .inner .list .block.sub { margin: 0 1.333vw; }
}

/* サムネイルの6列分割 */
.honeyluster_main .product .inner .list .block.sub .naviset {
    width: 16.66666667%; /* PCでは1行に6つ */
    padding: 0 5px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block.sub .naviset { width: 33.33333333%; padding: 0 1.333vw; } /* SPでは1行に3つ */
}
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner {
    cursor: pointer;
    transition: 0.5s;
}
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner:hover {
    opacity: 0.6;
}
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner .img img {
    width: 100%;
    height: auto;
    display: block;
}
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner .txt .name {
    color: #211815;
    font-size: 12px;
    line-height: 1.16;
    text-align: center;
    letter-spacing: 0.05em;
    margin: 10px 0 0;
}
@media screen and (max-width: 900px) {
    .honeyluster_main .product .inner .list .block.sub .naviset .set_inner .txt .name { font-size: 3.2vw; }
}

/* =========================================================
   Product（Color）セクションの微調整（デザイン再現）
========================================================= */


/* 商品テキストのフォントウェイトと余白の調整 */
.honeyluster_main .product .inner .list .block .set .set_inner .txt .name {
    font-weight: normal;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .price {
    margin-bottom: 20px;
}
.honeyluster_main .product .inner .list .block .set .set_inner .txt .desc {
    margin-bottom: 20px;
}

/* スライダー（Slick）稼働時のサムネイルのレイアウト調整 */
.honeyluster_main .product .inner .list .block.sub .slick-track {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    left: 0 !important;
    transform: none !important;
}

/* 選択中（アクティブ）のサムネイルの下線再現 */
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner .txt .name {
    position: relative;
    padding-bottom: 0.5em;
}
.honeyluster_main .product .inner .list .block.sub .naviset .set_inner .txt .name::after {
    content: "";
    opacity: 0;
    transition: 0.5s;
    background: #211815;
    width: 45px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.honeyluster_main .product .inner .list .block.sub .slick-current .set_inner .txt .name::after {
    opacity: 1; /* 選択されている色に下線を出す */
}

/* =========================================================
   スライダーのチラつき（レイアウト崩れ）防止
========================================================= */
.honeyluster_main .slide_box .main:not(.slick-initialized) .set:nth-child(n+2) {
    display: none;
}
.honeyluster_main .slide_box .main .slick-track {
    display: flex !important;
    align-items: center;
}

/* =========================================================
   ボタンコンポーネントの完全修正（デザインと矢印の保護）
========================================================= */
/* ボタンの外枠の幅を確保 */
.honeyluster_main .btn {
    width: 100% !important;
    max-width: 240px !important; /* PC版での最大幅 */
}

/* ボタン本体のデザイン */
.honeyluster_main .btn > a {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    background: #505152 !important;
    border: 1px solid #505152 !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 100% !important;
    padding: 14px 1em !important;
    border-radius: 3px !important;
    transition: 0.5s;
}
.honeyluster_main .btn > a:hover { opacity: 0.6; }

/* 中の文字サイズを強制保護 */
.honeyluster_main .btn > a span {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* 矢印（テキストを右端に絶対配置して固定） */
.honeyluster_main .btn.link > a::after {
    content: "→" !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
}

/* スマホ用のサイズ調整 */
@media screen and (max-width: 900px) {
    .honeyluster_main .btn {
        max-width: 100% !important;
    }
    .honeyluster_main .btn > a {
        padding: 3.5vw 1em !important;
        border-radius: 0.8vw !important;
    }
    .honeyluster_main .btn > a span {
        font-size: 3.467vw !important;
    }
}

/* =========================================================
   Scent & Design セクション
========================================================= */
.honeyluster_main .scent_design {
    background: #F5F5F5;
}
.honeyluster_main .scent_design .main_width {
    max-width: 1280px;
    padding: 0;
}
.honeyluster_main .scent_design .inner .imgtxt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -40px;
    padding: 80px 0;
}
.honeyluster_main .scent_design .inner .imgtxt .txt {
    flex: 1;
    padding: 0 40px;
    box-sizing: border-box;
}
.honeyluster_main .scent_design .inner .imgtxt .txt .box_wrap {
    padding-left: 137px;
}
.honeyluster_main .scent_design .inner .imgtxt .txt .box + .box {
    border-top: 1px #3D3A3A solid;
    padding-top: 40px;
    margin-top: 40px;
}
.honeyluster_main .scent_design .inner .imgtxt .txt .box .tag {
    font-size: 13px;
    line-height: 1.53;
    letter-spacing: 0.02em;
    margin-bottom: 0.5em;
}
.honeyluster_main .scent_design .inner .imgtxt .txt .box .ttl {
    font-size: 18px;
    line-height: 1.38;
    margin-bottom: 0.5em;
}
.honeyluster_main .scent_design .inner .imgtxt .txt .box .desc {
    font-size: 13px;
    line-height: 1.92;
}
.honeyluster_main .scent_design .inner .imgtxt .img {
    width: 53%;
    padding: 0 40px;
    box-sizing: border-box;
}

@media screen and (max-width: 900px) {
    .honeyluster_main .scent_design .main_width { padding: 0 6.4vw; }
    .honeyluster_main .scent_design .inner .imgtxt { display: block; margin: 0; padding: 13.333vw 0; }
    .honeyluster_main .scent_design .inner .imgtxt .txt { padding: 0; margin-bottom: 8vw; }
    .honeyluster_main .scent_design .inner .imgtxt .txt .box_wrap { padding-left: 0; }
    .honeyluster_main .scent_design .inner .imgtxt .txt .box + .box { padding-top: 8vw; margin-top: 8vw; }
    .honeyluster_main .scent_design .inner .imgtxt .txt .box .tag { font-size: 3.467vw; }
    .honeyluster_main .scent_design .inner .imgtxt .txt .box .ttl { font-size: 4.267vw; }
    .honeyluster_main .scent_design .inner .imgtxt .txt .box .desc { font-size: 3.467vw; line-height: 1.69; }
    .honeyluster_main .scent_design .inner .imgtxt .img { width: auto; padding: 0; margin: 0 -6.4vw; }
}

/* =========================================================
   ROAliv with HONEY セクション
========================================================= */
.honeyluster_main .with {
    background: #6E7883;
}
.honeyluster_main .with .main_width {
    max-width: 1280px;
    padding: 0;
}
.honeyluster_main .with .inner .imgtxt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.honeyluster_main .with .inner .imgtxt .img {
    width: 51.5%;
    position: relative;
    z-index: 1;
}
.honeyluster_main .with .inner .imgtxt .img .ttl {
    font-size: 26px;
    color: #FFFEFD;
    letter-spacing: 0.15em;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.honeyluster_main .with .inner .imgtxt .txt {
    flex: 1;
}
.honeyluster_main .with .inner .imgtxt .txt .box_wrap {
    padding: 0 80px;
}
.honeyluster_main .with .inner .imgtxt .txt .catch {
    font-size: 20px;
    color: #FFFEFD;
    line-height: 1.5;
    margin-bottom: 2em;
}
.honeyluster_main .with .inner .imgtxt .txt .box + .box {
    margin-top: 40px;
}
.honeyluster_main .with .inner .imgtxt .txt .box .ttl {
    font-size: 16px;
    color: #FFFEFD;
    line-height: 1.5;
    border-bottom: 1px #D3DAE2 solid;
    padding-bottom: 0.5em;
    margin-bottom: 0.8em;
}
.honeyluster_main .with .inner .imgtxt .txt .box .desc {
    font-size: 14px;
    color: #FFFEFD;
    line-height: 1.78;
}

@media screen and (max-width: 900px) {
    .honeyluster_main .with .main_width { padding: 0 6.4vw; }
    .honeyluster_main .with .inner .imgtxt { display: block; }
    .honeyluster_main .with .inner .imgtxt .img { width: auto; margin: 0 -6.4vw; }
    .honeyluster_main .with .inner .imgtxt .img .ttl { position: static; transform: none; text-align: center; font-size: 5.333vw; padding: 16vw 0 8vw; }
    .honeyluster_main .with .inner .imgtxt .txt { width: auto; }
    .honeyluster_main .with .inner .imgtxt .txt .box_wrap { padding: 18.667vw 0; }
    .honeyluster_main .with .inner .imgtxt .txt .catch { font-size: 5.333vw; text-align: center; }
    .honeyluster_main .with .inner .imgtxt .txt .box + .box { margin-top: 10.667vw; }
    .honeyluster_main .with .inner .imgtxt .txt .box .ttl { font-size: 4.267vw; }
    .honeyluster_main .with .inner .imgtxt .txt .box .desc { font-size: 3.467vw; }
}