/* Column single — PC 1680 first (figma 2109:42297) */
.noma-column-detail {
    position: relative;
    z-index: 1;
    padding-top: 7.35rem;
    overflow: clip;
    background: #ffffff;
}

/* ---- Hero ---- */
.noma-column-detail__hero {
    width: 95.7142857143%;
    margin-inline: auto;}

.noma-column-detail__hero-panel {
    position: relative;
    width: 100%;
    max-width: 100.5rem;
    /* 1608px */
    /* 376.504px */
    margin-inline: auto; overflow: visible;
}

.noma-column-detail__hero-bg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.noma-column-detail__hero-bg img {
    display: block;
    width: 100%;
    height: 100%;
    /* cover だと中間幅で右の日付ノッチが切れ、日付だけ緑の上に残る */
    object-fit: fill;
}

.noma-column-detail__hero-content {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    min-height: 23.5315rem;
    padding: 1.3049rem 8rem 2.75rem 8.1636rem;
}

.noma-column-detail__breadcrumb {
    margin: 0 0 3.35rem -5.0264rem;
    /* align to 3.1372rem from panel edge */
}

.noma-column-detail__breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5527rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noma-column-detail__breadcrumb-item, .noma-column-detail__breadcrumb-item a {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 2;
    letter-spacing: 0.065rem;
    color: #ffffff;
    text-decoration: none;
}

.noma-column-detail__breadcrumb-item--current {
    max-width: 17.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noma-column-detail__breadcrumb-sep {
    display: inline-flex;
    width: 0.2959rem;
    height: 0.5133rem;
}

.noma-column-detail__breadcrumb-sep img {
    display: block;
    width: 100%;
    height: 100%;
}

.noma-column-detail__title {
    position: relative;
    z-index: 2;
    /* leave room for SVG date notch (~8% from right) */
    max-width: min(64rem, calc(100% - 8.5rem));
    margin: 0 0 0.73625rem;
    padding-right: 0.5rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.65;
    letter-spacing: 0.21rem;
    color: #ffffff;
}

.noma-column-detail__terms {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.55rem;
    max-width: 52rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noma-column-detail__term {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8084rem;
    padding: 0.2rem 0.65rem;
    border: 1.1px solid #ffffff;
    border-radius: 0.2063rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-size: 0.825rem;
    line-height: 1.65;
    letter-spacing: 0.033rem;
    color: #ffffff;
    white-space: nowrap;
}

.noma-column-detail__date {
    /* Align to hero-bg.svg right notch (viewBox 1608×376.504) */
    position: absolute;
    top: 62.714%;
    /* 236.121 / 376.504 — notch top */
    left: 90.71%;
    /* 1477.97 / 1608 — notch left */
    right: 0;
    z-index: 3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.93%;
    /* (284.801 - 236.121) / 376.504 */
    padding: 0 0.35em;
    font-family: "Akatab", "Gotham", "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    /* 20 */
    line-height: 1.65;
    letter-spacing: 0.0625rem;
    /* 1 */
    color: #6ac800;
    white-space: nowrap;
    background: #fff;
    border-radius: 0.7rem;
    padding-left: 0.8rem;
}

.noma-column-detail__hero-en {
    position: absolute;
    /* 17.28125rem / 23.5315rem */
    right: 0.74%;
    /* ~19.09 / 1608 */
    z-index: 1;
    display: block;
    width: 37.0625rem;
    /* 593 */
    max-width: 36%;
    height: auto;
    margin: 0;
    pointer-events: none;
    user-select: none;
    bottom: -1%;
}

/* ---- Body layout ---- */
.noma-column-detail__body {
    padding-top: 4.8125rem;
    /* ~550.54 - (96.52+376.5) */
    position: relative;
    z-index: 2;
}

.noma-column-detail__layout {
    display: flex;
    align-items: flex-start;
    gap: 5.902rem;
    /* ~94.43px → sidebar @ 1196.66 */
    width: 100%;
    max-width: 105rem;
    /* 1680 */
    margin-inline: auto; padding-left: 15.68125rem;
    /* 250.9 */
    padding-right: 9.52125rem;
    /* 152.34 */
    box-sizing: border-box;
}

.noma-column-detail__main {
    width: 53.208rem;
    /* 851.328 */
    flex: 0 0 53.208rem;
    min-width: 0;
}

.noma-column-detail__sidebar {
    width: 20.6875rem;
    /* 331 */
    flex: 0 0 20.6875rem;
    min-width: 0;
}

/* ---- Featured ---- */
.noma-column-detail__featured {
    width: 100%;
    margin-bottom: 3.85rem;
}

.noma-column-detail__featured-image {
    display: block;
    width: 100%;
    /* 502.129 */
    object-fit: cover;
    border-radius: 0;
    background: #f2f2f2;
}

.noma-column-detail__featured-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 31.3831rem;
    background: #ececec;
}

.noma-column-detail__featured-placeholder img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.noma-column-detail__featured-placeholder span {
    position: relative;
    z-index: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 0.7743rem;
    line-height: 1.8;
    color: #999999;
}

/* ---- CTA ---- */
.noma-column-detail__cta {
    position: relative;
    container-type: inline-size;
    display: block;
    width: 100%;
    aspect-ratio: 851.328 / 266.137;
    margin: 0 0 3.55rem;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease;
    background: #C5E31D;
    border-radius: 0.625rem;
}

/* 全体 a:hover の透明度低下を打ち消し、contactカード同様の拡縮ホバー */
.noma-column-detail__cta:hover {
    z-index: 2;
    opacity: 1;
    transform: scale(1.05);
}

.noma-column-detail__cta--bottom {
    margin: 3.55rem 0 0;
    background: #C5E31D;
    border-radius: 0.625rem;
}

.noma-column-detail__cta--bottom .noma-column-detail__cta {
    margin-bottom: 0;
}

.noma-column-detail__cta-panel {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
}

.noma-column-detail__cta-panel picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.noma-column-detail__cta-staff {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.noma-column-detail__cta-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1.083125rem 1.5rem 1.3125rem;
    /* 17.34 / 21 */
    text-align: center;
}

.noma-column-detail__cta-icon {
    display: block;
    width: 2.0003rem;
    /* 32.005 */
    height: 2.0003rem;
    margin-bottom: 0.125rem;
}

.noma-column-detail__cta-title {
    display: block;
    margin: 0 0 0.2rem;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 2.037875rem;
    /* 32.606 */
    line-height: 1.75;
    letter-spacing: 0.2853rem;
    /* 4.5649 */
    color: #000000;
    white-space: nowrap;
}

.noma-column-detail__cta-lead {
    display: block;
    margin: 0 0 0.85rem;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    /* 15 */
    line-height: 1.75;
    letter-spacing: 0.046875rem;
    /* 0.75 */
    color: #000000;
}

.noma-column-detail__cta-lead-line {
    display: block;
}

.noma-column-detail__cta-lead-line--sp {
    display: none;
}

.noma-column-detail__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    box-sizing: border-box;
    min-width: 23.86425rem;
    /* 381.828 */
    min-height: 4.66625rem;
    /* 74.66 */
    padding: 0 1.25rem 0 1.75rem;
    border-radius: 8.25rem;
    background: #da571f;
    box-shadow: 0 0.375rem 0 0 rgba(61, 61, 61, 0.16);
    transition: box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), transform 0.3s ease;
}

