.sectionTitlePage .wrapTitlePage .characterPageTitle {
    bottom: -28px;
    width: 240.6px;
    right: -94px;
}

.columnDetailArea {
    padding: 43px 0 100px;
    background: #fff;
    color: #231815;
}
.columnDetailArea .inner {
    max-width: 894px;
    width: 100%;
}
.columnDetailArea .date {
    font-weight: bold;
    font-size: 12.4px;
    letter-spacing: 0.9px;
    margin-bottom: 4px;
}
.columnDetailArea .detailTitle {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 1.03;
    margin-bottom: 39px;
}
.columnDetailArea .columnContent p:has(img),
.columnDetailArea .thumb {
    width: 100%;
    margin-bottom: 38px;
}
.columnDetailArea .columnContent p:has(img) img {
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}
.columnDetailArea  .thumb img {
    aspect-ratio: unset;
    object-fit: cover;
    height: auto;
    display: block;
    width: 100%;
}

.columnDetailArea .columnContent > *:last-child {
    margin-bottom: 0;
}
.columnDetailArea .columnContent p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 30px;
}

.columnDetailArea .columnContent a {
    color: #e50011;
}
.columnDetailArea .columnContent h2 {
    font-size: 20px;
    line-height: 1.165;
    font-weight: 900;
    letter-spacing: 3.3px;
    color: #fff;
    background: #e50011;
    border-radius: 0 23px 23px 0;
    padding: 11px 20px 10.7px;
    margin-bottom: 21px;
    margin-right: -3px;
    margin-top: 53px;
}
.columnDetailArea .columnContent h3 {
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 6px;
    font-weight: 900;
    line-height: 1.6;
}
.columnDetailArea .columnContent ul:not(#ez-toc-container ul),
.columnDetailArea .columnContent ol:not(#ez-toc-container ol) {
    margin-left: 2em;
    margin-bottom: 30px;
    list-style-position: outside;
    padding-left: 1.5em;
}
.columnDetailArea .columnContent ul:not(#ez-toc-container ul) {
    padding-left: 0;
}
.columnDetailArea .columnContent ul:not(#ez-toc-container ul) li,
.columnDetailArea .columnContent ol:not(#ez-toc-container ol) li {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    text-align: justify;

}
.columnDetailArea .columnContent ul:not(#ez-toc-container ul) li {
    position: relative;
    padding-left: 1.75em;
}
.columnDetailArea .columnContent ul:not(#ez-toc-container ul) li::before {
    content: "•";
    position: absolute;
    left: 0.5em;
    top: 0.5em;
    transform: translateY(-50%);
    font-size: 1.5em;
}


#ez-toc-container {
    width: 100%;
    background: #efefef;
    border: none;
    padding: 26px 35px;
    margin-top: 41px;
    margin-bottom: 71px;
}
.ez-toc-title-container {
    margin-bottom: 5px;
}
div#ez-toc-container .ez-toc-title {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.82px;
    /* margin-bottom: 13px; */
    padding-left: 1px;
    color: #231815;
}
div#ez-toc-container ul li,
div#ez-toc-container ul li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    color: #231815;
}
div#ez-toc-container a:visited {
    color: #858585;
}
.columnArea.detailArea {
    padding: 55px 0 88px;
}
.columnRelatedTitle {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.columnArea.detailArea .columnList {
    margin-bottom: 0;
}

@media (min-width: 769px) {
    .columnDetailArea .columnContent a:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    div#ez-toc-container a:hover {
        color: #e50011;
    }
}
@media (max-width: 768px) {
    .sectionTitlePage .wrapTitlePage .characterPageTitle {
        width: clamp(114.5px, 27.33vw, 205px);
        bottom: clamp(-22px, -3vw, -14px);
        right: clamp(-28px, -3.75vw, -18px);
    }
    .columnDetailArea {
        padding: clamp(24.5px, 6.53vw, 49px) 0 clamp(53.5px, 14.27vw, 106px);
    }
    .columnDetailArea .inner {
        padding: 0 5%;
    }
    .columnDetailArea .date {
        font-size: clamp(12.2px, 3.25vw, 24.4px);
        margin-bottom: clamp(11px, 2.93vw, 22px);
        letter-spacing: clamp(1.05px, 0.28vw, 2.1px);
    }
    .columnDetailArea .detailTitle {
        font-size: clamp(18px, 4.8vw, 36px);
        margin-bottom: clamp(15px, 4vw, 30px);
    }
    .columnDetailArea .columnContent p:has(img),
    .columnDetailArea .thumb {
        margin: 0 1px clamp(20.5px, 5.47vw, 41px);
    }
    .columnDetailArea .columnContent p {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.49;
        margin-bottom: clamp(15px, 4vw, 30px);
    }
    .columnDetailArea .columnContent h2 {
        display: flex;
        align-items: center;
        font-size: clamp(16px, 4.27vw, 32px);
        letter-spacing: clamp(2.8px, 0.75vw, 5.6px);
        padding: clamp(4.5px, 1.2vw, 9px) clamp(10.5px, 2.8vw, 21px) clamp(5px, 1.33vw, 10px);
        border-radius: 0 55px 55px 0;
        margin-right: 4px;
        margin-bottom: clamp(24px, 6.4vw, 48px);
        margin-top: clamp(39.5px, 10.54vw, 79px);
    }
    .columnDetailArea .columnContent h3 {
        font-size: clamp(14px, 3.74vw, 28px);
        margin-bottom: clamp(6px, 1.6vw, 12px);
        margin-left: 1px;
        letter-spacing: clamp(2.3px, 0.61vw, 4.6px);
    }

    #ez-toc-container a:hover {
        text-decoration: none;
    }
    .columnArea.detailArea {
        padding: clamp(27.5px, 7.333vw, 55px) 0 clamp(44px, 11.733vw, 88px);
    }
    .columnRelatedTitle {
        font-size: clamp(24px, 6.4vw, 48px);
        margin-bottom: clamp(15px, 4vw, 30px);
        letter-spacing: clamp(1.4px, 0.4vw, 3px);
    }
    #ez-toc-container {
        padding: clamp(20.5px, 5.467vw, 41px)clamp(20.5px, 5.467vw, 41px)  clamp(20.5px, 6.267vw, 47px);
        margin-top: clamp(49.5px, 13.2vw, 99px);
        margin-bottom: clamp(48px, 12.8vw, 96px);
        border-radius: 0;
        width: calc(100% - clamp(2.5px, 0.667vw, 5px));
    }

    .ez-toc-title-container {
        margin-bottom: clamp(10.5px, 3.1vw, 23px);
    }

    div#ez-toc-container .ez-toc-title {
        text-align: center;
        font-size: clamp(16px, 4.267vw, 32px);
        display: block;
        width: 100%;
    }

    div#ez-toc-container ul li,
    div#ez-toc-container ul li a {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.8;
        letter-spacing: 0px;
    }
    .columnArea.detailArea .columnList {
        transform: translateX(-2px);
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul),
    .columnDetailArea .columnContent ol:not(#ez-toc-container ol) {
        margin-bottom: clamp(15px, 4vw, 30px);
         margin-left: clamp(7px, 1.867vw, 14px);
        padding-left: clamp(18px, 4.8vw, 36px)
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul) {
        margin-left: clamp(7px, 1.867vw, 14px);
        padding-left: 0;
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul) li {
        padding-left: clamp(18px, 4.8vw, 36px)
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul) li::before {
        transform: translateY(-52%);
        left: clamp(5px, 1.333vw, 10px);
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul) li,
    .columnDetailArea .columnContent ol:not(#ez-toc-container ol) li {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.49;
    }
}
@media (max-width: 430px) {
    .columnDetailArea .inner {
        padding: 0 5.3%;
    }
    .columnDetailArea .detailTitle {
        line-height: 1.2;
    }
    .columnDetailArea .columnContent h2 {
        font-size: clamp(15px, 4vw, 30px);
        letter-spacing: clamp(2px, 0.533vw, 4px);
        border-radius: 0 55px 55px 0;
        padding: clamp(9px, 2.4vw, 18px) clamp(20px, 5.333vw, 40px) clamp(9px, 2.4vw, 18px);
        margin-right: 0;
        margin-bottom: clamp(17px, 4.53vw, 34px);
        width: 100%;
        line-height: 1.3;
        margin-top: clamp(34.5px, 9.2vw, 69px);
        min-height: clamp(57px, 15.2vw, 114px);
    }
    .columnDetailArea .columnContent p {
        font-size: clamp(12px, 3.2vw, 24px);
        letter-spacing: clamp(0.95px, 0.23vw, 1.9px);
        line-height: 1.6;
        margin-bottom: 1.63em;
        padding-right: 0;
    }
    .columnDetailArea .columnContent ul:not(#ez-toc-container ul),
    .columnDetailArea .columnContent ol:not(#ez-toc-container ol) { 
        font-size: clamp(12px, 3.2vw, 24px);
         margin-bottom: 1.63em;
    }
}