/* 375px基準でpx値をvw値に変換する関数 */
.c-raw-html {
    /* 基準値設定 */
    --base-width: 375;
    --vw-unit: calc(100vw / var(--base-width));

    /* px to vw 変換関数 */
    --px-1: calc(1 * var(--vw-unit));
    --px-2: calc(2 * var(--vw-unit));
    --px-3: calc(3 * var(--vw-unit));
    --px-4: calc(4 * var(--vw-unit));
    --px-5: calc(5 * var(--vw-unit));
    --px-6: calc(6 * var(--vw-unit));
    --px-7: calc(7 * var(--vw-unit));
    --px-8: calc(8 * var(--vw-unit));
    --px-9: calc(9 * var(--vw-unit));
    --px-10: calc(10 * var(--vw-unit));
    --px-11: calc(11 * var(--vw-unit));
    --px-12: calc(12 * var(--vw-unit));
    --px-13: calc(13 * var(--vw-unit));
    --px-14: calc(14 * var(--vw-unit));
    --px-15: calc(15 * var(--vw-unit));
    --px-16: calc(16 * var(--vw-unit));
    --px-17: calc(17 * var(--vw-unit));
    --px-18: calc(18 * var(--vw-unit));
    --px-19: calc(19 * var(--vw-unit));
    --px-20: calc(20 * var(--vw-unit));
    --px-21: calc(21 * var(--vw-unit));
    --px-22: calc(22 * var(--vw-unit));
    --px-23: calc(23 * var(--vw-unit));
    --px-24: calc(24 * var(--vw-unit));
    --px-25: calc(25 * var(--vw-unit));
    --px-26: calc(26 * var(--vw-unit));
    --px-27: calc(27 * var(--vw-unit));
    --px-28: calc(28 * var(--vw-unit));
    --px-29: calc(29 * var(--vw-unit));
    --px-30: calc(30 * var(--vw-unit));
    --px-31: calc(31 * var(--vw-unit));
    --px-32: calc(32 * var(--vw-unit));
    --px-33: calc(33 * var(--vw-unit));
    --px-34: calc(34 * var(--vw-unit));
    --px-35: calc(35 * var(--vw-unit));
    --px-36: calc(36 * var(--vw-unit));
    --px-37: calc(37 * var(--vw-unit));
    --px-38: calc(38 * var(--vw-unit));
    --px-39: calc(39 * var(--vw-unit));
    --px-40: calc(40 * var(--vw-unit));
    --px-41: calc(41 * var(--vw-unit));
    --px-42: calc(42 * var(--vw-unit));
    --px-43: calc(43 * var(--vw-unit));
    --px-44: calc(44 * var(--vw-unit));
    --px-45: calc(45 * var(--vw-unit));
    --px-46: calc(46 * var(--vw-unit));
    --px-47: calc(47 * var(--vw-unit));
    --px-48: calc(48 * var(--vw-unit));
    --px-49: calc(49 * var(--vw-unit));
    --px-50: calc(50 * var(--vw-unit));
    --px-51: calc(51 * var(--vw-unit));
    --px-52: calc(52 * var(--vw-unit));
    --px-53: calc(53 * var(--vw-unit));
    --px-54: calc(54 * var(--vw-unit));
    --px-55: calc(55 * var(--vw-unit));
    --px-56: calc(56 * var(--vw-unit));
    --px-57: calc(57 * var(--vw-unit));
    --px-58: calc(58 * var(--vw-unit));
    --px-59: calc(59 * var(--vw-unit));
    --px-60: calc(60 * var(--vw-unit));
    --px-61: calc(61 * var(--vw-unit));
    --px-62: calc(62 * var(--vw-unit));
    --px-63: calc(63 * var(--vw-unit));
    --px-64: calc(64 * var(--vw-unit));
    --px-65: calc(65 * var(--vw-unit));
    --px-66: calc(66 * var(--vw-unit));
    --px-67: calc(67 * var(--vw-unit));
    --px-68: calc(68 * var(--vw-unit));
    --px-69: calc(69 * var(--vw-unit));
    --px-70: calc(70 * var(--vw-unit));
    --px-71: calc(71 * var(--vw-unit));
    --px-72: calc(72 * var(--vw-unit));
    --px-73: calc(73 * var(--vw-unit));
    --px-74: calc(74 * var(--vw-unit));
    --px-75: calc(75 * var(--vw-unit));
    --px-76: calc(76 * var(--vw-unit));
    --px-77: calc(77 * var(--vw-unit));
    --px-78: calc(78 * var(--vw-unit));
    --px-79: calc(79 * var(--vw-unit));
    --px-80: calc(80 * var(--vw-unit));
    --px-81: calc(81 * var(--vw-unit));
    --px-82: calc(82 * var(--vw-unit));
    --px-83: calc(83 * var(--vw-unit));
    --px-84: calc(84 * var(--vw-unit));
    --px-85: calc(85 * var(--vw-unit));
    --px-86: calc(86 * var(--vw-unit));
    --px-87: calc(87 * var(--vw-unit));
    --px-88: calc(88 * var(--vw-unit));
    --px-89: calc(89 * var(--vw-unit));
    --px-90: calc(90 * var(--vw-unit));
    --px-91: calc(91 * var(--vw-unit));
    --px-92: calc(92 * var(--vw-unit));
    --px-93: calc(93 * var(--vw-unit));
    --px-94: calc(94 * var(--vw-unit));
    --px-95: calc(95 * var(--vw-unit));
    --px-96: calc(96 * var(--vw-unit));
    --px-97: calc(97 * var(--vw-unit));
    --px-98: calc(98 * var(--vw-unit));
    --px-99: calc(99 * var(--vw-unit));
    --px-100: calc(100 * var(--vw-unit));
    --px-120: calc(120 * var(--vw-unit));
    --px-150: calc(150 * var(--vw-unit));
    --px-200: calc(200 * var(--vw-unit));
    --px-240: calc(240 * var(--vw-unit));
    --px-280: calc(280 * var(--vw-unit));
    --px-300: calc(300 * var(--vw-unit));
    --px-320: calc(320 * var(--vw-unit));
    --px-360: calc(360 * var(--vw-unit));
    --px-400: calc(400 * var(--vw-unit));

    /* カスタム px to vw 変換関数 */
    /* 任意の数値を設定したい場合の方法: */
    /* 例: calc(123 * var(--vw-unit)) で375px時に123pxを設定 */

    --blue: #002063;
    --yellow: #ECD332;
    --gray: #F2F2F2;
}