.noma-column-detail__cta:hover .noma-column-detail__cta-btn {
    box-shadow: 0 0 0 0 rgba(61, 61, 61, 0);
    transform: scale(1.06);
}

.noma-column-detail__cta-btn-label {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 0.9950625rem;
    /* 15.921 */
    line-height: 1.65;
    letter-spacing: 0.06965rem;
    /* 1.1144 */
    color: #ffffff;
    white-space: nowrap;
}

.noma-column-detail__cta-btn-arrow {
    --noma-cta-btn-arrow-hover-bg: #ffffff;
    --noma-cta-btn-arrow-hover-color: #da571f;
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    overflow: hidden;
    width: 2.48715rem;
    /* 39.794 */
    height: 2.48715rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: url("../../img/column/detail/cta-btn-arrow.svg") center / contain no-repeat;
    font-size: 0;
}

.noma-column-detail__cta-btn-arrow::before {
    position: relative;
    z-index: 2;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--noma-cta-btn-arrow-hover-color);
    content: "";
    opacity: 0;
    -webkit-mask-image: url("../../img/btn-arrow.svg");
    mask-image: url("../../img/btn-arrow.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: rotate(-45deg);
    transition: opacity 0.3s ease, background-color 0.3s ease;
}

.noma-column-detail__cta-btn-arrow::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 50%;
    background-color: var(--noma-cta-btn-arrow-hover-bg);
    content: "";
    transform: scale(0);
    transition: transform 0.3s ease;
}

.noma-column-detail__cta:hover .noma-column-detail__cta-btn-arrow {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.85);
}

.noma-column-detail__cta:hover .noma-column-detail__cta-btn-arrow::before {
    opacity: 1;
}

.noma-column-detail__cta:hover .noma-column-detail__cta-btn-arrow::after {
    transform: scale(1);
}

/* ---- Entry content ---- */
.noma-column-detail__entry {
    color: #000000;
}

.noma-column-detail__entry > *:first-child {
    margin-top: 0;
}

.noma-column-detail__entry h2 {
    margin: 0 0 1.35rem;
    padding-bottom: 0.85rem;
    border-bottom: 3px solid;
    border-image: linear-gradient(90deg, #6BC900 9.65%, #DEDA00 98.75%);
    border-image-slice: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 1.45;
    letter-spacing: 0.175rem;
    color: #000000;
}

.noma-column-detail__entry h2 span {
    font-weight: 900 !important;
}

.noma-column-detail__entry h3 {
    position: relative;
    margin: 2.75rem 0 1.1rem;
    padding-left: 1.35rem;
    font-weight: 700;
}

.noma-column-detail__entry h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700 !important;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.11rem;
    color: #000000;
}

.noma-column-detail__entry h3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.25rem;
    height: 127%;
    background: #6BC801;
    border-radius: 999px;
    transform: translateY(-50%);
}

.noma-column-detail__entry p, .noma-column-detail__entry li {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.8;
    letter-spacing: 0.0675rem;
    color: #000000;
}

.noma-column-detail__entry p span, .noma-column-detail__entry li span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500 !important;
    font-size: 1.125rem;
    line-height: 1.8;
    letter-spacing: 0.0675rem;
    color: #000000;
}

.noma-column-detail__entry p {
    margin: 0 0 1.6rem;
}

