@layer custom {

  :root {
    --main-width: 1108px;
    --content-spacing: clamp(1.25rem, 24vw, max(calc(50vw - var(--main-width) / 2), 12px));
  }

  .serif {
    font-family: "Noto Serif JP", serif;
  }

  .more-link {
    border: 1px solid #5B433A;
    background: #5B433A;
    color: #fff;
    transition: all 0.3s;
  }

  .more-link:hover {
    opacity: 0.7;
  }

  .section-corner .corner-wrapper .title {
    justify-content: center;
  }

  .main {
    gap: var(--gap-xl);
  }

  @media (min-width: 768px) {
    .main {
      gap: var(--gap-xxxl);
    }
  }

  @media (min-width: 768px) {
    .section-corner .corner-wrapper .title {
      justify-content: flex-start;
    }
  }

  .header {
    position: absolute;
  }

  /* fv */
  .fv {
    align-items: flex-start;
    padding-inline: 0;
    margin-top: 90px;
    padding-top: 35px;
    height: auto;
    position: relative;
  }
  
  @media (min-width: 890px) {
    .fv {
      margin-top: 100px;
      padding-top: 85px;
      padding-inline: clamp(1.25rem, 24vw, max(calc(50vw - 1108px / 2), 12px));
      padding-bottom: 10px;
    }
  }

  @media (min-width: 1024px) {
    .fv {
      padding-inline: clamp(60px, 24vw, max(calc(50vw - 1300px / 2), 12px));
    }
  }

  .fv-decoration-white,
  .fv-decoration-gray {
    display: none;
  }

  .fv-decoration-white svg,
  .fv-decoration-gray svg {
    vertical-align: bottom;
  }

  @media (min-width: 890px) {
    .fv-decoration-white,
    .fv-decoration-gray {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
    .fv-decoration-gray {
      z-index: 1;
    }
    .fv-decoration-white {
      z-index: 2;
    
    }
}
@media (min-width: 1440px) {
  .fv-decoration-white svg,
  .fv-decoration-gray svg {
    width: 100%;
  }
}

  .fv .picture {
    height: 380px;
  }
  
  @media (min-width: 890px) {
    .fv .picture {
      height: clamp(38.75rem, 26.4423rem + 19.2308vw, 43.75rem);
    }
  }

  .fv .fv-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .fv .title {
    display: block;
    font-size: clamp(2rem, 0.125rem + 10vw, 2.375rem);
    margin-bottom: 170px;
    padding-inline: var(--content-spacing-lg);
    line-height: 1.8;
    text-shadow: 0 2.508px 2.508px rgba(0, 0, 0, 0.25);
  }

  @media (min-width: 550px) {
    .fv .title br {
      display: none;
    }
  }

  .fv .title ruby {
    ruby-position: under;
    ruby-align: center;
    letter-spacing: 10px;
  }

  .fv .title ruby rt {
    font-size: 18px;
  }

  .title-text-sm {
    font-size: 30px;
  }
  
  @media (min-width: 890px) {
    .fv .title {
      padding-inline: 0;
      font-size: clamp(2.875rem, 0.1058rem + 4.3269vw, 4rem);
      margin-bottom: clamp(10.625rem, 2.9327rem + 12.0192vw, 13.75rem);
      margin-left: 40px;
    }

    .fv .title ruby rt {
      font-size: clamp(1.375rem, -0.1635rem + 2.4038vw, 2rem);
    }

    .title-text-sm {
      font-size: clamp(2.5rem, 1.2692rem + 1.9231vw, 3rem);
    }
  }

  .fv-contents {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 36px;
    width: 100%;
    justify-content: space-between;
    grid-template-areas: 
    "message-01"
    "message-02"
    "image"
    "access";
    grid-template-columns: 1fr;
    justify-items: center;
    z-index: 3;
    padding-top: 60px;
  }

  @media (min-width: 890px) {
    .fv-contents {
      grid-template-areas: 
      "message-01 image"
      "message-02 image"
      "access image";
      padding-top: 0;
      grid-template-columns: minmax(456px, 40%) minmax(auto, 700px);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 88 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_320_1414)'%3E%3Cpath d='M86.3853 14.1304C86.3134 13.8053 86.1895 13.5437 86.0257 13.3335C85.9138 12.9688 85.7739 12.6159 85.5981 12.2829C84.631 9.86038 82.529 8.94451 79.7676 8.18327C79.4599 8.10001 79.1482 8.00486 78.8285 7.90574C78.7965 7.87005 78.7606 7.83834 78.7286 7.80265C77.5457 5.78061 75.7075 4.43655 73.6255 3.50086C73.4976 3.47707 73.3697 3.46122 73.2419 3.44139C71.7033 2.72377 70.0609 2.41055 68.3865 2.20041C57.9724 -0.333083 46.4314 -1.76041 37.4001 4.09162C35.1422 5.34449 33.0003 6.83128 30.9582 8.31014C26.1348 11.8031 21.6871 15.7758 17.3312 19.8199C16.5959 20.5019 15.8486 21.1798 15.1213 21.8776C13.7187 23.8838 13.0193 26.3103 12.292 28.6812C11.277 31.9958 10.1501 34.9931 7.67645 37.5346C6.31375 38.9341 4.88711 40.2029 3.77217 41.8245C2.68521 43.3985 1.71814 45.0518 0.866948 46.7606C0.159623 48.9016 -0.17206 51.1655 0.0717072 53.5721C0.107673 53.9131 0.263524 54.1708 0.479318 54.3453C1.11072 57.2951 3.02089 59.7096 6.046 61.0735C9.69452 62.7189 13.6867 63.8568 17.6469 64.7964C19.7569 65.3792 21.9029 65.8312 24.0648 66.1841C28.2408 66.985 32.4608 67.54 36.7007 67.885C37.0124 67.9167 37.3201 67.9445 37.6279 67.9564C37.7597 67.9643 37.8876 67.9762 38.0195 67.9881C38.1154 67.996 38.2033 67.9881 38.2872 67.9762C41.1605 68.0039 43.8979 67.2863 46.4994 66.0652C47.3905 65.2603 48.2777 64.4594 49.1329 63.6268C52.7774 61.5968 55.9863 58.8572 59.0874 56.0818C63.5911 52.0536 68.1068 48.0293 72.5585 43.9377C76.5667 40.2584 80.467 36.3174 83.2163 31.5914C86.3014 26.2865 87.712 20.1569 86.3773 14.1225L86.3853 14.1304Z' fill='%23568AA9'/%3E%3Cpath d='M48.8414 30.1879C48.7615 29.2641 48.0421 28.4711 47.0191 28.2332C36.625 25.8345 26.0751 24.205 15.4173 23.2693C15.0057 23.2336 14.5061 23.4002 14.1025 23.6539C13.3353 25.2398 12.8238 26.9764 12.3003 28.6813C11.6129 30.9174 10.8776 33.0068 9.71472 34.9139C9.77866 35.2073 9.88256 35.4848 10.0304 35.7306C10.0824 36.1033 10.2063 36.4681 10.446 36.821C11.1733 37.9033 12.544 38.173 13.8108 38.4267C15.8569 38.8351 17.9189 39.1879 19.9769 39.5448C28.0772 40.9483 36.2214 42.106 44.3617 43.2677C45.9322 43.4897 47.191 42.6214 47.2189 41.206C47.2869 37.8875 49.1411 33.5024 48.8454 30.1879H48.8414Z' fill='%2397D4E6'/%3E%3Cpath d='M53.7127 28.0073C53.9325 27.2777 54.2402 26.6434 54.5959 26.0645C61.6412 20.7834 68.107 14.531 73.35 7.40625C73.354 7.41418 73.362 7.42211 73.366 7.43004C74.8166 7.66 76.2152 9.28952 77.2503 10.2212C80.1315 12.8221 78.2453 15.9424 75.9435 18.0398C75.7837 18.2024 75.6238 18.3649 75.464 18.5275C74.2132 20.7002 72.291 22.0839 70.6046 23.539C69.4177 24.7799 68.2469 26.0447 67.084 27.3491C65.5374 29.0817 64.0069 30.8421 62.4764 32.6025C60.0906 34.8069 57.6729 36.936 55.2273 38.9937C55.1474 39.0849 55.0674 39.1761 54.9875 39.2673C54.6159 39.6954 54.1883 39.8421 53.7927 39.7866C52.8935 39.9413 51.9944 38.8589 52.1862 37.5426C52.6298 34.4659 52.8136 30.9848 53.7167 28.0073H53.7127Z' fill='%2397D4E6'/%3E%3Cpath d='M33.5719 54.7259C31.8416 54.0717 29.8275 53.8377 28.0212 53.4175C26.3109 53.021 24.6005 52.6245 22.8901 52.232C20.2806 51.6294 17.5392 50.773 14.8538 51.0069C12.4481 50.5311 9.08732 50.1346 9.01538 53.4016C8.95544 56.1334 12.572 57.8501 14.69 58.651C16.4083 59.2973 18.2186 59.6977 20.0449 59.999C22.3067 60.5977 24.7164 60.8792 27.0502 60.9744C28.8005 61.1766 30.6627 61.2757 32.2652 60.9347C32.5529 60.907 32.8047 60.8356 33.0245 60.7285C33.3122 60.6334 33.5919 60.5263 33.8517 60.3915C36.3932 59.0871 36.1815 55.721 33.5639 54.7298L33.5719 54.7259Z' fill='%23D4E4EE'/%3E%3Cpath d='M11.2253 49.8492C11.1214 49.6232 10.9775 49.4052 10.7897 49.2069C8.34004 46.6496 3.50466 49.2862 4.71151 52.7356C5.25898 54.3017 6.90541 55.4316 8.58381 55.273C10.482 55.0946 11.8407 53.4175 11.7768 51.5501C11.7568 50.9118 11.553 50.3329 11.2253 49.8492Z' fill='white'/%3E%3Cpath d='M41.1407 55.5665C40.2056 54.3215 38.6591 53.6277 37.0966 53.8656C35.5381 54.1035 34.2993 55.281 33.9116 56.7956C33.4001 58.7978 34.4591 60.7048 36.1095 61.474C36.3133 61.6167 36.5451 61.7238 36.8009 61.7714C38.5512 62.1004 40.2536 61.4106 41.2366 59.9198C42.1038 58.6035 42.0918 56.8392 41.1367 55.5704L41.1407 55.5665Z' fill='white'/%3E%3Cpath d='M63.3755 52.1329C62.2766 49.5717 59.3514 47.2126 56.586 49.092C56.0985 49.425 55.6669 49.8334 55.2833 50.2933C54.4201 51.0347 53.8406 52.0655 53.477 53.1915C51.1952 56.5061 50.6677 61.4819 54.52 63.0321C54.7837 63.1392 55.0475 63.2185 55.3112 63.274C55.3312 63.2898 55.3512 63.3057 55.3752 63.3176C55.547 63.4326 55.7308 63.5238 55.9186 63.5912C56.2224 63.7537 56.554 63.8806 56.9137 63.9599C58.696 64.3603 60.1586 63.496 61.2775 62.2035C61.869 61.803 62.4005 61.2995 62.8281 60.7088C64.6024 58.2704 64.5224 54.8211 63.3715 52.1369L63.3755 52.1329Z' fill='%23514440'/%3E%3Cpath d='M84.2996 26.4372C83.9719 26.3777 83.6602 26.3618 83.3565 26.3777C83.0328 26.2944 82.6891 26.2389 82.3254 26.2231C78.8008 26.0605 77.6019 30.0531 77.1903 32.8482C76.8746 34.9932 77.4341 37.4394 79.0486 38.8113C79.7879 40.0681 81.3344 40.8928 82.9808 40.421C84.6033 39.9531 85.6103 38.5298 86.2297 36.9002C86.8891 35.8139 87.3686 34.6007 87.6923 33.5738C88.5715 30.7826 87.6164 27.0517 84.2996 26.4372Z' fill='%23514440'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_320_1414'%3E%3Crect width='88' height='68' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");;
      background-size: 88px 68px;
      background-repeat: no-repeat;
      background-position: clamp(30.625rem, 26.5795rem + 7.2727vw, 33.125rem) bottom;
      padding-bottom: 20px;
    }
  }

  @media (min-width: 1024px) {
    .fv-contents {
      grid-template-columns: minmax(475px, 40%) minmax(auto, 700px);
    }
  }

  .fv-contents .fv-decoration-sp-green,
  .fv-contents .fv-decoration-sp-gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: -1;
  }

  @media (min-width: 890px) {
    .fv-contents .fv-decoration-sp-green,
    .fv-contents .fv-decoration-sp-gray {
      display: none;
    }
  }

  @media (min-width: 360px) {
    .fv-contents .fv-decoration-sp-green svg,
    .fv-contents .fv-decoration-sp-gray svg {
      width: 100%;
    }
  }

  .fv-contents .fv-message-01 {
    padding: 30px;
    background: #147849;
    color: #fff;
    grid-area: message-01;
    width: 100%;
    padding-top: 10px;
  }
  
  @media (min-width: 890px) {
    .fv-contents .fv-message-01 {
      width: fit-content;
      clip-path: none;
      padding: clamp(1.375rem, 0.1442rem + 1.9231vw, 1.875rem) clamp(2.25rem, 0.0962rem + 3.3654vw, 3.125rem);
    }
  }

  .fv-contents .fv-message-01 .fv-message-head {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
  }

  @media (min-width: 890px) {
    .fv-contents .fv-message-01 .fv-message-head {
      font-size: clamp(1.5rem, 0.2692rem + 1.9231vw, 2rem);
    }
  }

  .fv-contents .fv-message-01 .fv-message-body {
    font-size: 16px;
    line-height: 1.4;
  }

  .fv-contents .fv-message-02 {
    display: flex;
    align-items: center;
    gap: var(--gap-lg);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    grid-area: message-02;
    padding-inline: var(--content-spacing-lg);
  }

  @media (min-width: 890px) {
    .fv-contents .fv-message-02 {
      font-size: clamp(1rem, 0.6923rem + 0.4808vw, 1.125rem);
    }
  }

  .fv-contents .fv-message-02 br {
    display: none;
  }

  @media (min-width: 450px) {
    .fv-contents .fv-message-02 br {
      display: block;
    }
  }

  .fv-access {
    width: 100%;
    max-width: 460px;
    grid-area: access;
    padding-inline: var(--content-spacing-lg);
  }

  .fv-access-head {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    border-bottom: 1px solid #5FA03E; /* 黄緑色のライン */
    margin-bottom: 10px;
  }

  .fv-access-head-title {
    background-color: #5FA03E; /* 黄緑色の背景 */
    color: #fff;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px 10px 0 0; /* 上部の角丸 */
    line-height: 1.2;
    white-space: nowrap;
  }

  @media (min-width: 890px) {
    .fv-access-head-title {
      font-size: 18px;
      padding: 8px 32px;
    }
  }

  .fv-access-head-notes {
    font-size: 13px;
    color: #333;
  }

  .fv-access-body {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 32px;
    row-gap: 10px;
  }

  @media (min-width: 380px) {
    .fv-access-body {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .fv-access-body-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DDD; /* グレーの下線 */
    padding-block: 6px;
  }

  .fv-access-body-item-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
  }

  .fv-access-body-item-time {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 10px;
    min-width: 60px;
    text-align: center;
    line-height: 1.2;
  }

  .fv-access-image {
    width: 100%;
    max-width: 400px;
    grid-area: image;
    padding-inline: var(--content-spacing-lg);
  }

  @media (min-width: 890px) {
    .fv-access-image {
      max-width: 700px;
      align-self: end;
      margin-bottom: 40px;
    }
  }

  @media (min-width: 1024px) {
    .fv-access-image {
      align-self: center;
    }
  }

  .fv-access-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  @media (min-width: 890px) {
    .fv-contents .fv-message-02,
    .fv-access,
    .fv-access-image {
      padding-inline: 0;
    }
  }

  /* banner */
  .section-banner {
    padding-inline: var(--content-spacing);
  }

  
  .section-banner .banner-wrapper {
    text-decoration: none;
    transition: all 0.3s;
    display: grid;
    place-items: center;
  }

  .section-banner .banner-wrapper:hover {
    opacity: 0.7;
  }
  
  .section-banner .banner-image {
    aspect-ratio: 1100 / 135;
    height: auto;
  }

  .section-banner .banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: #F1F1E5;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    padding-block: 30px;
    padding-inline: 10px;
    max-width: 300px;
    width: 100%;
    margin-inline: auto;
    margin-block: 10px;
  }

  .section-banner .banner-text p {
    font-size: 18px;
    font-weight: 700;
    color: #147849;
    line-height: 1.1;
  }
  
  .section-banner .banner-text svg {
    width: 18px;
    height: 18px;
  }
  
  .section-banner .only-pc {
    display: none;
  }
  
  @media (min-width: 768px) {
    .section-banner .only-pc {
      display: block;
    }

    .section-banner .only-sp {
      display: none;
    }
  }

  /* cube */
  .section-corner .corner-wrapper .title .cornerIcon {
    fill: #147849;
  }

  .section-corner .corner-wrapper {
    gap: var(--gap-xl);
    height: 100%;
  }

  .section-corner .more-btn {
    margin-top: auto;
  }

  .scube-list .item {
    height: auto !important;
  }

  .scube-list .pic {
    position: relative;
  }

  .scube-list .pic.new::after {
    content: "NEW";
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--text-xs);
    color: var(--text-contrast-color);
    line-height: var(--line-height-md);
    background-color: var(--new-color);
    padding-inline: 10px;
    padding-block: 2px;
  }

  #cube_1.section-cube {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 1) 100%), url(../image/bg_yama.png) lightgray 37% 115% / 145.34% 77.693% no-repeat;;
    padding-bottom: 60px;
  }

  #cube_1 .corner-wrapper {
    gap: var(--gap-xxl);
    justify-items: center;
  }

  #cube_1 .title {
    display: grid;
    place-items: center;
    align-content: center;
    font-size: 27px;
    gap: 0;
  }
  
  @media (min-width: 768px) {
    #cube_1 .title {
      align-self: end;
    }
  }

  #cube_1 .title span {
    padding: 10px 20px;
    border-bottom: 1px solid #333;
    margin-bottom: 6px;
  }

  @media (min-width: 768px) {
    #cube_1 .title span {
      padding: 8px 4px;
    }
  }

  @media (min-width: 890px) {
    #cube_1 .title span {
      padding: 10px 20px;
    }
  }

  #cube_1 .more-link {
    max-width: 208px;
  }

  #cube_1 .scube-list {
    grid-template-columns: repeat(2, calc((100% - (var(--gap-lg) * 1)) / 2));
  }

  @media (min-width: 768px) {
    #cube_1 .scube-list {
      display: grid !important;
      gap: var(--gap-lg);
      justify-items: end;
    }
  }

  #cube_1 .scube-list .item {
    max-width: 380px;
  }

  @media (min-width: 768px) {
    #cube_1 .corner-wrapper {
      display: grid;
      grid-template-columns: auto 1fr;
    }
    #cube_1 .title {
      grid-row: 1 / 2;
      grid-column: 1 / 2;
    }

    #cube_1 .scube-context {
      grid-row: 1 / 3;
      grid-column: 2 / 3;
      width: 100%;
    }

    #cube_1 .more-btn {
      grid-row: 2 / 3;
      grid-column: 1 / 2;
      align-self: start;
    }

  }

  /* 物件表示の調整 */
  /* 画像の縦横比を4:3に変更（親テーマの正方形を上書き） */
  #cube_1 .scube-typeA .pic {
    overflow: hidden;
    display: block;
    width: 100%;
  }

  #cube_1 .scube-typeA .pic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  /* 情報エリアの余白 */
  .scube-list .info {
    padding: 20px 15px;
  }

  /* 価格エリア: 中央揃え */
  .scube-list .price {
    font-size: 26px;
    color: #C8161D;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: baseline; 
    line-height: 1.2;
    margin-top: 10px;
  }

  .scube-list .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-inline: 4px;
  }

  .scube-list .tag span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #a8a8a8;
    border-radius: 2px;
    padding: 4px 6px;
    border-radius: 2px;
    line-height: 1.2;
  }

  @media (min-width: 768px) {
    .scube-list .tag span {
      border-radius: 4px;
    }
  }

  /* 仲介手数料0円（ダミー画像） */
  .scube-list .tag .brokerage-fee {
    background: #E88383;
  }

  .scube-list .tag .land {
    background: #AA7864;
  }

  .scube-list .tag .house {
    background: #5FA03E;
  }

  /* 「万円」の部分を小さく */
  .scube-list .price .unit {
    font-size: 0.6em; /* 数字の60% */
    font-weight: bold;
  }

  /* 坪数: ベージュ背景 */
  .scube-list .spec .size {
    background-color: #E4E4D6;
    color: #222;
    padding: 8px 0;
    text-align: center;
    font-weight: bold;
    display: block;
    border-radius: 0;
    margin-bottom: 8px;
    font-size: 14px;
  }
  
  @media (min-width: 768px) {
    .scube-list .spec .size {
      background-color: #F0F0E5;
    }
  }

  /* 住所: 中央揃え */
  .scube-list .spec .address {
    text-align: center;
    font-size: 14px;
    color: #333;
  }

  /* コメント */
  .scube-list .comment {
    font-size: 13.5px;
    line-height: 1.6;
    color: #444;
    padding-top: 0;
    border-top: none;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }

  .cube-flex {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xl);
  }

  @media (min-width: 768px) {
    .cube-flex {
      padding-inline: var(--content-spacing);
    }
  }
  
  @media (min-width: 1080px) {
    .cube-flex {
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
    }
  }

  .cube-flex section {
    padding: 28px 0;
    background: #F2F2E5;
  }
  
  @media (min-width: 1080px) {
    .cube-flex section {
      width: calc(50% - var(--gap-xl) / 2);
    }
  }

  @media (min-width: 768px) {
    .cube-flex section {
      padding: 28px 36px;
    }
  }

  .cube-flex .title {
    font-size: 20px;
  }

  .cube-flex .scube-list {
    gap: var(--gap-lg);
  }

  .cube-flex .scube-list .info {
    justify-content: center;
    padding: 0;
    height: auto;
  }

  @media (min-width: 768px) {
    .cube-flex .scube-list .info {
      padding-inline: 15px;
    }
  }

  .cube-flex .scube-list .info p:not(.size) {
    padding-inline: 4px;
  }

  .cube-flex .scube-list .item {
    display: grid;
    grid-template-columns: 138px 1fr;
  }

  @media (min-width: 768px) {
    .cube-flex .scube-list .item {
      grid-template-columns: 246px 1fr;
    }
  }

  .cube-flex .scube-list .price {
    margin-block: 0;
    line-height: 1;
    font-size: 16px;
  }

  @media (min-width: 768px) {
    .cube-flex .scube-list .price {
      font-size: 26px;
    }
  }

  .cube-flex .scube-list .comment {
    display: none;
  }

  @media (min-width: 768px) {
    .cube-flex .scube-list .comment {
      margin-top: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }
  }

  .cube-flex .scube-list .spec .size {
    margin-bottom: 4px;
    padding-block: 2px;
  }

  @media (min-width: 768px) {
    .cube-flex .scube-list .spec .size {
      padding-block: 4px;
    }
  }

  .cube-flex .item .pic {
    width: 138px;
    height: 120px;
    aspect-ratio: 4 / 3;
  }

  @media (min-width: 768px) {
    .cube-flex .item .pic {
      width: auto;
      height: auto;
    }
  }

  #cube_2 .corner-wrapper {
    padding: 28px 0;
    background: #F2F2E5;
  }

  @media (min-width: 768px) {
    #cube_2 .corner-wrapper {
      padding: 28px 36px;
    }
  }

  #cube_2 .title {
    font-size: 20px;
  }

  #cube_2 .scube-list {
    grid-template-columns: repeat(3, calc((100% - (var(--gap-xl) * 2)) / 3));
  }

  @media (min-width: 768px) {
    #cube_2 .scube-list {
      gap: var(--gap-xl);
      display: grid !important;
    }

    .swiper-slide {
      flex-shrink: 1 !important;
      height: auto !important;
      display: grid !important;
      grid-template-rows: auto 1fr !important;
    }
  }

  .cube-flex .scube-list .pic img,
  #cube_2 .scube-list .pic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }


  /* news */
  .section-news {
    display: none;
  }
  @media (min-width: 768px) {
    .section-news {
      display: flex;
    }
  }

  .section-news .corner-wrapper .title .cornerIcon {
    width: 20px;
    height: 20px;
  }

  .section-news .posts {
    border-top: none;
    border-bottom: none;
    border-right: 2px dashed #AA7864;
    border-left: 2px dashed #AA7864;
  }
}