@charset "UTF-8";
body, *, :before, :after {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.el_color_lightgray {
  color: #CCBBAC;
}

.el_color_pink {
  color: #EB8Ab1;
}

.el_color_lightgreen {
  color: #BFD880;
}

.el_color_lightblue {
  color: #9DD9C1;
}

.el_color_brown {
  color: #C59D62;
}

.el_color_gray {
  color: #C6C7CB;
}

.el_font_roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.fadeUp {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fadeUp.is-active {
  opacity: 1;
  transform: translateX(0);
}

@media (min-width: 769px) {
  .hp_pcNone {
    display: none !important;
  }
  .hp_pc_flexNone {
    display: block !important;
  }
  .ly_fv {
    padding-top: clamp(3.75rem, 4vw, 7.5rem);
    padding-bottom: clamp(3.75rem, 4vw, 7.5rem);
    background: url(../images/new_top/1cost.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: clamp(320px, 53vw, 560px);
  }
  .ly_fv .bl_fv_title_top {
    width: clamp(12.5rem, 25vw, 18rem);
    padding: clamp(0.375rem, 1vw, 0.625rem) 0;
    margin: 0 auto;
    font-size: clamp(0.875rem, 1.5vw, 1.25rem);
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    font-weight: bold;
  }
  .ly_fv h2 {
    font-weight: 900;
    text-align: center;
    font-size: clamp(1.875rem, 4.5vw, 3.9375rem);
    color: #fff;
    margin-top: clamp(1.75rem, 3.5vw, 3rem);
  }
  .ly_fv h2 span {
    font-weight: bold;
    font-size: clamp(1.5rem, 3vw, 2.1875rem);
  }
  .ly_fv h2 span.el_big_txt.el_big_txt {
    font-size: clamp(40px, 6vw, 88px);
  }
  .ly_fv h2 span.el_small_txt {
    font-size: clamp(24px, 4vw, 48px);
    font-weight: 900;
  }
  .ly_fv .bl_fv_caution {
    width: clamp(31.25rem, 70vw, 53.75rem);
    margin: clamp(1.25rem, 4vw, 2.5rem) auto 0;
    color: #fff;
    text-align: center;
    font-size: clamp(1rem, 2.2vw, 1.625rem);
    font-weight: 700;
    padding: clamp(0.375rem, 1vw, 0.625rem) 0;
    background: rgba(0, 110, 200, 0.6);
  }
  .ly_fv .bl_fv_txt {
    margin-top: clamp(2.25rem, 3.5vw, 3.75rem);
    color: #fff;
    line-height: 2.2;
    text-align: center;
    font-size: clamp(0.875rem, 2vw, 1.125rem);
  }
  .ly_about .bl_about_wrapper {
    /* ===== 背景ベース + ノイズ ===== */
    background-color: #e6e6e6;
    background-image: linear-gradient(rgba(230, 230, 230, 0.8117647059), rgba(230, 230, 230, 0.8117647059)), url(../images/new_top/noise.png);
    background-repeat: repeat;
    background-size: 100px auto;
    width: clamp(50rem, 95vw, 87.5rem);
    margin: clamp(2.625rem, 7vw, 5rem) auto;
    padding: clamp(3.125rem, 7vw, 5rem) clamp(4.375rem, 8vw, 9.375rem) clamp(5rem, 4vw, 7.5rem);
    position: relative;
    /* 円バッジ本体 */
    /* ▼ 1行目と2行目だけアニメ対象にする（内側の span は対象外） */
    /* ▼ 下線の初期状態：0% */
    /* ▼ li:hover → 1行目と2行目の span のみ横線アニメ */
    /* ▼ 青文字部分は線を出さない（上書きで消す） */
  }
  .ly_about .bl_about_wrapper .bl_about_ttl {
    text-align: center;
    line-height: 1.5;
    font-size: clamp(1.875rem, 3.8vw, 3rem);
    color: #030303;
    position: relative;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl span {
    font-weight: 900;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl .el_blue_color {
    color: #0076CC;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl > span,
  .ly_about .bl_about_wrapper .bl_about_ttl span .el_blue_color,
  .ly_about .bl_about_wrapper .bl_about_ttl .el_blue_color {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl > span::after,
  .ly_about .bl_about_wrapper .bl_about_ttl span .el_blue_color::after,
  .ly_about .bl_about_wrapper .bl_about_ttl .el_blue_color::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background: currentColor;
    transition: width 0.6s ease;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span::after {
    width: 100%;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_contents {
    margin-top: clamp(2.5rem, 5vw, 4.375rem);
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_contents .bl_about_costDown_img {
    width: clamp(23.125rem, 44vw, 33.125rem);
    margin: 0 auto;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle {
    position: absolute;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: clamp(150px, 18vw, 230px);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    gap: clamp(6px, 0.6vw, 12px);
    padding: 0 clamp(10px, 1.5vw, 15px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    position: absolute;
    right: clamp(1.875rem, 4.5vw, 6.25rem);
    top: clamp(10rem, 30vw, 21.875rem);
    overflow: hidden;
    margin: 0 auto;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle_img {
    width: clamp(14px, 2.2vw, 27px);
    margin: 0;
    line-height: 0;
    padding-top: clamp(10px, 3vw, 20px);
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle_img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle_txt {
    font-size: clamp(13px, 1.1vw, 18px);
    line-height: 1.6;
    color: #333;
    margin: 0;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle_txt span {
    color: #1a66d8;
    font-weight: 700;
  }
  .ly_about .bl_about_wrapper .bl_about_list {
    max-width: clamp(45rem, 80vw, 68.75rem);
    margin: 0 auto;
    margin-top: clamp(3.125rem, 7vw, 5.625rem);
  }
  .ly_about .bl_about_wrapper .bl_about_list li {
    position: relative;
    width: clamp(13.75rem, 24vw, 20rem);
    position: relative;
  }
  .ly_about .bl_about_wrapper .bl_about_list li:hover {
    text-decoration: underline;
  }
  .ly_about .bl_about_wrapper .bl_about_list li:hover .el_blue_color {
    text-decoration: underline;
  }
  .ly_about .bl_about_wrapper .bl_about_list li::after {
    content: "↓";
    position: absolute;
    border-bottom: 2px solid #ccc;
    bottom: -2.5rem;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    text-align: right;
    padding-bottom: 0.625rem;
  }
  .ly_about .bl_about_wrapper .bl_about_list li figure {
    width: clamp(15rem, 24vw, 21.25rem);
    margin: 0 auto;
  }
  .ly_about .bl_about_wrapper .bl_about_list li .bl_about_list_txt {
    color: #030303;
    font-size: clamp(1.125rem, 2.1vw, 1.75rem);
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
  }
  .ly_about .bl_about_wrapper .bl_about_list li .bl_about_list_txt .el_blue_color {
    font-weight: bold;
    color: #0076CC;
  }
  .ly_about .bl_about_wrapper .bl_about_list li .bl_about_list_txt .el_small_txt {
    font-size: clamp(0.75rem, 1.3vw, 1.125rem);
    font-weight: 700;
  }
  .ly_about .bl_about_wrapper .bl_about_list li::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: clamp(-0.9375rem, -2vw, -1.25rem);
    top: clamp(-0.9375rem, -2vw, -1.25rem);
    height: clamp(2.5rem, 5vw, 3.4375rem);
    width: clamp(2.5rem, 5vw, 3.4375rem);
    background: #030303;
    color: #fff;
    font-size: clamp(1.375rem, 3.5vw, 2rem);
  }
  .ly_about .bl_about_wrapper .bl_about_list li:nth-of-type(1)::before {
    content: "01";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list li:nth-of-type(2)::before {
    content: "02";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list li:nth-of-type(3)::before {
    content: "03";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list_txt > span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
  }
  .ly_about .bl_about_wrapper .bl_about_list_txt > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: currentColor;
    transition: width 0.35s ease;
  }
  .ly_about .bl_about_wrapper .bl_about_list li:hover .bl_about_list_txt > span::after {
    width: 100%;
  }
  .ly_about .bl_about_wrapper .bl_about_list_txt .el_blue_color::after {
    width: 0 !important;
    height: 0 !important;
    content: none !important;
  }
  .ly_cost_performance {
    padding: clamp(4.6875rem, 10vw, 6.875rem) 0;
    /* ===== 背景ベース + ノイズ ===== */
    background-color: rgba(38, 42, 44, 0.8117647059);
    background-image: linear-gradient(rgba(38, 42, 44, 0.8117647059), rgba(38, 42, 44, 0.8117647059)), url(../images/new_top/noise.png);
    background-repeat: repeat;
    background-size: 100px auto;
  }
  .ly_cost_performance .bl_cost_performance_ttl {
    width: clamp(50rem, 97.5vw, 87.5rem);
    margin: 0 auto;
    font-size: clamp(2.8125rem, 7.5vw, 5.5rem);
    color: rgba(255, 255, 255, 0.2);
    font-weight: bold;
  }
  .ly_cost_performance .bl_cost_performance_list {
    margin: clamp(2.1875rem, 7vw, 3.75rem) auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li {
    position: relative;
    background: #fff;
    width: clamp(50rem, 97.5vw, 87.5rem);
    margin: 0 auto;
    padding: clamp(2.5rem, 6vw, 3.75rem) clamp(4.375rem, 8vw, 9.375rem) clamp(2.25rem, 6vw, 3.75rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number {
    display: inline-block;
    position: absolute;
    margin-left: clamp(10px, 3vw, 23px);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt {
    font-size: clamp(14px, 1.5vw, 16px);
    text-align: center;
    position: relative;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::before, .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::after {
    position: absolute;
    content: "ー";
    font-weight: 100;
    font-size: clamp(26px, 3.5vw, 30px);
    top: clamp(-8px, -2vw, -7px);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::before {
    left: clamp(-25px, -3vw, -18px);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::after {
    right: clamp(-25px, -3vw, -18px);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_num {
    font-size: clamp(50px, 6.7vw, 116px);
    font-weight: bold;
    color: #CCE2F6;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents {
    width: clamp(320px, 77vw, 1100px);
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents_ttl {
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    text-align: center;
    color: #030303;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents_ttl .el_blue_color {
    color: #0076CC;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents_txt {
    text-align: center;
    font-size: clamp(0.8125rem, 1vw, 1rem);
    margin-top: clamp(2.25rem, 3vw, 3.75rem);
    line-height: 2.2;
    font-weight: 500;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents_txt .el_red_color {
    font-weight: 500;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper {
    border: 1px solid #ccc;
    width: clamp(320px, 77vw, 1100px);
    margin: clamp(2.25rem, 4vw, 3.75rem) auto 0;
    padding: clamp(1.5rem, 2.5vw, 2.1875rem) clamp(1.125rem, 3vw, 2.5rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_subttl {
    font-weight: bold;
    font-size: clamp(1.125rem, 3vw, 1.75rem);
    text-align: center;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList {
    border-bottom: 1px solid #030303;
    padding-bottom: clamp(0.875rem, 2vw, 1.75rem);
    margin: clamp(2.5rem, 3vw, 2.5rem) auto clamp(0.875rem, 2vw, 1.75rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList li {
    width: clamp(17.5rem, 34vw, 30rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_homeimg01 {
    width: clamp(12.5rem, 27vw, 17.5rem);
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_homeimg02 {
    width: clamp(15rem, 34vw, 21.25rem);
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_homename {
    font-weight: 700;
    font-size: clamp(1.125rem, 2.2vw, 1.5rem);
    text-align: center;
    margin-top: clamp(0.75rem, 2vw, 1.25rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_bottom {
    border-top: 1px solid #030303;
    border-bottom: 1px solid #030303;
    padding-top: clamp(0.5rem, 1.5vw, 0.75rem);
    padding-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
    margin-top: clamp(1.25rem, 2.2vw, 1.25rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_bottom p {
    line-height: 1.4;
    font-size: clamp(0.6875rem, 1vw, 0.9375rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_bottom .el_blue_color {
    color: #0076CC;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_bottom .el_pink_color {
    color: #FF7880;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior {
    margin-top: clamp(1.25rem, 2.1vw, 1.5625rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior figure {
    width: clamp(17.5rem, 35vw, 17.5rem);
    height: clamp(13.75rem, 27vw, 15.625rem);
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior .bl_cost_performance_contentsList_interior_breakdownPrice {
    line-height: 1.5;
    font-size: clamp(0.6875rem, 1vw, 0.9375rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior .bl_cost_performance_contentsList_interior_breakdownPrice span {
    font-size: clamp(0.5625rem, 1vw, 0.9375rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior .bl_cost_performance_contentsList_interior_totalPrice {
    text-align: center;
    margin-top: clamp(0.625rem, 2vw, 1.25rem);
    font-size: clamp(0.8125rem, 1.3vw, 1.125rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_wrapper .bl_cost_performance_contentsList .bl_cost_performance_contentsList_interior .bl_cost_performance_contentsList_interior_totalPrice span {
    font-size: clamp(1.25rem, 3vw, 1.875rem);
    color: #CD121B;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_ttl {
    color: #030303;
    font-size: clamp(1.125rem, 2.5vw, 2.25rem);
    font-weight: 900;
    text-align: center;
    line-height: 1.5;
    margin-top: clamp(2.25rem, 3.5vw, 4rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_ttl .el_blue_color {
    font-weight: 900;
    color: #0076CC;
    font-size: clamp(1.4375rem, 3.5vw, 2.625rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_txt {
    text-align: center;
    margin-top: clamp(1.25rem, 3vw, 2.25rem);
    line-height: 2;
    font-size: clamp(0.8125rem, 1vw, 1rem);
    font-weight: 500;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_txt .el_color_red {
    font-weight: 500;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house {
    width: clamp(320px, 75vw, 1100px);
    margin: clamp(2.625rem, 5vw, 4.375rem) auto 0;
    padding: clamp(1.5rem, 2.5vw, 2.5rem) clamp(1.125rem, 2vw, 1.875rem);
    border: 1px solid #ccc;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_leftImg {
    width: clamp(8.75rem, 15vw, 12.5rem);
    margin: 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right {
    width: clamp(26.875rem, 54vw, 48.125rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right .bl_cost_performance_bottom_rightTxt {
    padding-top: clamp(0.5rem, 1.5vw, 0.875rem);
    padding-bottom: clamp(0.5rem, 1.5vw, 0.875rem);
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: clamp(0.875rem, 2.4vw, 1.875rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right .bl_cost_performance_bottom_rightTxt .el_blue_color {
    color: #0076CC;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right .bl_cost_performance_bottom_right_box {
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right .bl_cost_performance_bottom_right_box .bl_cost_performance_bottom_rightImg {
    width: clamp(7.5rem, 12vw, 12.5rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt {
    width: clamp(34.375rem, 70vw, 50.625rem);
    margin: 0 auto;
    text-align: center;
    font-size: clamp(0.8125rem, 1.3vw, 1.0625rem);
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_blue_color {
    font-weight: 700;
    color: #0076CC;
    font-size: clamp(0.9375rem, 2.5vw, 1.4375rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_red_color {
    font-weight: 700;
    color: #CD121B;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_red_color.el_red_color_bigtxt {
    font-size: clamp(1.125rem, 2.8vw, 1.875rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_big_txt {
    font-size: clamp(1.0625rem, 2vw, 1.4375rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_small_txt {
    font-size: clamp(0.6875rem, 1.5vw, 0.8125rem);
    display: block;
    text-align: right;
    margin-top: clamp(0.6875rem, 0.8vw, 0.8125rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_coutionTxt .el_yellow_marker {
    --marker-color: #ffeb3b;
    --marker-thick: 0.55em;
    --marker-offset: 0.01em;
    background-image: linear-gradient(var(--marker-color), var(--marker-color));
    background-repeat: no-repeat;
    background-size: 100% var(--marker-thick);
    background-position: 0 calc(100% - var(--marker-offset));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex {
    border: 1px solid #ccc;
    padding: clamp(1.5rem, 3vw, 1.875rem) clamp(1rem, 1.7vw, 1.25rem);
    margin-top: clamp(1.5rem, 3vw, 3rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left {
    position: relative;
    font-size: clamp(0.9375rem, 1.8vw, 1.4375rem);
    font-weight: 500;
    width: clamp(10.625rem, 20vw, 16.875rem);
    background: #FFE400;
    text-align: center;
    color: #030303;
    padding: clamp(0.5rem, 1.5vw, 0.75rem) 0;
    line-height: 1.7;
    --slash-angle: -15deg;
    --slash-angle-neg: 15deg;
    --slash-size: clamp(rem(16px), 3vw, rem(24px));
    --slash-gap: clamp(rem(6px), 1.5vw, rem(10px));
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::before, .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::after {
    position: absolute;
    transform: translateY(-50%) rotate(var(--rot, 0deg)); /* ← 回転は変数で一括 */
    line-height: 1;
    font-size: var(--slash-size);
    font-weight: 100;
    color: currentColor;
    pointer-events: none;
    bottom: 0.625rem;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::after {
    --rot: var(--slash-angle);
    content: "／";
    right: 0.3125rem;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::before {
    --rot: var(--slash-angle-neg);
    content: "＼";
    left: 0.3125rem;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_right {
    line-height: 2.2;
    font-size: clamp(0.8125rem, 1vw, 1rem);
    width: clamp(21.875rem, 35vw, 41.25rem);
    font-weight: 500;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottomFlex .el_red_color {
    font-weight: 500;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex {
    margin-top: clamp(12px, 1.5vw, 20px);
    gap: 1rem;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li {
    width: clamp(5.625rem, 9.2vw, 8.125rem);
    margin-bottom: 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_square {
    text-align: center;
    margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
    font-size: clamp(0.8125rem, 1.1vw, 0.9375rem);
    line-height: 1.3;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_square .el_blue_color {
    color: #0076CC;
    font-size: clamp(0.625rem, 1vw, 0.8125rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_square .el_bigtxt {
    font-size: clamp(0.75rem, 1.2vw, 1rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_price {
    text-align: center;
    border-top: 2px solid #ccc;
    padding-top: clamp(0.5rem, 1.5vw, 0.75rem);
    font-size: clamp(0.625rem, 1vw, 0.75rem);
    line-height: 1.3;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_price .el_red_color {
    font-weight: bold;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_flex li .bl_cost_performance_bottom_house_flex_price .el_red_color.el_big_txt {
    font-size: clamp(0.75rem, 1.2vw, 1rem);
    line-height: 1.4;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_bottom_house_coution {
    text-align: right;
    font-size: clamp(0.4375rem, 1vw, 0.75rem);
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
    color: #666;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut {
    margin-top: clamp(1.1875rem, 1.2vw, 1.3125rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_ttl {
    text-align: center;
    font-weight: 900;
    line-height: 1.5;
    font-size: clamp(1.375rem, 2.5vw, 2.25rem);
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_ttl .el_blue_color {
    color: #0076CC;
    font-weight: 900;
    font-size: clamp(1.625rem, 2.8vw, 2.625rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex {
    margin-top: clamp(3rem, 8vw, 5.625rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex > div {
    flex: 1 1 50%;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left {
    position: relative;
    font-size: clamp(1.375rem, 2.5vw, 1.875rem);
    z-index: 1;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txt {
    width: clamp(200px, 24vw, 260px);
    height: clamp(150px, 17vw, 190px);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .el_small_txt {
    font-size: clamp(0.9375rem, 2vw, 1.4375rem);
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .el_red_color {
    font-weight: 700;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_txtNumber {
    position: relative;
    font-weight: 700;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_txtNumber .el_txt_number {
    font-size: clamp(2.75rem, 8vw, 5.125rem);
    color: #C30000;
    font-weight: 900;
    line-height: 0.7;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_txtNumber::after {
    content: "グループ合計";
    font-size: clamp(0.625rem, 1vw, 0.75rem);
    position: absolute;
    top: clamp(0.4375rem, 1vw, 0.625rem);
    right: clamp(0.125rem, 0.8vw, 0.3125rem);
    border: 1px solid #ccc;
    padding: clamp(0.125rem, 0.8vw, 0.3125rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_back {
    position: absolute;
    left: clamp(-3.125rem, -5vw, -1.25rem);
    top: clamp(-3.125rem, -4vw, -0.9375rem);
    z-index: -1;
    width: clamp(9.375rem, 40vw, 16.875rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_N01 {
    width: clamp(7.5rem, 12.5vw, 11.25rem);
    margin-left: clamp(0.75rem, 1.5vw, 0.875rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_right .bl_cost_performance_cut_topFlex_subttl {
    font-size: clamp(1.0625rem, 1.8vw, 1.5rem);
    font-weight: 900;
    color: #030303;
    line-height: 1.5;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_right .bl_cost_performance_cut_topFlex_subtxt {
    font-size: clamp(0.8125rem, 1vw, 1rem);
    margin-top: clamp(1rem, 2.5vw, 1.75rem);
    line-height: 2;
    font-weight: 500;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_right .bl_cost_performance_cut_topFlex_subtxt .el_red_color {
    font-weight: 500;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_bottomFlex {
    gap: clamp(2.5rem, 11vw, 9.375rem);
    margin-top: clamp(-3.75rem, -8vw, -2.5rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_bottomFlex figure {
    margin: 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_bottomFlex .bl_cost_performance_cut_bottomFlex_graph {
    width: clamp(20rem, 60vw, 20rem);
    margin: clamp(2.125rem, 7vw, 5rem) 0 0 clamp(2.125rem, 7vw, 5rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_bottomFlex .bl_cost_performance_cut_bottomFlex_home {
    width: clamp(26.25rem, 32vw, 36.25rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder {
    margin-top: clamp(1.1875rem, 1.2vw, 1.3125rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_ttl {
    text-align: center;
    line-height: 1.5;
    font-size: clamp(1.375rem, 2.5vw, 2.25rem);
    color: #030303;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_ttl .el_blue_color {
    font-weight: 900;
    color: #0076CC;
    font-size: clamp(1.75rem, 2.9vw, 2.625rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper {
    width: 100%;
    margin: clamp(4.5rem, 5vw, 7.5rem) auto 0;
    gap: clamp(1.5rem, 3.5vw, 2.25rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper > * {
    flex: 1 1 45%;
    box-sizing: border-box;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper > :last-child {
    flex: 0 0 100%;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_perfomance_simiorder_img {
    width: clamp(22.5rem, 33vw, 29.375rem);
    margin: 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft {
    width: clamp(30rem, 25vw, 40rem);
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft .bl_cost_performance_semiorder_flex {
    font-size: clamp(1.125rem, 1.8vw, 1.5rem);
    color: #030303;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft p {
    line-height: 2;
    font-size: clamp(0.75rem, 1vw, 1rem);
    margin-top: clamp(1.25rem, 3vw, 2.25rem);
    font-weight: 500;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft p .el_red_color {
    font-weight: 500;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft_btn {
    background: #FF940A;
    width: clamp(34.375rem, 58vw, 45rem); /* 横幅を可変に */
    margin: clamp(2.5rem, 4vw, 3.75rem) auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_img {
    margin: 0;
    width: clamp(6.25rem, 13vw, 9.375rem); /* アイコンの幅も可変 */
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_txt {
    color: #fff;
    padding-left: clamp(0.625rem, 1vw, 1.25rem);
    font-size: clamp(0.875rem, 1.4vw, 1.125rem);
    position: relative;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_wrapper .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_txt::after {
    content: "→";
    font-weight: 700;
    position: absolute;
    font-size: clamp(0.9375rem, 1.6vw, 1.25rem);
    right: clamp(-1.875rem, -5vw, -3.75rem);
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .hp_spNone {
    display: none !important;
  }
  .hp_sp_flexNone_grid {
    display: grid !important;
  }
  .hp_sp_flexNone {
    display: block !important;
  }
  .bl_Breadcrumb {
    display: flex;
    margin: 1.2048192771vw 0 8.4337349398vw 1.2048192771vw;
    align-items: center;
  }
  .bl_Breadcrumb .post-page.current-item {
    color: #808080;
  }
  .bl_Breadcrumb span {
    font-size: 1.9277108434vw;
  }
  .ly_fv {
    padding: 7.2289156627vw 0;
    background: url(../images/new_top/sp/1cost_sp.webp) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ly_fv .bl_fv_title_top {
    width: 55.421686747vw;
    padding: 0.6024096386vw 1.2048192771vw;
    margin: 0 auto;
    font-size: 3.8554216867vw;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    font-weight: bold;
  }
  .ly_fv h2 {
    color: #fff;
    font-weight: 900;
    text-align: center;
    font-size: 7.7108433735vw;
    margin-top: 6.6265060241vw;
  }
  .ly_fv h2 .el_big_txt {
    font-size: 12.5301204819vw;
    font-weight: 900;
  }
  .ly_fv h2 .el_small_txt {
    font-size: 5.7831325301vw;
    font-weight: 900;
  }
  .ly_fv .bl_fv_caution {
    color: #fff;
    text-align: center;
    margin-top: 1.2048192771vw;
  }
  .ly_fv .bl_fv_caution span {
    padding: 0 1.2048192771vw;
    font-size: 3.6144578313vw;
    background: rgba(0, 110, 200, 0.6);
    margin-top: 0.6024096386vw;
    display: inline-block;
  }
  .ly_fv .bl_fv_txt {
    color: #fff;
    line-height: 2;
    text-align: center;
    margin-top: 10.843373494vw;
    font-size: 3.2530120482vw;
  }
  .ly_about .bl_about_wrapper {
    /* ===== 背景ベース + ノイズ ===== */
    background-color: #e6e6e6;
    background-image: linear-gradient(rgba(230, 230, 230, 0.8117647059), rgba(230, 230, 230, 0.8117647059)), url(../images/new_top/noise.png);
    background-repeat: repeat;
    background-size: 100px auto;
    padding: 14.4578313253vw 3.6144578313vw;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl {
    text-align: center;
    color: #030303;
    display: inline-block;
    position: relative;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl .el_blue_color {
    color: #0076CC;
    font-weight: 900;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl > span {
    font-size: 7.7108433735vw;
    font-weight: 900;
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background: currentColor;
    transition: width 0.6s ease;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span::after {
    width: 100%;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span:nth-of-type(1)::after {
    transition-delay: 0s;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span:nth-of-type(2)::after {
    transition-delay: 0.1s;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span:nth-of-type(3)::after {
    transition-delay: 0.2s;
  }
  .ly_about .bl_about_wrapper .bl_about_ttl.is-active > span:nth-of-type(4)::after {
    transition-delay: 0.3s;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_img {
    width: 90.3614457831vw;
    margin: 10.843373494vw auto 0;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle {
    background: #fff;
    width: 90.3614457831vw;
    margin: 0 auto;
    border-radius: 3.6144578313vw;
    margin-top: 6.0240963855vw;
    padding: 1.2048192771vw 0 1.2048192771vw 9.6385542169vw;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle .bl_about_costDown_middle_img {
    width: 6.0240963855vw;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle .bl_about_costDown_middle_txt {
    line-height: 1.6;
    color: #030303;
    font-size: 3.8554216867vw;
    font-weight: bold;
    margin-left: 6.0240963855vw;
  }
  .ly_about .bl_about_wrapper .bl_about_costDown_middle .bl_about_costDown_middle_txt span {
    font-weight: bold;
    color: #0076CC;
  }
  .ly_about .bl_about_wrapper .bl_about_list {
    margin-top: 10.843373494vw;
  }
  .ly_about .bl_about_wrapper .bl_about_list > li {
    width: 80.7228915663vw;
    margin: 7.2289156627vw auto 0;
    position: relative;
  }
  .ly_about .bl_about_wrapper .bl_about_list > li::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 10.2409638554vw;
    width: 10.2409638554vw;
    background: #030303;
    color: #fff;
    font-size: 4.8192771084vw;
    font-weight: bold;
  }
  .ly_about .bl_about_wrapper .bl_about_list > li:nth-of-type(1)::before {
    content: "01";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list > li:nth-of-type(2)::before {
    content: "02";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list > li:nth-of-type(3)::before {
    content: "03";
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt {
    font-size: 6.7469879518vw;
    color: #030303;
    position: relative;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt > span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: 900;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt > span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: currentColor; /* 文字色 → 黒線 */
    transition: width 0.4s ease;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt.is-active > span::after {
    width: 100%;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt.is-active > span:nth-of-type(2)::after {
    transition-delay: 0.15s;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt .el_blue_color::after {
    content: none !important;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt .el_small_txt {
    color: #030303;
    font-size: 4.3373493976vw;
    font-weight: 700;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt .el_blue_color {
    font-weight: 900;
    color: #0076CC;
  }
  .ly_about .bl_about_wrapper .bl_about_list .bl_about_list_txt::before {
    content: "↓";
    position: absolute;
    font-size: 4.8192771084vw;
    bottom: 0;
    right: -1.2048192771vw;
  }
  .ly_cost_performance {
    /* ===== 背景ベース + ノイズ ===== */
    background-color: rgba(38, 42, 44, 0.8117647059);
    background-image: linear-gradient(rgba(38, 42, 44, 0.8117647059), rgba(38, 42, 44, 0.8117647059)), url(../images/new_top/noise.png);
    background-repeat: repeat;
    background-size: 100px auto;
    padding-top: 12.0481927711vw;
  }
  .ly_cost_performance .bl_cost_performance_ttl {
    font-size: 10.3614457831vw;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 2.4096385542vw;
  }
  .ly_cost_performance .bl_cost_performance_list {
    padding: clamp(2.5rem, 6vw, 3.75rem) clamp(0.75rem, 3vw, 1.25rem) clamp(5.625rem, 11vw, 8.75rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li {
    padding: 4.8192771084vw 0 7.2289156627vw;
    background: #fff;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number {
    text-align: center;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt {
    font-size: 3.3734939759vw;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: inline-block;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::before, .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::after {
    position: absolute;
    content: "ー";
    font-weight: 300;
    font-size: 4.8192771084vw;
    top: -1.2048192771vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::before {
    left: -6.0240963855vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_txt::after {
    right: -6.0240963855vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_list_number .bl_cost_performance_list_number_num {
    font-size: 14.4578313253vw;
    font-weight: bold;
    color: #CCE2F6;
    text-align: center;
    line-height: 1;
    margin-top: 1.2048192771vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_contents_ttl {
    font-weight: 900;
    font-size: 5.7831325301vw;
    text-align: center;
    padding-top: 3.6144578313vw;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_contents_ttl .el_blue_color {
    font-size: 6.7469879518vw;
    color: #0076CC;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_contents_txt {
    text-align: center;
    margin-top: 7.9518072289vw;
    font-size: 3.8554216867vw;
    line-height: 2;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_contents_txt .el_red_color {
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper {
    margin-top: 9.6385542169vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_subttl {
    font-size: 5.5421686747vw;
    font-weight: 900;
    text-align: center;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList > li {
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_homeimg01 {
    width: 50.6024096386vw;
    display: block;
    margin: 6.0240963855vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_homeimg02 {
    width: 60.2409638554vw;
    display: block;
    margin: 6.0240963855vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_homename {
    font-size: 4.8192771084vw;
    font-weight: bold;
    text-align: center;
    color: #030303;
    margin-top: 3.6144578313vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_bottom {
    border-top: 2px solid #030303;
    border-bottom: 2px solid #030303;
    padding: 1.8072289157vw 0;
    width: 84.3373493976vw;
    margin: 3.6144578313vw auto 0;
    text-align: center;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_bottom > P {
    font-size: 3.6144578313vw;
    color: #030303;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_bottom > P .el_blue_color {
    color: #0076CC;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_bottom > P .el_pink_color {
    color: #FF607C;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_interior_img {
    width: 78.313253012vw;
    margin: 4.8192771084vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_interior_breakdownPrice_box {
    font-size: 3.6144578313vw;
    width: 72.2891566265vw;
    margin: 7.2289156627vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_interior_breakdownPrice_box span {
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_interior_totalPrice {
    margin-top: 3.6144578313vw;
    font-size: 4.3373493976vw;
    font-weight: bold;
    text-align: center;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_contentsList_scroll .bl_cost_performance_contentsList_interior_totalPrice span {
    color: #CD121B;
    font-weight: bold;
    font-size: 7.2289156627vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt {
    border-top: 2px solid #030303;
    padding-top: 3.6144578313vw;
    font-size: 4.3373493976vw;
    text-align: center;
    font-weight: bold;
    color: #030303;
    width: 84.3373493976vw;
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_blue_color {
    color: #0076CC;
    font-weight: bold;
    font-size: 5.5421686747vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_big_txt {
    color: #030303;
    font-size: 4.8192771084vw;
    font-weight: bold;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_big_txt .el_red_color {
    font-weight: bold;
    color: #CD121B;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_big_txt .el_red_color.el_red_color_bigtxt {
    font-size: 5.7831325301vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_small_txt {
    font-size: 2.6506024096vw;
    display: block;
    text-align: right;
    margin: 1.2048192771vw 3.6144578313vw 0 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_coutionTxt .el_yellow_marker {
    --marker-color: #ffeb3b;
    --marker-thick: 0.55em;
    --marker-offset: 0.01em;
    background-image: linear-gradient(var(--marker-color), var(--marker-color));
    background-repeat: no-repeat;
    background-size: 100% var(--marker-thick);
    background-position: 0 calc(100% - var(--marker-offset));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex {
    background: #FFE400;
    width: 80.7228915663vw;
    margin: 4.8192771084vw auto 0;
    padding: 2.4096385542vw 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left {
    position: relative;
    color: #030303;
    text-align: center;
    font-size: 4.578313253vw;
    font-weight: bold;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left .el_red_color {
    font-weight: bold;
    color: #CD121B;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::before {
    content: "／";
    right: 0.6024096386vw;
    position: absolute;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex .bl_cost_performance_bottomFlex_left::after {
    content: "＼";
    left: 0.6024096386vw;
    position: absolute;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex_right {
    width: 84.3373493976vw;
    margin: 6.0240963855vw auto 0;
    font-size: 3.8554216867vw;
    line-height: 2;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_contents .bl_cost_performance_wrapper .bl_cost_performance_bottomFlex_right .el_red_color {
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle {
    width: 86.7469879518vw;
    margin: 0 auto;
    padding-top: 9.6385542169vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_ttl {
    font-size: 5.7831325301vw;
    font-weight: 900;
    color: #030303;
    text-align: center;
    letter-spacing: 0.06em;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_ttl .el_blue_color {
    font-size: 6.7469879518vw;
    color: #0076CC;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_txt {
    font-size: 3.8554216867vw;
    margin-top: 4.8192771084vw;
    text-align: center;
    line-height: 1.6;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_middle .bl_cost_performance_middle_txt .el_color_red {
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house {
    /* ===== 横スクロール対応：住宅プラン一覧 ===== */
    /* ===== 各カード（最初に2枚＋次が少し見える） ===== */
    /* ===== 画像部分 ===== */
    /* ===== 坪数・間取り ===== */
    /* ===== 価格部分 ===== */
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: clamp(0.625rem, 2vw, 1rem);
    padding: clamp(0.625rem, 2vw, 1.25rem) clamp(0.875rem, 3vw, 1.875rem);
    scroll-padding-inline: clamp(0.625rem, 3vw, 1.25rem);
    list-style: none;
    margin: 0;
    scrollbar-width: none;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex::-webkit-scrollbar {
    display: none;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex li {
    flex: 0 0 75%; /* 2枚＋3枚目の半分見せる */
    max-width: clamp(11.25rem, 40vw, 15.625rem);
    text-align: center;
    background: #fff;
    padding: clamp(0.625rem, 2vw, 1rem);
    scroll-snap-align: start;
    flex-shrink: 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex li figure {
    width: 100%;
    margin: 0 auto clamp(0.5rem, 1.5vw, 0.75rem);
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex li img {
    width: 100%;
    height: auto;
    display: block;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex_square {
    font-size: 4.2168674699vw;
    font-weight: 900;
    line-height: 1;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3.6144578313vw;
    margin-bottom: 3.6144578313vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex_square .el_bigtxt {
    font-size: 4.2168674699vw;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .el_blue_color {
    font-weight: 900;
    font-size: 3.3734939759vw;
    color: #0078d7;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex_price {
    font-size: 3.6144578313vw;
    line-height: 1.6;
    margin-top: clamp(0.375rem, 1.2vw, 0.625rem);
    font-weight: 700;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_flex_price .el_red_color {
    color: #C10D23;
    font-weight: 900;
    font-size: 4.8192771084vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_leftImg {
    width: 48.1927710843vw;
    margin: 7.2289156627vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_rightTxt {
    border: 1px solid #ccc;
    width: 84.3373493976vw;
    margin: 4.8192771084vw auto 0;
    padding: 2.4096385542vw 0;
    text-align: center;
    font-size: 3.8554216867vw;
    font-weight: bold;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_rightTxt .el_blue_color {
    color: #0076CC;
    font-weight: bold;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right_box {
    margin: 0 auto;
    padding: 7.2289156627vw 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100%;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right_box::-webkit-scrollbar {
    display: none;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .scroll_inner {
    width: 197.5903614458vw;
    margin-left: 4.8192771084vw;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_right_box img {
    display: inline-block;
    max-width: none !important;
    width: auto;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_rightImg {
    flex: 0 0 40%;
    scroll-snap-align: start;
    border-radius: 1.4457831325vw;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_rightImg img {
    width: 30.1204819277vw;
    height: auto;
    display: block;
  }
  .ly_cost_performance .bl_cost_performance_list > li .bl_cost_performance_bottom_house .bl_cost_performance_bottom_house_coution {
    width: 84.3373493976vw;
    margin: 3.6144578313vw auto 0;
    font-size: 2.8915662651vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut {
    margin-top: 2.4096385542vw;
    padding: 4.8192771084vw 2.4096385542vw 9.6385542169vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_ttl {
    font-size: 5.6626506024vw;
    color: #030303;
    font-weight: 900;
    padding-top: 3.6144578313vw;
    text-align: center;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_ttl .el_blue_color {
    font-size: 6.6265060241vw;
    color: #0076CC;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topTxt {
    text-align: center;
    font-size: 3.8554216867vw;
    line-height: 2;
    margin-top: 7.2289156627vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex {
    width: 84.3373493976vw;
    margin: 0 auto;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_no1 {
    justify-content: center;
    margin-top: 7.2289156627vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left {
    position: relative;
    z-index: 1;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txt {
    width: 42.1686746988vw;
    height: 31.3253012048vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txt .el_small_txt {
    font-weight: bold;
    font-size: 4.578313253vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txt .el_small_txt .el_red_color {
    font-weight: bold;
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txtNumber {
    font-size: 5.7831325301vw;
    position: relative;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txtNumber .el_txt_number {
    font-size: 14.4578313253vw;
    color: #C30000;
    font-weight: 900;
    line-height: 1;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_txtNumber::before {
    content: "グループ合計";
    position: absolute;
    right: 1.2048192771vw;
    top: 3.0120481928vw;
    font-size: 2.8915662651vw;
    border: 1px solid #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left .bl_cost_performance_cut_topFlex_left_back {
    position: absolute;
    top: -22.8915662651vw;
    right: -3.6144578313vw;
    width: 43.3734939759vw;
    z-index: -1;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_left_N01 {
    width: 32.5301204819vw;
    margin: 0 0 2.4096385542vw 3.6144578313vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_right .bl_cost_performance_cut_bottomFlex_graph {
    margin-top: 7.2289156627vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_subttl {
    margin-top: 7.2289156627vw;
    text-align: center;
    font-weight: 900;
    font-size: 4.8192771084vw;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_subtxt {
    margin-top: 7.2289156627vw;
    font-size: 3.8554216867vw;
    text-align: center;
    line-height: 2;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_topFlex_subtxt .el_red_color {
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_cut .bl_cost_performance_cut_wrapper .bl_cost_performance_cut_bottomFlex_home {
    width: 84.3373493976vw;
    margin: 7.2289156627vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder {
    margin-top: 2.4096385542vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_ttl {
    font-size: 5.421686747vw;
    color: #030303;
    font-weight: 900;
    padding-top: 3.6144578313vw;
    text-align: center;
    line-height: 1.8;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_ttl .el_blue_color {
    color: #0076CC;
    font-weight: 900;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft {
    grid-row: 2;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft .bl_cost_performance_semiorder_flex {
    margin-top: 4.8192771084vw;
    text-align: center;
    font-size: 4.8192771084vw;
    font-weight: bold;
    color: #030303;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft p {
    text-align: center;
    font-size: 3.6144578313vw;
    margin-top: 4.8192771084vw;
    padding: 0 4.8192771084vw;
    line-height: 1.8;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft p .el_red_color {
    color: #C30000;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft_btn {
    background: #FF940A;
    width: 78.313253012vw;
    margin: 7.2289156627vw auto 0;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_img {
    margin: 0;
    width: 18.0722891566vw;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_txt {
    color: #fff;
    padding-left: 7.2289156627vw;
    position: relative;
    font-weight: 700;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder .bl_cost_performance_semiorder_flexLeft_btn .bl_cost_performance_semiorder_flexLeft_btn_txt::after {
    content: "→";
    font-weight: 700;
    position: absolute;
    font-size: 3.6144578313vw;
    right: -7.2289156627vw;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
  }
  .ly_cost_performance .bl_cost_performance_list .bl_cost_performance_semiorder figure {
    grid-row: 1;
    width: 84.3373493976vw;
    margin: 7.2289156627vw auto 0;
  }
  /* ========== 共通（PC含む） ========== */
  /* 横スクロールの土台（共通） */
  .scroll-x {
    --edge: 12px; /* 端の余白（PCはpxでOK） */
    padding-inline: var(--edge);
    scroll-padding-inline: var(--edge);
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scroll-snap-type: x mandatory; /* 1枚ずつ止める（好みで proximity） */
    scrollbar-width: none;
    touch-action: auto !important; /* ← ここ重要 */
    -webkit-overflow-scrolling: touch !important; /* iOS 慣性 */
  }
  .scroll-x::-webkit-scrollbar {
    display: none;
  }
  /* 端のフェード（共通） */
  .with-arrows::before,
  .with-arrows::after {
    content: "";
    position: sticky;
    top: 0;
    inline-size: 40px;
    block-size: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.25s ease;
  }
  .with-arrows::before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.08), transparent);
  }
  .with-arrows::after {
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.08), transparent);
  }
  /* 矢印（共通：位置だけ。見た目はSPで上書き） */
  .with-arrows .arrow {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    inline-size: 32px;
    block-size: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    z-index: 2;
    pointer-events: none;
    user-select: none;
    transition: opacity 0.25s ease;
  }
  .with-arrows .arrow.left {
    left: 8px;
  }
  .with-arrows .arrow.right {
    right: 2.4096385542vw;
  }
  /* ステート（共通：JSが付与） */
  .with-arrows.hint-hidden::before,
  .with-arrows.hint-hidden::after,
  .with-arrows.hint-hidden .arrow {
    opacity: 0;
    visibility: hidden;
  }
  .with-arrows.no-scroll::before,
  .with-arrows.no-scroll::after,
  .with-arrows.no-scroll .arrow {
    display: none;
  }
  /* 横並び（カード）—PCは calc(100% - gap) 方式のまま */
  .row-cards {
    --gap: 12px;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gap);
    /* PCでは左右paddingは .scroll-x が持っているので不要 */
  }
  .row-cards .card {
    flex: 0 0 calc(100% - var(--gap)); /* “次カードほぼ見えない”PC設定 */
    max-width: none;
    background: #fff;
    padding: 16px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  /* ========== SP（～768px） ========== */
}
@media (max-width: 768px) and (max-width: 768px) {
  /* 土台：端余白をvw化。下余白は作らない */
  .scroll-x {
    --edge: vw(12px);
    padding-inline: var(--edge);
    scroll-padding-inline: var(--edge);
    /* 予約余白を作らない＆下の隙間ゼロ */
    scrollbar-gutter: auto;
    padding-bottom: 0;
  }
  /* フェード幅をvwに */
  .with-arrows::before,
  .with-arrows::after {
    inline-size: 4.8192771084vw;
  }
  /* 矢印：絶対配置＋正円化（widthが効かない問題を回避） */
  .with-arrows {
    position: relative;
  }
  .with-arrows .arrow {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: auto;
    display: flex;
    justify-content: center;
    width: 12.0481927711vw;
    height: 12.0481927711vw;
    aspect-ratio: 1/1;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5); /* 濃グレーの円 */
    color: #fff;
    font-size: 7.2289156627vw; /* テキストの「›」を白矢印として使用 */
    line-height: 1;
    padding-top: 1.8072289157vw;
    z-index: 3;
  }
  .with-arrows .arrow.left {
    left: 1.4457831325vw;
    right: auto;
  }
  /* トラック：max-content不使用で下余白ゼロ。間隔はmarginに */
  .row-cards {
    --gap: vw(12px);
    display: flex;
    flex-wrap: nowrap;
    gap: 0; /* gapは幅計算に混ざるので使わない */
    padding: 1.4457831325vw 0; /* 上下のみ（左右は .scroll-x が担当） */
    min-width: 100%; /* 横幅は常に100% */
    line-height: 0; /* 行ボックス由来の下隙間を除去 */
  }
  .row-cards > * {
    line-height: normal;
  }
  /* 1画面=カード100%。次カードは完全に画面外へ */
  .row-cards .card {
    flex: 0 0 100%;
    max-width: 100%;
    margin-inline-end: var(--gap);
    padding: 1.9277108434vw;
    margin-bottom: 0;
  }
  .row-cards .card:last-child {
    margin-inline-end: 0;
  }
  /* 画像のインライン隙間を除去（下の微細な帯を防ぐ） */
  .row-cards img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}