.noma-column-detail__entry ul {
    margin: 0 0 1.6rem;
    padding-left: 1.5rem;
    padding-right: 2.5rem;
}

.noma-column-detail__entry ul > li {
    list-style-type: disc;
}

.noma-column-detail__entry ol {
    margin: 0 0 1.6rem;
    padding-left: 1.5rem;
    padding-right: 2.5rem;
}

.noma-column-detail__entry ol > li {
    list-style-type: decimal;
}

.noma-column-detail__entry img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 1.5rem auto;
}

.noma-column-detail__entry img.wp-image-9723 {
    width: 100%;
    max-width: 536px;
}

.noma-column-detail__entry .text-highlight, .noma-column-detail__entry .text-highlight b {
    background: linear-gradient(transparent 60%, #F7F14C 60%);
}

.noma-column-detail__entry a {
    color: #2468D6;
    text-decoration: underline;
}

.noma-column-detail__entry a span {
    color: #2468D6;
}

/* ---- Sidebar ---- */
.noma-column-detail__consultant {
    display: block;
    width: 20.625rem;
    /* 330 */
    margin-bottom: 2.1875rem;
    line-height: 0;
}

.noma-column-detail__consultant img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
}

.noma-column-detail__search {
    position: relative;
    display: flex;
    align-items: center;
    width: 20.6875rem;
    height: 4.125rem;
    margin-bottom: 2.1875rem;
    background: #f7f7f7;
    border-radius: 0.625rem;
}

.noma-column-detail__search-button {
    position: absolute;
    left: 1.375rem;
    top: 50%;
    display: inline-flex;
    width: 1.375rem;
    height: 1.375rem;
    padding: 0;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
}

.noma-column-detail__search-button img {
    display: block;
    width: 100%;
    height: 100%;
}

.noma-column-detail__search-input {
    width: 100%;
    height: 100%;
    padding: 0 1.25rem 0 3.75rem;
    border: 0;
    background: transparent;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.0625rem;
    letter-spacing: 0.1169rem;
    color: #222222;
    outline: none;
}

.noma-column-detail__search-input::placeholder {
    color: #222222;
    opacity: 0.3;
}

.noma-column-detail__categories {
    margin-bottom: 2.75rem;
}

.noma-column-detail__categories-header {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    margin-bottom: 1.125rem;
}

.noma-column-detail__categories-icon {
    width: 1.125rem;
    height: 1.1262rem;
}

.noma-column-detail__categories-title {
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 1.0674rem;
    line-height: normal;
    letter-spacing: 0.0534rem;
    color: #283135;
}

.noma-column-detail__categories-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 0.4375rem;
}

.noma-column-detail__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.251rem;
    padding: 0.45rem 1.1rem;
    border-radius: 100px;
    background: #f7f7f7;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    letter-spacing: 0.075rem;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}

.noma-column-detail__pill.is-current {
    background: #f46d25;
    font-weight: 700;
    color: #ffffff;
}

.noma-column-detail__side-block {
    margin-bottom: 2.75rem;
}

.noma-column-detail__side-heading {
    margin: 0 0 1.55rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 1.2549rem;
    line-height: normal;
    letter-spacing: 0.0627rem;
    color: #283135;
}

.noma-column-detail__side-cards {
    display: flex;
    flex-direction: column;
    gap: 2.025rem;
}

.noma-column-detail__side-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.noma-column-detail__side-card-thumb, .noma-column-detail__side-card-thumb--empty {
    display: block;
    width: 100%;
    /* 229.82 */
    object-fit: cover;
    background: #ececec;
}

.noma-column-detail__side-card-title {
    display: block;
    margin-top: 0.6875rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.65;
    letter-spacing: 0.0375rem;
    color: #000000;
}

/* ---- Popular / Related ---- */
.noma-column-detail__more {
    position: relative;
    margin-top: -3.5rem;
    padding: 18.125rem 0 16rem;
    overflow: hidden;
    /* セクション自体の背景として敷く */
    background-color: transparent;
    background-image: url("../../img/column/detail/section-bg.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
}

/* HTML側の more-bg は CSS background に移行 */
.noma-column-detail__more-bg {
    display: none;
}

.noma-column-detail__more-bg picture, .noma-column-detail__more-bg img {
    display: none;
}

.noma-column-detail__more-inner {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 1080.63px;
    /* 1680 */
    margin-inline: auto; /* 300.2 */
    box-sizing: border-box;
}

.noma-column-detail__more-block {
    margin-bottom: 5.1875rem;
}

.noma-column-detail__more-block--related {
    margin-bottom: 0;
}

/* PC: 関連記事 / SP: 新着記事 */
.noma-column-detail__more-block--recent {
    display: none;
    margin-bottom: 0;
}

.noma-column-detail__more-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2.42875rem;
}

.noma-column-detail__more-eyebrow {
    display: block;
    margin: 0 0 0.35rem;
}

.noma-column-detail__more-eyebrow-img {
    display: block;
    width: auto;
    height: 1.75rem;
    /* line-height相当 */
}

.noma-column-detail__more-title {
    margin: 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 3.1629rem;
    line-height: 1.75;
    letter-spacing: 0.2214rem;
    color: #000000;
}

