/* 375px基準でpx値をvw値に変換する関数 */
:root {
  /* 基準値設定 */
  --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;
}

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

.text-center {
    text-align: center;
}



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

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

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

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

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

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

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

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

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

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

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

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


 /* c- */
    /* c-btn-follow */
    .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-btn-follow.show {
        opacity: 1;
        visibility: visible;
    }

    .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-btn-follow__link--blue{
		background: var(--blue);
		color: var(--yellow);
    }
    .c-btn-follow__link--yellow{
		background: var(--yellow);
		color: var(--blue);
    }

	@media print, screen and (min-width: 751px) {
		.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-btn-follow__link{
			width: 48px;
			font-size: 14px;
			padding-top: 32px;
			padding-bottom: 32px;
			transition: opacity 0.3s;
		}

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

		.c-btn-follow__link--blue{
			padding-top: 32px;
			padding-bottom: 28px;
            letter-spacing: 0.2em;
		}
		.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-btn-follow {
			width: 100%;
			height: auto;
			bottom: 0;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* c-btn-share */
    .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-btn-share::before {
        position: absolute;
        content: '';
        background-image: url('../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-btn-share {
            border-radius: 100px;
            padding: 16px 20px 16px 38px;
            width: 400px;
            height: 60px;
            font-size: 16px;
            transition: opacity 0.3s;
        }

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

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

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

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

    @media screen and (max-width: 750px) {
        .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-btn-share.c-btn-share--small {
            padding-right: var(--px-31);
        }

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

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

    /* c-link-next */
    .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-link-next::after {
        position: absolute;
        content: '';
        background-image: url('../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-link-next {
            max-width: 560px;
            border-radius: 100px;
            padding: 33px 155px 33px 155px;
            font-size: 24px;
            transition: opacity 0.3s;
        }

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

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

    @media screen and (max-width: 750px)  {
        .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-link-next::after {
            width: var(--px-15);
            height: var(--px-15);
            right:  var(--px-29);
        }
    }



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* p-content-result */
    .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) {
        .p-content-result__box:not(:first-child) {
            margin-top: 40px;
        }

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

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

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

        }
    }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

    .p-section-commentary__doctor {
        border: 3px solid var(--White, #FFF);
    }
    
    .p-section-commentary__doctor-name {
        font-weight: 700;
        line-height: 1.8;
    }

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

    @media print, screen and (min-width: 751px) {
        .p-section-commentary {
            padding-top: 31px;
        }
        .p-section-commentary__heading {
            max-width: 234px;
            margin-top: 40px;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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