/* 共通クラス */
.c-raw-html .mt-20 {
    margin-top: 20px;
}

.c-raw-html .text-center {
    text-align: center;
}



/* l- */
/* l-content */
.c-raw-html .l-content__section>* {
    color: #000;
}

.c-raw-html .l-content__section--blue {
    background-color: var(--blue);
}

.c-raw-html .l-content__section--blue>* {
    color: #fff;
}

.c-raw-html .l-content__section--gray {
    background-color: var(--gray);
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .l-content__section>* {
        max-width: 1000px;
        margin: 0 auto;
    }

    .c-raw-html .l-content__section {
        padding-left: 100px;
        padding-right: 100px;
    }

    .c-raw-html .l-content__section--blue {
        padding-top: 106px;
        padding-bottom: 104px;
    }

    .c-raw-html .l-content__section--gray {
        padding-top: 103px;
        padding-bottom: 104px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .l-content__section>* {
        max-width: calc(343 * var(--vw-unit));
    }

    .c-raw-html .l-content__section {
        padding-left: var(--px-16);
        padding-right: var(--px-16);
    }

    .c-raw-html .l-content__section--blue {
        padding-top: var(--px-44);
        padding-bottom: var(--px-70);
    }

    .c-raw-html .l-content__section--gray {
        padding-top: var(--px-50);
        padding-bottom: var(--px-49);
    }
}


/* c- */
/* c-btn-follow */
.c-raw-html .c-btn-follow {
    display: flex;
    position: fixed;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.c-raw-html .c-btn-follow.show {
    opacity: 1;
    visibility: visible;
}

.c-raw-html .c-btn-follow__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.2;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    border-left: 3px solid #FFF;
}

.c-raw-html .c-btn-follow__link--blue {
    background: var(--blue);
    color: var(--yellow);
}

.c-raw-html .c-btn-follow__link--yellow {
    background: var(--yellow);
    color: var(--blue);
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .c-btn-follow {
        right: 0;
        top: calc(50% - 160px);
        transform: none;
        /* ← 小数pxを回避 */
        width: 48px;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-text-orientation: upright;
        text-orientation: upright;
    }

    .c-raw-html .c-btn-follow__link {
        width: 48px;
        font-size: 14px;
        padding-top: 32px;
        padding-bottom: 32px;
        transition: opacity 0.3s;
    }

    .c-raw-html .c-btn-follow__link:hover {
        opacity: 0.5;
    }

    .c-raw-html .c-btn-follow__link--blue {
        padding-top: 32px;
        padding-bottom: 28px;
        letter-spacing: 0.2em;
    }

    .c-raw-html .c-btn-follow__link--yellow {
        letter-spacing: 0.1em;
        padding-top: 12px;
        padding-bottom: 10px;
        border-top: none;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .c-btn-follow {
        width: 100%;
        height: auto;
        bottom: 0;
    }

    .c-raw-html .c-btn-follow__link {
        width: 50%;
        font-size: var(--px-14);
        padding: var(--px-16);
        border-bottom: none;
    }

    .c-raw-html .c-btn-follow__link--blue {
        border-left: none;
    }
}

/* c-card-share */
.c-raw-html .c-card-share {
    background-color: var(--gray);
}

/* 全体的な画像の設定 */
.c-raw-html .c-card-share__title {
    display: flex;
    justify-content: center;
}

.c-raw-html .c-card-share__title picture {
    display: block;
    width: 100%;
}

.c-raw-html .c-card-share__title img {
    width: 100%;
    height: auto;
    object-fit: contain;
    /* 縦横比を保持 */
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .c-card-share {
        flex: 1 1 480px;
        /* max-width: calc(50% - 20px); */
        /* 2カラム */
        max-width: 100%;
    }

    .c-raw-html .c-card-share__body {
        padding: 0 40px 40px 40px;
    }
}

@media screen and (min-width: 751px) and (max-width: 1199px) {
    .c-raw-html .c-card-share {
        max-width: 480px;
        flex: 1 1 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .c-card-share {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .c-raw-html .c-card-share__title {
        width: 100%;
    }

    .c-raw-html .c-card-share__title picture {
        width: 100%;
    }

    .c-raw-html .c-card-share__title img {
        width: 100%;
        height: auto;
        object-fit: contain;
        /* 画像の縦横比を保持 */
    }

    .c-raw-html .c-card-share__body {
        padding: 0 var(--px-24) var(--px-24) var(--px-24);
    }
}

/* c-btn-share */
.c-raw-html .c-btn-share {
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: var(--yellow);
    color: var(--blue);
    cursor: pointer;
    font-weight: 700;
    line-height: 1.6;
}

.c-raw-html .c-btn-share::before {
    position: absolute;
    content: '';
    background-image: url('/assets/stac/kazearuaru/images/icon-sns-X.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .c-btn-share {
        border-radius: 100px;
        padding: 16px 20px 16px 38px;
        width: 400px;
        height: 60px;
        font-size: 16px;
        transition: opacity 0.3s;
    }

    .c-raw-html .c-btn-share.c-btn-share--small {
        padding-right: 34px;
    }

    .c-raw-html .c-btn-share.c-btn-share--long {
        padding-left: 58px;
    }

    .c-raw-html .c-btn-share:hover {
        opacity: 0.5;
    }

    .c-raw-html .c-btn-share::before {
        left: 16px;
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .c-btn-share {
        border-radius: var(--px-100);
        padding: var(--px-12) var(--px-13) var(--px-12) var(--px-30);
        width: 100%;
        height: var(--px-44);
        font-size: var(--px-12);
    }

    .c-raw-html .c-btn-share.c-btn-share--small {
        padding-right: var(--px-31);
    }

    .c-raw-html .c-btn-share.c-btn-share--long {
        padding-left: var(--px-40);
    }

    .c-raw-html .c-btn-share::before {
        left: var(--px-12);
        width: var(--px-20);
        height: var(--px-20);
    }
}

/* c-link-next */
.c-raw-html .c-link-next {
    display: block;
    position: relative;
    background-color: var(--yellow);
    color: var(--blue);
    text-align: center;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 auto;
}

.c-raw-html .c-link-next::after {
    position: absolute;
    content: '';
    background-image: url('/assets/stac/kazearuaru/images/icon-arrow-next.svg');
    background-repeat: no-repeat;
    background-size: contain;
    top: 53%;
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .c-link-next {
        max-width: 560px;
        border-radius: 100px;
        padding: 33px 155px 33px 155px;
        font-size: 24px;
        transition: opacity 0.3s;
    }

    .c-raw-html .c-link-next::after {
        width: 24px;
        height: 24px;
        right: 41px;
    }

    .c-raw-html .c-link-next:hover {
        opacity: 0.5;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .c-link-next {
        max-width: calc(343 * var(--vw-unit));
        border-radius: var(--px-100);
        padding: var(--px-16) var(--px-89) var(--px-16) var(--px-74);
        font-size: var(--px-18);
    }

    .c-raw-html .c-link-next::after {
        width: var(--px-15);
        height: var(--px-15);
        right: var(--px-29);
    }
}



/* p- */
/* p-section-share */
.c-raw-html .p-section-share__heading {
    text-align: center;
    margin: 0 auto;
}

.c-raw-html .p-section-share__lead {
    text-align: center;
}

.c-raw-html .p-section-share__content {
    display: flex;
    flex-wrap: wrap;
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .p-section-share {
        padding-top: 98px;
        padding-bottom: 93px;
    }

    .c-raw-html .p-section-share__heading {
        max-width: 526px;
    }

    .c-raw-html .p-section-share__lead {
        font-size: 18px;
        line-height: 1.8;
        margin-top: 24px;
    }

    .c-raw-html .p-section-share__content {
        margin-top: 56px;
        gap: 40px;
    }

    .c-raw-html .p-section-share .c-btn-share {
        margin-top: 32px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .p-section-share {
        padding-top: var(--px-47);
        padding-bottom: var(--px-40);
    }

    .c-raw-html .p-section-share__heading {
        width: calc(332 * var(--vw-unit));
    }

    .c-raw-html .p-section-share__lead {
        font-size: var(--px-16);
        line-height: 1.8;
        margin-top: var(--px-14);
    }

    .c-raw-html .p-section-share__content {
        margin-top: var(--px-24);
        gap: var(--px-16);
    }

    .c-raw-html .p-section-share .c-btn-share {
        margin: var(--px-24) auto 0;
    }
}

/* p-section-result */
.c-raw-html .p-section-result__heading {
    text-align: center;
    margin: 0 auto;
}

.c-raw-html .p-section-result__lead {
    line-height: 1.8;
    font-weight: 700;
    text-align: center;
}

.c-raw-html .p-section-result__note {
    text-align: center;
    line-height: 1.8;
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .p-section-result__heading {
        max-width: 637px;
    }

    .c-raw-html .p-section-result__lead.p-section-result__lead--small {
        font-size: 22px;
        margin-top: 24px;
    }

    .c-raw-html .p-section-result__lead.p-section-result__lead--big {
        font-size: 28px;
    }

    .c-raw-html .p-section-result__note {
        font-size: 10px;
        margin-top: 12px;
    }

    .c-raw-html .p-section-result .p-content-result {
        margin-top: 56px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .p-section-result__heading {
        width: calc(306 * var(--vw-unit));
    }

    .c-raw-html .p-section-result__lead.p-section-result__lead--small {
        font-size: var(--px-16);
        margin-top: var(--px-15);
    }

    .c-raw-html .p-section-result__lead.p-section-result__lead--big {
        font-size: var(--px-22);
    }

    .c-raw-html .p-section-result__note {
        font-size: var(--px-10);
        margin-top: var(--px-7);
    }

    .c-raw-html .p-section-result .p-content-result {
        margin-top: var(--px-30);
    }
}

/* p-content-result */
.c-raw-html .p-content-result__heading {
    background-color: var(--yellow);
    color: var(--blue);
    text-align: center;
    font-weight: 700;
    line-height: 1.6;
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .p-content-result__box:not(:first-child) {
        margin-top: 40px;
    }

    .c-raw-html .p-content-result__heading {
        padding: 16px 10px;
        font-size: 24px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .p-content-result__box:not(:first-child) {
        margin-top: var(--px-24);
    }

    .c-raw-html .p-content-result__heading {
        padding: var(--px-16);
        font-size: var(--px-18);

    }
}


/* p-box-result */
.c-raw-html .p-box-result {
    background-color: var(--gray);
}

.c-raw-html .p-box-result__textwrap {
    display: flex;
    justify-content: center;
}

.c-raw-html .p-box-result__title {
    color: var(--blue);
    font-weight: 700;
    line-height: 1.6;
}

.c-raw-html .p-box-result__whitebox {
    background-color: #fff;
    color: var(--blue);
}

.c-raw-html .p-box-result__whitebox-small {
    text-align: center;
    color: #000;
}

.c-raw-html .p-box-result__whitebox-big {
    color: var(--blue);
    font-weight: 700;
}

.c-raw-html .p-box-result__whitebox-line {
    background: linear-gradient(transparent 70%, var(--yellow) 70%);
}

.c-raw-html .p-box-result__note {
    color: #000;
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .p-box-result {
        padding: 40px 56px;
    }

    .c-raw-html .p-box-result__number {
        flex-shrink: 0;
        width: 48px;
        margin-top: 5px;
    }

    .c-raw-html .p-box-result__title {
        font-size: 20px;
        margin-left: 10px;
        text-align: center;
    }

    .c-raw-html .p-box-result__title-note {
        font-size: 14px;
    }

    .c-raw-html .p-box-result__image--01 {
        max-width: 834px;
        margin: 39px auto 0;
    }

    .c-raw-html .p-box-result__image--04 {
        max-width: 743px;
        margin: 40px auto 0;
    }

    .c-raw-html .p-box-result__whitebox {
        padding: 16px 15px 23px 35px;
    }

    .c-raw-html .p-box-result__whitebox--01,
    .c-raw-html .p-box-result__whitebox--04 {
        margin-top: 35px;
    }

    .c-raw-html .p-box-result__whitebox--02 {
        padding-bottom: 25px;
    }

    .c-raw-html .p-box-result__whitebox--03 {
        padding: 29px 38px 13px 40px;
    }

    .c-raw-html .p-box-result__whitebox--04 {
        text-align: center;
    }

    .c-raw-html .p-box-result__whitebox-small {
        font-size: 14px;
        line-height: 2;
    }

    .c-raw-html .p-box-result__whitebox-small:last-of-type {
        margin-top: 19px;
    }

    .c-raw-html .p-box-result__whitebox-wrap {
        display: flex;
        justify-content: center;
        gap: 27px;
        margin-top: 3px;
    }

    .c-raw-html .p-box-result__whitebox-big {
        font-size: 18px;
        line-height: 1.6;
    }

    .c-raw-html .p-box-result__whitebox-line {
        font-size: 22px;
        line-height: 1.6;
    }

    .c-raw-html .p-box-result__note {
        font-size: 10px;
        margin-top: 27px;
    }

    .c-raw-html .p-box-result__textwrap--mt {
        margin-top: 55px;
    }

    .c-raw-html .p-box-result__inner {
        display: flex;
        align-items: center;
        gap: 50px;
    }

    .c-raw-html .p-box-result__inner--01 {
        margin-top: 44px;
    }

    .c-raw-html .p-box-result__inner--02 {
        margin-top: 33px;
    }

    .c-raw-html .p-box-result__inner-left {
        width: 320px;
    }

    .c-raw-html .p-box-result__inner-right {
        width: 510px;
    }

    .c-raw-html .p-box-result__inner--01 .p-box-result__inner-right {
        margin-bottom: 22px;
    }

    .c-raw-html .p-box-result__inner--02 .p-box-result__inner-right {
        margin-bottom: 79px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .p-box-result {
        padding: var(--px-24) var(--px-16);
    }

    .c-raw-html .p-box-result__number {
        flex-shrink: 0;
        width: var(--px-34);
        margin-top: var(--px-5);
    }

    .c-raw-html .p-box-result__title {
        font-size: var(--px-14);
        margin-left: var(--px-5);
    }

    .c-raw-html .p-box-result__title-note {
        font-size: var(--px-10);
    }

    .c-raw-html .p-box-result__image--01,
    .c-raw-html .p-box-result__image--04 {
        margin-top: var(--px-24);
    }

    .c-raw-html .p-box-result__image--02,
    .c-raw-html .p-box-result__image--03 {
        width: calc(295 * var(--vw-unit));
        margin: 0 auto;
    }

    .c-raw-html .p-box-result__whitebox {
        padding: var(--px-19) var(--px-9) var(--px-23) var(--px-19);
    }

    .c-raw-html .p-box-result__whitebox--02 {
        padding-top: var(--px-23);
    }

    .c-raw-html .p-box-result__whitebox--03 {
        padding-top: var(--px-23);
    }

    .c-raw-html .p-box-result__whitebox--04 {
        padding-top: var(--px-28);
    }

    .c-raw-html .p-box-result__whitebox--01,
    .c-raw-html .p-box-result__whitebox--04 {
        margin-top: var(--px-22);
    }

    .c-raw-html .p-box-result__whitebox--04 .p-box-result__whitebox-big:not(:first-child) {
        margin-top: var(--px-16);
    }

    .c-raw-html .p-box-result__whitebox-small {
        font-size: var(--px-14);
        line-height: 1.6;
    }

    .c-raw-html .p-box-result__whitebox-small:last-of-type {
        margin-top: var(--px-20);
    }

    .c-raw-html .p-box-result__whitebox-big {
        font-size: var(--px-16);
        line-height: 1.6;
    }

    .c-raw-html .p-box-result__whitebox-line {
        font-size: var(--px-18);
        line-height: 1.6;
    }

    .c-raw-html .p-box-result__whitebox-wrap {
        margin-top: var(--px-7);
    }


    .c-raw-html .p-box-result__note {
        font-size: var(--px-10);
        margin-top: var(--px-16);
    }

    .c-raw-html .p-box-result__textwrap--mt {
        margin-top: var(--px-42);
    }

    .c-raw-html .p-box-result__inner {
        margin-top: var(--px-24);
    }

    .c-raw-html .p-box-result__inner--01 .p-box-result__inner-right {
        margin-top: var(--px-26);
    }

    .c-raw-html .p-box-result__inner--02 .p-box-result__inner-right {
        margin-top: var(--px-24);
    }
}

/* p-section-commentary */
.c-raw-html .p-section-commentary__heading {
    text-align: center;
    margin: 0 auto;
}

.c-raw-html .p-section-commentary__leadsmall {
    font-weight: 700;
    text-align: center;
    margin-top: 31px;
}

.c-raw-html .p-section-commentary__leadbig {
    color: var(--yellow);
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    margin-top: 16px;
}

.c-raw-html .p-section-commentary__text {
    line-height: 1.8;
}

.c-raw-html .p-section-commentary__doctor {
    border: 3px solid var(--White, #FFF);
}

.c-raw-html .p-section-commentary__doctor-name {
    font-weight: 700;
    line-height: 1.8;
}

.c-raw-html .p-section-commentary__doctor-text {
    font-weight: 400;
    line-height: 1.8;
}

@media print,
screen and (min-width: 751px) {
    .c-raw-html .p-section-commentary {
        padding-top: 31px;
    }

    .c-raw-html .p-section-commentary__heading {
        max-width: 234px;
        margin-top: 40px;
    }

    .c-raw-html .p-section-commentary__leadsmall {
        font-size: 20px;
        line-height: 2;
    }

    .c-raw-html .p-section-commentary__leadbig {
        font-size: 28px;
    }

    .c-raw-html .p-section-commentary__text {
        margin-top: 24px;
        font-size: 16px;
    }

    .c-raw-html .p-section-commentary__doctor {
        padding: 40px;
        margin-top: 57px;
    }

    .c-raw-html .p-section-commentary__doctor-wrap {
        display: flex;
        gap: 32px;
    }

    .c-raw-html .p-section-commentary__doctor-image {
        width: 315px;
    }

    .c-raw-html .p-section-commentary__doctor-name {
        font-size: 20px;
    }

    .c-raw-html .p-section-commentary__doctor-text {
        font-size: 14px;
        margin-top: 24px;
    }
}

@media screen and (max-width: 750px) {
    .c-raw-html .p-section-commentary {
        padding-top: var(--px-33);
    }

    .c-raw-html .p-section-commentary__heading {
        width: calc(157 * var(--vw-unit));
        margin-top: var(--px-24);
    }

    .c-raw-html .p-section-commentary__leadsmall {
        font-size: var(--px-16);
        line-height: 1.8;
        margin-top: 0;
    }

    .c-raw-html .p-section-commentary__leadbig {
        font-size: var(--px-20);
        margin-top: var(--px-18);
    }

    .c-raw-html .p-section-commentary__text {
        margin-top: var(--px-16);
        font-size: var(--px-14);
    }

    .c-raw-html .p-section-commentary__doctor {
        padding: var(--px-24);
        margin-top: var(--px-19);
    }

    .c-raw-html .p-section-commentary__doctor-image {
        width: calc(295 * var(--vw-unit));
    }

    .c-raw-html .p-section-commentary__doctor-name {
        font-size: var(--px-16);
        margin-top: var(--px-24);
    }

    .c-raw-html .p-section-commentary__doctor-text {
        font-size: var(--px-14);
        margin-top: var(--px-8);
    }
}