.noma-column-detail__more-link, .noma-column-detail__more-link--sp {
    --noma-link-button-circle-size: 4.0797rem;
    --noma-link-button-gap: 0.65rem;
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: var(--noma-link-button-gap);
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 1.2013rem;
    line-height: 2;
    letter-spacing: 0.0721rem;
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease, opacity 0.3s ease;
    margin-right: 6.5rem;
}

/* TOP .noma-link-button と同じホバー（透明度低下ではなく下線＋円の沈み込み） */
.noma-column-detail__more-link::after, .noma-column-detail__more-link--sp::after {
    position: absolute;
    left: calc(var(--noma-link-button-circle-size) + var(--noma-link-button-gap));
    right: 0;
    top: calc(50% + 0.88em);
    height: 1px;
    content: "";
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
}

.noma-column-detail__more-link .noma-link-button__circle, .noma-column-detail__more-link--sp .noma-link-button__circle {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: var(--noma-link-button-circle-size);
    height: var(--noma-link-button-circle-size);
    font-size: 0;
    color: #fff;
    border-radius: 50%;
    border: 0.0625rem solid #fff;
    background-color: #a9e215;
    box-shadow: 0 0.1875rem 0 0 #d4d4d4;
    transition: background-color 0.3s ease, box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), transform 0.22s cubic-bezier(0.2, 0, 0, 1);
}

.noma-column-detail__more-link .noma-link-button__circle::before, .noma-column-detail__more-link--sp .noma-link-button__circle::before {
    display: block;
    width: 0.964375rem;
    height: 0.964375rem;
    margin-top: 0.125rem;
    margin-left: 0.1875rem;
    content: "";
    background: url("../../img/btn-arrow.svg") no-repeat center / contain;
}

.noma-column-detail__more-link:hover, .noma-column-detail__more-link--sp:hover {
    opacity: 1;
}

.noma-column-detail__more-link:hover::after, .noma-column-detail__more-link--sp:hover::after {
    transform: scaleX(1);
}

.noma-column-detail__more-link:hover .noma-link-button__circle, .noma-column-detail__more-link--sp:hover .noma-link-button__circle {
    background-color: #20bf00;
    box-shadow: 0 0 0 0 #d4d4d4;
    transform: translateY(0.1875rem);
}

.noma-column-detail__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem 1.875rem;
    position: relative;
}

.noma-column-detail__cards--popular::after {
    content: "";
    position: absolute;
    right: -8rem;
    top: -6.5rem;
    z-index: -1;
    width: 19.9375rem;
    /* 319 */
    height: 20.71875rem;
    /* 331.5 */
    background: url("../../img/column/detail/detail-cards-popular-dec.webp") no-repeat;
    background-size: contain;
    pointer-events: none;
}

.noma-column-detail__cards--popular > .noma-column-detail__card {
    position: relative;
    z-index: 1;
}

.noma-column-detail__cards--related, .noma-column-detail__cards--recent {
    grid-template-columns: repeat(3, 21.2491rem);
}

.noma-column-detail__card {
    background: transparent;
    height: 100%;
}

.noma-column-detail__card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 0.625rem;
    background: #ffffff;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.noma-column-detail__card-link:hover {
    opacity: 1;
}

.noma-column-detail__card-media {
    display: block;
    flex: 0 0 auto;
    overflow: clip;
    width: 100%;
    height: 14.8743rem;
    /* 237.989 */
    border-radius: 0.625rem 0.625rem 0 0;
    background: #ececec;
}

.noma-column-detail__card-thumb, .noma-column-detail__card-thumb--empty {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    background: #ececec;
    transition: transform 0.35s ease;
}

.noma-column-detail__card-link:hover .noma-column-detail__card-thumb {
    transform: scale(1.06);
}

.noma-column-detail__card-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 11.4202rem;
    /* 182.723 */
    padding: 0.85rem 1.35rem 1.25rem;
    box-sizing: border-box;
    background: #ffffff;
}

.noma-column-detail__card-title {
    margin: 0 0 0.65rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.65;
    letter-spacing: 0.0638rem;
    color: #000000;
    position: relative;
}

.noma-column-detail__card-title > span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.noma-column-detail__card-dot {
    width: 0.3303rem;
    height: 0.3303rem;
    margin-top: 0.55rem;
    position: absolute;
    left: -0.8rem;
    top: -0.2rem;
}

.noma-column-detail__card-excerpt {
    display: -webkit-box;
    margin: 0 0 0.9rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.65;
    letter-spacing: 0.0406rem;
    color: #000000;
}

.noma-column-detail__card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.65rem;
    margin-top: auto;
}

.noma-column-detail__card-date {
    font-family: "Akatab", "Gotham", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.65;
    letter-spacing: 0.0263rem;
    color: #c1c4bb;
}

.noma-column-detail__card-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.noma-column-detail__card-term {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6441rem;
    padding: 0.15rem 0.55rem;
    border: 1px solid #d8dad1;
    border-radius: 0.1875rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.65;
    letter-spacing: 0.03rem;
    color: #000000;
}

/* =========================================================
   Responsive: 1680 → 768 (SP <768 は別途)
   ========================================================= */
/* Large desktop under 1680: keep proportions, reduce fixed offsets */
@media screen and (max-width: 1679.98px) {
    .noma-column-detail__main {
        width: auto;
        flex: 1 1 53.208rem;
        max-width: 53.208rem;
    }

    .noma-column-detail__sidebar {
        width: clamp(16.5rem, 19.7vw, 20.6875rem);
        flex: 0 0 clamp(16.5rem, 19.7vw, 20.6875rem);
    }

    .noma-column-detail__consultant {
        width: 100%;
    }

    .noma-column-detail__search {
        width: 100%;
    }

    .noma-column-detail__cards, .noma-column-detail__cards--related {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .noma-column-detail__title {
        /* Keep PC-scale type; only ease slightly on mid widths — never below 2rem */
        font-size: clamp(2rem, 2.86vw, 3rem);
    }

    .noma-column-detail__hero-en {
        width: clamp(14rem, 35.2vw, 37.0625rem);
    }

    .noma-column-detail__hero-content {
        min-height: min(23.5315rem, calc(100vw * 376.504 / 1608));
        padding-left: clamp(2rem, 7.75vw, 8.1636rem);
        padding-right: clamp(2rem, 7.6vw, 8rem);
    }

    .noma-column-detail__breadcrumb {
        margin-left: clamp(-1.5rem, -4.77vw, -5.0264rem);
    }
}

/* Tablet landscape / small desktop — keep PC hero composition (SVG notch + date) */
@media screen and (min-width: 1080px) and (max-width: 1679.98px) {
    .noma-column-detail__cta {
        border-radius: 1.1746cqw;
    }

    .noma-column-detail__cta-body {
        padding: 2.037cqw 2.819cqw 2.467cqw;
    }

    .noma-column-detail__cta-icon {
        width: 3.759cqw;
        height: 3.759cqw;
        margin-bottom: 0.235cqw;
    }

    .noma-column-detail__cta-title {
        margin-bottom: 0.376cqw;
        font-size: 3.83cqw;
        line-height: 1.75;
        letter-spacing: 0.536cqw;
    }

    .noma-column-detail__cta-lead {
        margin-bottom: 1.598cqw;
        font-size: 1.762cqw;
        line-height: 1.75;
        letter-spacing: 0.088cqw;
    }

    .noma-column-detail__cta-btn {
        gap: 1.034cqw;
        min-width: 44.85cqw;
        min-height: 8.77cqw;
        padding: 0 2.35cqw 0 3.29cqw;
        border-radius: 15.505cqw;
        box-shadow: 0 0.705cqw 0 0 rgba(61, 61, 61, 0.16);
    }

    .noma-column-detail__cta-btn-label {
        font-size: 1.87cqw;
        letter-spacing: 0.131cqw;
    }

    .noma-column-detail__cta-btn-arrow {
        width: 4.674cqw;
        height: 4.674cqw;
    }

    .noma-column-detail__cta-btn-arrow::before {
        width: 1.503cqw;
        height: 1.503cqw;
    }
}

@media screen and (max-width: 1199.98px) {
    .noma-column-detail {
        padding-top: var(--noma-header-height);
    }

    .noma-column-detail__hero {
        padding: 0;
    }

    .noma-column-detail__hero-panel {
        min-height: 0;
    }

    .noma-column-detail__hero-content {
        min-height: min(23.5315rem, calc(100vw * 376.504 / 1608));
        padding: 1.25rem clamp(1.5rem, 4vw, 2.5rem) 2.25rem;
    }

    .noma-column-detail__breadcrumb {
        margin: 0 0 1.75rem 0;
    }

    .noma-column-detail__breadcrumb-item--current {
        max-width: 12rem;
    }

    .noma-column-detail__title {
        margin-bottom: 1rem;
        max-width: min(64rem, calc(100% - 7.5rem));
        font-size: clamp(2rem, 2.7vw, 2.75rem);
        letter-spacing: 0.12rem;
    }

    /* Keep date locked to SVG notch — do not switch to bottom */
    .noma-column-detail__date {
        top: 62.714%;
        left: 91.91%;
        right: 0;
        bottom: auto;
        font-size: clamp(0.9375rem, 1.35vw, 1.25rem);
    }

    .noma-column-detail__hero-en {
        right: 0.74%;
        width: clamp(12rem, 32vw, 28rem);
        max-width: 34%;
    }

    .noma-column-detail__body {
        padding-top: 3rem;
    }

    .noma-column-detail__layout {
        gap: 2.25rem;
        width: 90%;
        padding: 0;
    }

    .noma-column-detail__main {
        flex: 1 1 auto;
        max-width: none;
    }

    .noma-column-detail__sidebar {
        width: 17.5rem;
        flex: 0 0 17.5rem;
    }

    .noma-column-detail__featured {
        margin-bottom: 2.5rem;
    }

    .noma-column-detail__featured-image, .noma-column-detail__featured-placeholder {
        height: auto;
        aspect-ratio: 851 / 502;
    }

    .noma-column-detail__cta {
        margin-bottom: 2.5rem;
    }

    .noma-column-detail__cta--bottom {
        margin-top: 2.5rem;
    }

    .noma-column-detail__cta-title {
        font-size: clamp(1.5rem, 2.5vw, 2.037875rem);
        letter-spacing: clamp(0.12rem, 0.27vw, 0.2853rem);
    }

    .noma-column-detail__cta-btn {
        min-width: min(23.86425rem, 72%);
    }

    .noma-column-detail__side-card-thumb, .noma-column-detail__side-card-thumb--empty {
        height: auto;
        aspect-ratio: 328 / 230;
    }

    .noma-column-detail__more-inner {
        width: 87.8%;
    }

    .noma-column-detail__more-title {
        font-size: 2.5rem;
        letter-spacing: 0.14rem;
    }

    .noma-column-detail__more-link, .noma-column-detail__more-link--sp {
        --noma-link-button-circle-size: 3.25rem;
    }

    .noma-column-detail__card-media {
        height: auto;
        aspect-ratio: 340 / 238;
    }

    .noma-column-detail__card-body {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 0;
        padding: 0.85rem 1rem 1.15rem;
    }
}

/* Tablet portrait ~768–1080 (Total系ブレークに合わせる) — hero stays PC-like */
@media screen and (min-width: 1080px) and (max-width: 1199.98px) {
    .noma-column-detail__cta-title {
        font-size: 3.83cqw;
        letter-spacing: 0.536cqw;
    }

    .noma-column-detail__cta-btn {
        min-width: 44.85cqw;
    }
}

@media screen and (max-width: 1079.98px) and (min-width: 768px) {
    .noma-column-detail__hero {
        padding: 0;
        margin-inline: auto; width: 90%;
    }

    .noma-column-detail__hero-content {
        min-height: min(23.5315rem, calc(100vw * 376.504 / 1608));
        padding: 1.125rem clamp(1.25rem, 3.2vw, 1.75rem) 2rem;
    }

    .noma-column-detail__breadcrumb {
        margin-bottom: 1.5rem;
    }

    .noma-column-detail__breadcrumb-item, .noma-column-detail__breadcrumb-item a {
        font-size: 0.75rem;
        letter-spacing: 0.04rem;
    }

    .noma-column-detail__breadcrumb-item--current {
        max-width: 9rem;
    }

    .noma-column-detail__title {
        /* Do not drop below 2rem — keep PC presence */
        font-size: clamp(2rem, 3.2vw, 2.5rem);
        line-height: 1.55;
        letter-spacing: 0.08rem;
        max-width: min(64rem, calc(100% - 6.5rem));
    }

    .noma-column-detail__term {
        min-height: 1.625rem;
        padding: 0.15rem 0.55rem;
        font-size: 0.75rem;
    }

    .noma-column-detail__date {
        top: 62.714%;
        left: 89.91%;
        right: 0;
        bottom: auto;
        font-size: clamp(0.875rem, 1.5vw, 1.125rem);
        border-radius: 0.7rem;
        padding-left: 0.8rem;
    }

    .noma-column-detail__hero-en {
        right: 0.74%;
        width: clamp(11rem, 30vw, 22rem);
        max-width: 34%;
    }

    .noma-column-detail__body {
        padding-top: 2.5rem;
    }

    .noma-column-detail__layout {
        flex-direction: column;
        gap: 3rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /* 768〜1080 はサイドバー非表示（SP未満で再表示） */
    .noma-column-detail__sidebar {
        display: none;
    }

    .noma-column-detail__consultant {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 100%;
        margin-bottom: 0;
    }

    .noma-column-detail__search {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        margin-bottom: 0;
    }

    .noma-column-detail__categories {
        grid-column: 2;
        grid-row: 2;
        margin-bottom: 0;
    }

    .noma-column-detail__side-block {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .noma-column-detail__side-cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .noma-column-detail__more {
        margin-top: -2.6rem;
        padding: 19rem 0 17rem;
    }

    .noma-column-detail__more-header {
        margin-bottom: 2rem;
    }

    .noma-column-detail__more-title {
        font-size: 2.125rem;
        letter-spacing: 0.1rem;
    }

    .noma-column-detail__more-link, .noma-column-detail__more-link--sp {
        --noma-link-button-circle-size: 3.7rem;
        font-size: 1.0625rem;
    }

    .noma-column-detail__cards, .noma-column-detail__cards--related {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .noma-column-detail__card-title {
        font-size: 1rem;
    }
}

/* Narrow tablet edge (~768) */
@media screen and (max-width: 899.98px) and (min-width: 768px) {
    .noma-column-detail__sidebar {
        grid-template-columns: 1fr;
    }

    .noma-column-detail__consultant, .noma-column-detail__search, .noma-column-detail__categories, .noma-column-detail__side-block {
        grid-column: auto;
        grid-row: auto;
    }

    .noma-column-detail__consultant {
        max-width: 20.625rem;
    }

    .noma-column-detail__side-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noma-column-detail__title {
        max-width: min(64rem, calc(100% - 5.75rem));
        font-size: 2rem;
    }

    .noma-column-detail__date {
        top: 62.714%;
        left: 89.81%;
        right: 0;
        bottom: auto;
        background: #fff;
        padding-left: 0.6rem;
        border-radius: 0.2rem;
    }

    .noma-column-detail__hero-en {
        top: 81.44%;
        right: 0.74%;
        bottom: auto;
        width: clamp(10rem, 28vw, 18rem);
        max-width: 32%;
    }
}

/* =========================================================
   SP: max 767.98px (figma 2109:42825 / 414)
   ========================================================= */
@media screen and (max-width: 767.98px) {
    .noma-column-detail {
        padding-top: 4.5rem;
    }

    .noma-column-detail__hero {
        padding: 0;
        width: 100%;
    }

    .noma-column-detail__hero-panel {
        max-width: none;
        min-height: 18.625rem;
        /* 298px */
        overflow: visible;
    }

    .noma-column-detail__hero-bg, .noma-column-detail__hero-bg img {
        border-radius: 0;
    }

    .noma-column-detail__hero-content {
        min-height: 18.625rem;
        padding: 1.1143rem 2.0625rem 3.25rem 2.0625rem;
        /* ~33px */
    }

    .noma-column-detail__breadcrumb {
        margin: 0 0 1.5rem;
    }

    .noma-column-detail__breadcrumb-list {
        gap: 0.25rem 0.45rem;
    }

    .noma-column-detail__breadcrumb-item, .noma-column-detail__breadcrumb-item a {
        font-weight: 400;
        font-size: 0.6906rem;
        /* 11.05 */
        letter-spacing: 0.0553rem;
    }

    .noma-column-detail__breadcrumb-item--current {
        max-width: none;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .noma-column-detail__breadcrumb-sep {
        width: 0.2515rem;
        height: 0.4362rem;
    }

    .noma-column-detail__title {
        max-width: 21.7942rem;
        /* 348.7 */
        margin: 0 0 1.05rem;
        font-size: 2.0625rem;
        /* 33 */
        line-height: 1.5;
        letter-spacing: 0.1238rem;
    }

    .noma-column-detail__terms {
        max-width: 17.1rem;
        gap: 0.4rem 0.45rem;
    }

    .noma-column-detail__term {
        min-height: 1.7542rem;
        padding: 0.15rem 0.55rem;
        font-size: 0.8003rem;
        /* 12.8 */
        letter-spacing: 0.032rem;
    }

    .noma-column-detail__date {
        top: auto;
        /* 245.82 — figma 2109:43193 */
        bottom: 10%;
        left: auto;
        right: 0.875rem;
        /* 14 */
        display: block;
        height: auto;
        padding: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 0.875rem;
        /* 14 */
        line-height: 1.65;
        letter-spacing: 0.02625rem;
        /* 0.42 */
        color: #6ac801;
        background: none;
    }

    .noma-column-detail__hero-en {
        display: none;
    }

    .noma-column-detail__body {
        padding-top: 1.8125rem;
        /* ~410.86 - (83.5+298) */
    }

    .noma-column-detail__layout {
        display: flex;
        flex-direction: column;
        gap: 2.25rem;
        /* 25.125 */
        width: 22.75rem;
    }

    .noma-column-detail__main, .noma-column-detail__sidebar {
        width: 100%;
        max-width: 22.7476rem;
        /* 363.96 */
        flex: 0 0 auto;
        margin-inline: auto; }

    .noma-column-detail__main {
        order: 1;
    }

    .noma-column-detail__sidebar {
        order: 2;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .noma-column-detail__consultant, .noma-column-detail__side-block {
        display: none;
    }

    .noma-column-detail__featured {
        margin-bottom: 1.0625rem;
    }

    .noma-column-detail__featured-image, .noma-column-detail__featured-placeholder {
        width: 100%;
        height: auto;
        aspect-ratio: 363.961 / 254.773;
    }

    .noma-column-detail__cta {
        aspect-ratio: 363.961 / 230.196;
        margin: 0 0 1.9375rem;
        border-radius: 0.2675rem;
    }

    .noma-column-detail__cta--bottom {
        margin: 1.9375rem 0 0;
        border-radius: 0.2675rem;
    }

    .noma-column-detail__cta-body {
        padding: 0.838125rem 0.6rem 1rem;
        /* ~13.4 */
    }

    .noma-column-detail__cta-icon {
        width: 1.2266rem;
        /* 19.625 */
        height: 1.2266rem;
        margin-bottom: 0.05rem;
    }

    .noma-column-detail__cta-title {
        margin-bottom: 0.15rem;
        font-size: 1.249625rem;
        /* 19.994 */
        letter-spacing: 0.17495rem;
        /* 2.7992 */
        white-space: nowrap;
    }

    .noma-column-detail__cta-lead {
        margin-bottom: 1.05rem;
        font-size: 0.75rem;
        /* 12 */
        letter-spacing: 0.0375rem;
        /* 0.6 */
    }

    .noma-column-detail__cta-lead-line--pc {
        display: none;
    }

    .noma-column-detail__cta-lead-line--sp {
        display: block;
    }

    .noma-column-detail__cta-btn {
        gap: 0.4rem;
        min-width: 21.51696875rem;
        /* 344.271 */
        min-height: 4.2073rem;
        /* 67.317 */
        padding: 0 0.85rem 0 1.1rem;
        border-radius: 7.4385rem;
        box-shadow: 0 0.338125rem 0 0 rgba(61, 61, 61, 0.16);
    }

    .noma-column-detail__cta-btn-label {
        font-size: 0.9596875rem;
        /* 15.355 */
        letter-spacing: 0.067175rem;
        /* 1.0748 */
    }

    .noma-column-detail__cta-btn-arrow {
        width: 2.2425rem;
        /* 35.88 */
        height: 2.2425rem;
    }

    .noma-column-detail__entry h2 {
        margin-bottom: 1.1rem;
        padding-bottom: 0.7rem;
        font-size: 1.4375rem;
        /* 23 */
        line-height: 1.7;
        letter-spacing: 0.1438rem;
    }

    .noma-column-detail__entry h3 {
        margin: 2rem 0 0.9rem;
        padding-left: 1rem;
    }

    .noma-column-detail__entry h3 span {
        font-size: 1.1875rem;
        /* 19 */
        line-height: 2.3;
        letter-spacing: 0.095rem;
    }

    .noma-column-detail__entry h3::before {
        width: 0.1875rem;
        height: 100%;
    }

    .noma-column-detail__entry p span, .noma-column-detail__entry li span {
        font-size: 0.9375rem;
        /* 15 */
        line-height: 1.8;
        letter-spacing: 0.0469rem;
    }

    .noma-column-detail__entry p {
        margin-bottom: 1.25rem;
        line-height: 2;
    }

    .noma-column-detail__search {
        width: 100%;
        height: 3.9187rem;
        /* 62.7 */
        margin-bottom: 0;
        border-radius: 0.625rem;
    }

    .noma-column-detail__search-button {
        left: 1.2316rem;
        width: 1.2316rem;
        height: 1.2316rem;
    }

    .noma-column-detail__search-input {
        padding-left: 3.3rem;
        font-size: 0.9375rem;
        letter-spacing: 0.09rem;
    }

    .noma-column-detail__categories {
        margin-bottom: 0;
    }

    .noma-column-detail__categories-header {
        gap: 0.4rem;
        margin-bottom: 0.85rem;
    }

    .noma-column-detail__categories-icon {
        width: 1.0687rem;
        height: 1.0699rem;
    }

    .noma-column-detail__categories-title {
        font-size: 1.0141rem;
    }

    .noma-column-detail__categories-nav {
        gap: 0.7rem 0.4rem;
    }

    .noma-column-detail__pill {
        min-height: 2.1384rem;
        padding: 0.35rem 1.1rem;
        font-size: 0.8906rem;
        letter-spacing: 0.0713rem;
    }

    .noma-column-detail__more {
        margin-top: 1.75rem;
        padding: 8.875rem 0 5rem;
        /* curve + content */
        background-image: url("../../img/column/detail/section-bg-sp.webp");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .noma-column-detail__more-inner {
        max-width: none;
        /* ~26.4 */
    }

    .noma-column-detail__more-block {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-bottom: 3.75rem;
    }

    .noma-column-detail__more-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 2rem;
    }

    .noma-column-detail__more-eyebrow {
        margin-bottom: 0.2rem;
    }

    .noma-column-detail__more-eyebrow-img {
        height: 1.640625rem;
        /* 0.9375rem * 1.75 */
    }

    .noma-column-detail__more-title {
        font-size: 2.3504rem;
        /* 37.606 */
        line-height: 1.75;
        letter-spacing: 0.2115rem;
        /* 3.3846 */
    }

    .noma-column-detail__more-header .noma-column-detail__more-link {
        display: none;
    }

    .noma-column-detail__cards, .noma-column-detail__cards--related, .noma-column-detail__cards--recent {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.55rem;
    }

    /* SP: 人気4件 / 関連は隠して新着3件を表示 */
    .noma-column-detail__cards--popular::after {
        content: none;
        display: none;
    }

    .noma-column-detail__cards--popular .noma-column-detail__card:nth-child(n + 5) {
        display: none;
    }

    .noma-column-detail__more-block--related {
        display: none;
    }

    .noma-column-detail__more-block--recent {
        display: block;
    }

    .noma-column-detail__more-block--recent .noma-column-detail__more-link--sp {
        display: flex;
        width: fit-content;
        margin-inline: auto; }

    .noma-column-detail__card-link {
        border-radius: 0.625rem;
    }

    .noma-column-detail__card-media {
        height: auto;
        aspect-ratio: 362.6875 / 253.881;
    }

    .noma-column-detail__card-body {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 11.4501rem;
        /* 183.2 */
        padding: 0.9rem 1.5rem 1.15rem;
    }

    .noma-column-detail__card-title {
        margin-bottom: 0.55rem;
        font-size: 1.0625rem;
        letter-spacing: 0.0638rem;
    }

    .noma-column-detail__card-excerpt {
        margin-bottom: 0.75rem;
        font-size: 0.8125rem;
    }

    .noma-column-detail__card-date {
        font-size: 0.875rem;
    }

    .noma-column-detail__card-term {
        min-height: 1.7538rem;
        font-size: 0.75rem;
    }

    .noma-column-detail__more-link--sp {
        --noma-link-button-circle-size: 3.6717rem;
        /* 58.75 */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        margin-top: 1.6rem;
        margin-right: 0;
        font-size: 1.0625rem;
    }

    /* タッチ端末で hover が残って下線が円を貫くのを防ぐ */
    .noma-column-detail__more-link--sp:hover::after {
        transform: scaleX(0);
    }

    .noma-column-detail__more-link--sp:hover .noma-link-button__circle {
        background-color: #a9e215;
        box-shadow: 0 0.1875rem 0 0 #d4d4d4;
        transform: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .noma-column-detail__more-link--sp:hover::after {
        transform: scaleX(1);
    }

    .noma-column-detail__more-link--sp:hover .noma-link-button__circle {
        background-color: #20bf00;
        box-shadow: 0 0 0 0 #d4d4d4;
        transform: translateY(0.1875rem);
    }
}

@media screen and (min-width: 768px) {
    .noma-column-detail__more-link--sp {
        display: none !important;
    }

    .noma-column-detail__more-block--recent {
        display: none !important;
    }

    .noma-column-detail__more-block--related {
        display: block;
    }
}