:root {
	--color-mg: #ed9b33;
	--color-zilbrysq: #343579;
	--color-text-zilbrysq: #343579;
	--color-rystiggo: #92c83e;
	--color-text-rystiggo: #92c83e;
	--color-briviact: #7c0040;
	--color-sub-briviact: #00a0af;
	--color-text-briviact: #7c0040;
	--ucbcblack: #222;
	--ucbcblack80: rgba( 34, 34, 34, 0.8);
	--ucbcbase: #faf5f5;
	--ucbcgray: #666;
	--ucbcgraylight: #ddd;
	--ucbcgraypale: #f6f6f6;
	--ucbcwhite: #fff;
	--ucbcwhite80: rgba(255, 255, 255, 0.8);
	--ucbckey: #f18070;
	--ucbckeyv: #cd5d19;
	--ucbckeye: #d81125;
	--ucbckeypale: #f8f4fa;
	--g1: #a75ed8;
	--g2: #6988e4;
	--g3: #33aff0;
	--ge1: #d81125;
	--ge2: #df3e4e;
	--ge3: #f0a8af;
	--mgaccent: #f26f21;
	--mg: #ed9b33;
	--mgbg: #fffcf5;
}
body.prod-zilbrysq * {
	--brandcolor: var(--color-zilbrysq);
	--brandtextcolor: var(--color-text-zilbrysq);
}
body.prod-rystiggo * {
	--brandcolor: var(--color-rystiggo);
	--brandtextcolor: var(--color-text-rystiggo);
}
body.prod-briviact * {
	--brandcolor: var(--color-briviact);
	--brandtextcolor: var(--color-text-briviact);
}


/* ---------- css fix? ---------- */
#wrap {
	min-width: auto;
}
.secBrandAnchor {
	padding-top: 18px;
	padding-bottom: 17px;
}
.secBrandAnchor .linkList {
	flex-wrap: wrap;
	align-items: stretch;
}
.secBrandAnchor .linkList .item {
	margin: 6px 0;
	border: none;
	margin-left: -1px;
	background-color: var(--brandcolor);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	text-align: center;
}
.secBrandAnchor .linkList .item + .item {
	border-left: none;
}
.secBrandAnchor .linkList .item::before,
.secBrandAnchor .linkList .item::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #fff;
}
@media screen and (max-width: 768.98px) {
	.secBrandAnchor .linkList {
		margin: 0;
	}
	.secBrandAnchor .linkList .item:nth-child(3n + 1) {
		border-left: none;
	}
}
@media screen and (max-width: 768.98px) {
	.secBrandTop .logo {
		height: auto;
		width: 300px;
		max-width: 70%;
	}
	.secBrandCts .pmd-secTtl {
		font-size: 2.6rem;
	}
}

a.brand-color-link,
a.brand-color-link > span {
	color: var(--brandtextcolor);
	font-weight: bold;
}
a.brand-color-link > span {
	text-decoration: underline;
}
a.itemInr {
	transition: opacity 0.3s ease-in-out;
}
a.itemInr:hover {
	opacity: 0.7;
}

.bg-brandColor,
.secTtl::after {
	background-color: var(--brandcolor) !important;
}

#contents-main section,
#contents-main .section {
	padding-top: 3.2rem;
}

#contents-main section p,
#contents-main .section p {
	font-size: 1.6rem;
	line-height: 1.6em;
}

#contents-main section h3 {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 0.8rem;
	color: var(--brandtextcolor) !important;
}
.prod-briviact #contents-main section h3 {
	color: inherit !important;
}


.two-column-container {
	display: grid;
	grid-auto-rows: 1fr;
	align-items: center;
	row-gap: 3.2rem;
}
.two-column-container.contents-container {
	align-items: start;
}


@media screen and (min-width: 769px) {
	.two-column-container {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 3.2rem;
	}
}

@media screen and (max-width: 768.98px) {
	.two-column-container {
		grid-template-columns: 100%;
		align-items: center;
		row-gap: 3.2rem;
	}
}

.column-container li {
	border-radius: 8px;
	height: 100%;
	overflow: hidden;
}

.column-container li a {
	padding: 1.6rem;
	height: 100%;
	box-sizing: border-box;
}


#block-certificate-number {
	background-color: #f7f5f8;
	padding: 0 0 1.0rem 0;
}
#block-certificate-number .certificate-number {
	text-align: right;
	font-size: 1.1rem;
}

@media screen and (max-width: 768.98px) {
	#block-certificate-number {
		padding-right: 20px;
		padding-left: 20px;
	}
}
nav.buttons li {
	border: 1px solid #859595;
	background-color: #fff;
	text-align: center;
}
nav.buttons li a {
	display: flex;
	justify-content: space-between;
	font-size: 2.0rem;
	font-weight: bold;
	text-decoration: none;
	padding: 25px 25px 24px;
	line-height: 1.45;
}
@media screen and (max-width: 768.98px) {
	nav.buttons li a {
		font-size: 1.8rem;
	}
}
#contents-main .buttons {
	margin-top: 6.4rem;
}
.buttons.content-ring {
	margin-top: 3.2rem;
}
nav.buttons.content-ring li a {
	font-size: 1.6rem;
	padding: 15px 25px 14px;
}

article[about="/product/zilbrysq/content/about/clinical-study-mg0010-results-safety"] #contents-main .buttons.content-ring {
	margin-top: 1.6rem;
}

.with-left-arrow,
.with-right-arrow {
	display: flex;
	align-items: center;
	position: relative;
}
.with-right-arrow::after,
.with-left-arrow::before {
	content: "";
	display: block;
	width: 2.4em;
	aspect-ratio: 29 / 7;
	background: url("/themes/custom/ucbcarejp/images/product_info/icn_arow_s_bk.svg") no-repeat center center;
	transition: all 0.3s ease-in-out;
}
.with-left-arrow::before {
	transform: scale(-1, 1);
}
.with-left-arrow:hover::before {
	margin-left: -10px;
	padding-right: 10px;
}
.with-right-arrow:hover::after {
	margin-right: -10px;
	padding-left: 10px;
}
nav.buttons li.link-prev a {
	justify-content: flex-start;
	text-align: left;
}
nav.buttons li.link-next a {
	justify-content: flex-end;
	text-align: right;
}





.block-mg-banner {
	background-color: #ddd;
	padding-top: 3.2rem;
	padding-bottom: 3.2rem;
}
.block-mg-banner ul {
	display: grid;
	width: 100%;
}
@media screen and (min-width: 993px) {
	.block-mg-banner ul {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 3.2rem;
	}
}
@media screen and (max-width: 992.98px) {
	.block-mg-banner ul {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: 100%;
		row-gap: 3.2rem;
	}
}
.block-mg-banner ul li a {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-decoration: none;
	transition: opacity 0.3s ease-in-out;
}
.block-mg-banner ul li a img {
	width: 100%;
}
.block-mg-banner ul li a p {
	display: flex;
	width: 100%;
	color: var(--ucbcwhite);
	justify-content: center;
	font-size: 1.6rem;
	color: #fff;
	line-height: 1.6em;
}
.block-mg-banner ul li.banner-mg a p {
	background-color: var(--color-mg);
}
.block-mg-banner ul li.banner-zilbrysq a p {
	background-color: var(--color-zilbrysq);
}
.block-mg-banner ul li.banner-rystiggo a p {
	background-color: var(--color-rystiggo);
}


/* ---------- internal-links ---------- */
/*20230803*/
nav.internal-links {
	padding: 3.2rem 0 3.2rem 0;
}
nav.internal-links ul {
	background-color: #fff;
}
nav.internal-links li {
	display: inline-flex;
	position: relative;
	align-items: flex-start;
}
nav.internal-links li a {
	display: inline-block;
	font-size: 1.6rem;
	text-decoration: none;
}
nav.internal-links li::before {
	content: "";
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 2.0px solid var(--brandcolor);
	border-right: 2.0px solid var(--brandcolor);
	transform: rotate(135deg);
	margin-top: 0.15rem;
	margin-right: 0.5rem;
}
nav.internal-links li:not(:last-of-type) {
	margin-right: 3.2rem;
}
@media screen and (min-width: 769px) {
	nav.internal-links ul {
		display: block;
		padding: 19px 25px 18px;
		border: 1px solid #859595;
		border-radius: 8px;
	}
	nav.internal-links li {
		font-weight: bold;
		margin: 6px 0;
	}
}
@media screen and (max-width: 768.98px) {
	nav.internal-links ul {
		display: flex;
		flex-direction: column;
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	nav.internal-links ul > li:not(:first-of-type) {
		margin-top: 3.2rem;
	}
}



/* ---------- internal-links ---------- */
.reference {
	margin-top: 4.8rem;
}
.reference dl {
	display: grid;
	grid-template-columns: max-content auto;
	row-gap: 0.3em;
	align-items: start;
}
.reference dd,
.reference dt {
	font-size: 1.3rem;
	color: #444;
	line-height: 1.4em;
}
.reference dt {
	justify-self: end;
}
.reference dt::after {
	content: "\0FF09"; /* ） */
}


@media screen and (max-width: 768.98px) {
	body {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	body::-webkit-scrollbar {
		display: none;
	}
}
#contents-main section {
	padding-top: 1.6rem;
	padding-bottom: 4.8rem;
}
#contents-main section .section-body > section:not(:last-of-type) {
	padding-bottom: 3.2rem;
}
#contents-main section .section-body > section:last-of-type {
	padding-bottom: 0;
}

@media screen and (min-width: 769px) {
	.spOnly {
		display: none;
	}
}
@media screen and (max-width: 768.98px) {
	.pcOnly {
		display: none;
	}
}
.iblock {
	display: inline-block;
}

.right {
	text-align: right;
}

.col2 {
	grid-column: 1 / 3;
}

p {
	line-height: 1.6em;
}
dl.with-colon dt::after {
	content: "\0FF1A";
	display: inline-block;
}
.note dl.with-colon.no-margin-right dt {
	margin-right: 0;
}

sup.reg {
	display: inline-block;
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 0;
	vertical-align: middle;
	top: -50%;
}


#contents-main .product-section h3 {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	display: flex;
	align-items: flex-start;
	padding-bottom: 0;
}
#contents-main .product-section h3::before {
	content: "";
	display: block;
	width: 1.8rem;
	aspect-ratio: 1 / 1;
	margin-top: 0.2rem;
	margin-right: 0.5rem;
	border-top-left-radius: 20%;
	border-bottom-right-radius: 20%;
	flex-shrink: 0;
	flex-grow: 0;
}
.prod-zilbrysq #contents-main .product-section h3::before {
	background: rgb(142,11,90);
	background: linear-gradient(45deg, rgb(142, 11, 90) 0%, rgb(55, 50, 135) 100%);
}
.prod-rystiggo #contents-main .product-section h3::before {
	background: rgb(143, 197, 65);
	background: linear-gradient(45deg, rgb(143, 197, 65) 0%, rgb(86, 114, 165) 100%);
}
#contents-main .product-section h4 {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.4;
	color: var(--brandtextcolor);
}

#contents-main .product-section section > h4 {
	border-top-left-radius: 1.6rem;
	border-bottom-right-radius: 1.6rem;
	padding: 1.0rem 2.4rem;
	color: #fff;
}

.prod-zilbrysq #contents-main section > h4 {
	background: rgb(144, 10, 88);
	background: linear-gradient(45deg, rgb(44, 51, 137) 0%, rgb(144, 10, 88) 100%);
}
.prod-rystiggo #contents-main section > h4 {
	background: rgb(252, 187, 16);
	background: linear-gradient(45deg, rgb(30, 68, 137) 0%, rgb(140, 192, 70) 30%, rgb(140, 192, 70) 70%, rgb(252, 187, 16) 100%);
}
.prod-briviact #contents-main section > h4 {
	background: var(--color-briviact);
	background: linear-gradient(to right, #7c0040 0%, #4e6e9f 51%, #1294aa 100%);
}


figure {
	padding-top: 2.4rem;
}
figcaption {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 2.7rem;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.8rem;
}
/*
figcaption::before {
  content: "\025C6";
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
}
*/
figcaption::before {
	content: "";
	display: block;
	width: 1.8rem;
	aspect-ratio: 1 / 1;
	margin-top: 0.6rem;
	margin-right: 0.5rem;
	border-top-left-radius: 20%;
	border-bottom-right-radius: 20%;
	flex-shrink: 0;
	flex-grow: 0;
}
figcaption.noIcn::before {
	content: none;
	display: none;
}

div.lead {
	padding-top: 2.4rem;
}
div.lead p {
	font-size: 1.6rem;
	line-height: 1.6em;
}
#contents-main div.lead + nav.buttons {
	margin-top: 0;
}
.prod-zilbrysq figcaption::before {
	background: rgb(142,11,90);
	background: linear-gradient(45deg, rgb(142, 11, 90) 0%, rgb(55, 50, 135) 100%);
}
.prod-rystiggo figcaption::before {
	background: rgb(143, 197, 65);
	background: linear-gradient(45deg, rgb(143, 197, 65) 0%, rgb(86, 114, 165) 100%);
}
.prod-briviact figcaption::before {
	background: var(--color-briviact);
	background: linear-gradient(45deg, #7c0040 0%, #4e6e9f 80%, #1294aa 100%);
}

.scrollable-element-wrapper {
	overflow: scroll;
	position: relative;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scrollable-table-wrapper {
	max-height: 60vh;
}
.scrollable-element-wrapper::-webkit-scrollbar {
	display: none;
}
.scrollable-element-wrapper table {
	min-width: 100%;
}
.scrollable-element-wrapper tr.spOnly > th > span {
	display: inline-block;
	position: sticky;
	left: 0.6rem;
	max-width: calc(100vw - 40px - 1.2rem);
}


.basic-table {
	border-collapse: separate;
	border: none;
	width: 100%;
	border-top: 1px solid #000;
}
.basic-table th,
.basic-table td {
	border: 1px solid #000;
	border-left: none;
	border-top: none;
	font-size: 1.45rem;
	line-height: 1.4em;
	padding: 0.3rem 0.6rem;
	white-space: nowrap;
}
.basic-table tr > *:last-child {
	border-right: none;
}
.basic-table th {
	vertical-align: middle;
}
.basic-table thead th {
	text-align: center;
}
.prod-zilbrysq .basic-table thead th {
	background-color: #f0e0e8;
}
.prod-rystiggo .basic-table thead th {
	background-color: #e1e1ee;
}
.prod-briviact .basic-table thead * {
	background-color: var(--color-briviact);
	color: #fff;
	border-color: #fff;
	border-bottom-color: transparent;
}
.prod-briviact .basic-table tbody th {
	font-weight: normal;
	background-color: #f5eaed;
}
.basic-table tbody th {
	text-align: left;
}
.basic-table td {
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
}
.basic-table .size-control {
	display: inline-block;
	text-align: inherit;
}
.basic-table.-bgc-gray thead,
.basic-table.-bgc-gray thead * {
	background-color: #5c6e7b;
}
.basic-table.-bgc-gray tbody td {
	background-color: #f5f7f8;
}
.basic-table.-bgc-gray tbody th {
	background-color: #f5f7f8;
	color: var(--brandtextcolor);
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 768.98px) {
	.basic-table tbody tr:not(.spOnly) th {
		font-weight: normal;
		padding-left: 1.6rem;
	}
}
.scrollable-element-wrapper th,
.scrollable-element-wrapper thead td {
	position: sticky;
}
.scrollable-element-wrapper thead td {
	z-index: 400;
}
.scrollable-element-wrapper thead th {
	z-index: 300;
}
.scrollable-element-wrapper tbody th {
	z-index: 200;
}

.product-table {
	border-top: none;
}
.product-table thead > tr:first-of-type > * {
	border-bottom: none;
	border-color: #fff;
}
.product-table th.group-header {
	padding-top: 1.0em;
	padding-bottom: 1.0rem;
}
.prod-zilbrysq .product-table th,
.prod-zilbrysq .product-table td {
	border-color: #2c3389;
}
.prod-rystiggo .product-table th,
.prod-rystiggo .product-table td {
	border-color: #1d4389;
}
.product-table tbody th {
	text-align: left;
}
.prod-zilbrysq .product-table tbody th {
	background-color: #f0e0e8;
}
.prod-rystiggo .product-table tbody th {
	background-color: #e1e1ee;
}
.product-table th.group-header {
	color: #fff;
}
.prod-zilbrysq .product-table thead td {
	background: rgb(44,51,137);
	background: linear-gradient(90deg, rgb(44, 51, 137) 0%, rgb(104, 37, 115) 100%);
}
.prod-zilbrysq .product-table th.group1 {
	background-color: #781d6a;
}
.prod-zilbrysq .product-table th.group2 {
	background-color: #6e6e70;
}
.prod-zilbrysq .product-table th.group3 {
	background-color: #871061;
}

.prod-zilbrysq .product-table.mg0011 th.group1 {
	background-color: #5f60a4;
}
.prod-zilbrysq .product-table.mg0011 th.group2 {
	background-color: #2a348a;
}
.prod-zilbrysq .product-table.mg0011 th.group3 {
	background-color: #a7a9ac;
	color: #000;
}
.prod-zilbrysq .product-table.mg0011 th.group4 {
	background-color: #6d6e71;
}
.prod-zilbrysq .product-table.mg0011 th.group5 {
	background-color: #890e5e;
}

.prod-rystiggo .product-table thead td {
	background: #c7c8df;
}
.prod-rystiggo .product-table th.group1 {
	background-color: #6e6e70;
}
.prod-rystiggo .product-table th.group2 {
	background-color: #93c83e;
}
.prod-rystiggo .product-table th.group3 {
	background-color: #8ecbef;
	color: #000;
}
.prod-rystiggo .product-table th.group4 {
	background-color: #003b21;
}





.figcaption-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1.0rem;
}
.figcaption-wrapper figcaption {
	margin-bottom: 0;
}
#contents-main section .figcaption-wrapper p {
	font-size: 1.4rem;
	padding: 0.3rem 1.6rem;
	border-radius: 2.4rem;
	flex-shrink: 0;
	margin-left: 1.6rem;
	color: #fff;
}
.figcaption-wrapper p.pe {
	background-color: #1d4389;
}
.figcaption-wrapper p.se {
	background-color: #858ab8;
}
.figcaption-wrapper p.other {
	background-color: #6e6e70;
}
.product-clinical-result {
	display: block;
	width: 100%;
	padding: 2.4rem;
	box-sizing: border-box;
	border-top-left-radius: 3.2rem;
	border-bottom-right-radius: 3.2rem;
}
.prod-briviact .product-clinical-result {
	background-color: #f5eaed;
}
.product-clinical-result .efficacy {
	text-align: center;
}
.product-clinical-result img {
	width: 100%;
	min-width: 700px;
	max-width: 900px;
	box-sizing: border-box;
}

.prod-briviact .product-clinical-result img {
	width: 700px;
}

.note {
	margin-top: 0.8rem;
}
.note:not(.inline) dl {
	display: grid;
	grid-template-columns: max-content auto;
	row-gap: 0.4em;
	align-items: start;
}
.note > dl p,
.note > dl span {
	font-size: inherit !important;
	line-height: inherit !important;
}
.note > dl ul > li {
	display: flex;
	align-items: flex-start;;
}
.note > dl ul > li::before {
	content: "\0FF65"; /* ・ */
	display: block;
	margin-right: 0.8rem;
}
.note dt,
.note dd,
.note p {
	font-size: 1.35rem !important;
	line-height: 1.6em !important;
}
.note:not(.inline) dl dt {
	justify-self: end;
	margin-right: 0.8rem;
}
.note:not(.inline) dl dd dl {
	margin-top: 0;
}
.note.inline > p,
.note.inline > div {
	display: inline-block;
}
.note.inline dl {
	display: inline-flex;
}
.note.inline > *:not(:last-child),
.note.inline > div > *:not(:last-child) {
	margin-right: 1.6rem;
}

.note.between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.note.between > *:first-child {
	margin-right: 3.2rem;
	flex-shrink: 0;
	flex-glow: 0;
}

.product-section h2 {
	font-size: 3.0rem;
	font-weight: bold;
	padding-bottom: 0.8rem;
}
.prod-rystiggo .product-section h2 {
	color: #1d4389;
}

.prod-zilbrysq .product-section h2 {
	color: #2c3389;
}
.product-section .section-body figure + p {
	margin-top: 2.4rem;
}

#efficacy.product-section .section-body p + p {
	margin-top: 1.6rem;
}


.reference.inline-reference {
	margin-top: 0.8rem;
	text-align: right;
}

.product-section h2 + .reference.inline-reference {
	margin-bottom: 3.2rem;
}
.reference.inline-reference dl {
	display: inline-grid;
	text-align: left;
}
.reference.inline-reference p {
	font-size: 1.3rem !important;
	line-height: 1.4em !important;
}
.section-body h4 {
	margin-top: 0;
	margin-bottom: 2.4rem;
}
/*
.section-body > *:first-child {
	padding-top: 5.0rem !important;
}
.section-body .section-body > *:first-child {
	padding-top: 2.4em !important;
}
*/

@media screen and (min-width: 769px) {
	#clinical-trial-outline .section-body > dl {
		display: grid;
		grid-template-columns: max-content minmax( 0, 1fr );
		row-gap: 2.4rem;
	}
	#clinical-trial-outline .section-body > dl > dt {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-right: 1.6rem;
	}
}
#clinical-trial-outline .section-body > dl > dt {
	font-weight: bold;
	color: var(--brandtextcolor);
}
@media screen and (max-width: 768.98px) {
	#clinical-trial-outline .section-body > dl > dt:nth-of-type(n + 2) {
		margin-top: 2.4rem;
	}
}
#clinical-trial-outline .section-body > dl > dt,
#clinical-trial-outline .section-body > dl > dd {
	font-size: 1.6rem;
	line-height: 1.6em;
}

@media screen and (max-width: 768.98px) {
	#clinical-trial-outline .section-body > dl > dt {
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
	}
}

#clinical-trial-outline .trial-design {
	text-align: center;
}
#clinical-trial-outline .trial-design img {
	width: 100%;
	margin: 1.6rem 0 0.8rem 0;
}
#clinical-trial-outline .trial-design img#mg0010design,
#clinical-trial-outline .trial-design img#mg0011design {
	width: 800px;
}
#clinical-trial-outline .trial-design img#mg0003design,
#clinical-trial-outline .trial-design img#mg0007design {
	max-width: 900px;
	min-width: 700px;
}
#clinical-trial-outline .weight-class {
	max-height: none;
	overflow: hidden;
	margin: 1.6rem 0;
}
#clinical-trial-outline .weight-class table th {
	width: 25%;
	white-space: normal;
}
#clinical-trial-outline .pi-wrapper {
	margin: 0.8rem 0;
}
/*
.pi-container {
	margin-top: 2.4rem;
}
*/
.pi-container p {
	font-size: 1.6rem;
	margin-bottom: 0;
}
.pi-container h4 {
	margin-bottom: 0;
}
.pi-wrapper {
	border: 1px solid #000;
	padding: 1.0rem;
	background-color: #fff;
	margin-top: 0.8rem;
}
.pi-wrapper > dl {
	display: grid;
	grid-template-columns: max-content minmax( 0, 1fr );
}

.pi-wrapper dt {
	font-weight: bold;
	margin-right: 0.8rem;
}
.pi-wrapper .single-line {
	padding-left: 1.5em;
}
#contents-main .product-section .pi-container .pi-wrapper *:not(sup) {
	font-size: 1.6rem;
	color: #000;
	line-height: 1.6em;
}
.pi-container .pi-wrapper .basic-table {
	width: auto;
	margin: 0.8rem 0;
}
.pi-container .pi-wrapper .basic-table thead th {
	background: none;
}
.pi-container .pi-wrapper .basic-table th {
	font-weight: normal;
}
.pi-container .pi-wrapper .basic-table tbody tr > * {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
.pi-container .pi-wrapper .basic-table tbody th {
	text-align: center;
}

#clinical-trial-outline .evaluation-item > dt {
	font-weight: bold;
}
#clinical-trial-outline .evaluation-item > dt::before {
	content: "\03010";
}
#clinical-trial-outline .evaluation-item > dt::after {
	content: "\03011";
}
#clinical-trial-outline ul {
	list-style-type: "\030FB";
	margin-left: 2.4rem;
}
@media screen and (min-width: 769px) {
	#clinical-trial-outline nav.internal-links ul {
		margin-left: 0;
	}
}
@media screen and (max-width: 768.98px) {
	#clinical-trial-outline nav.internal-links ul {
		margin-left: -20px;
	}
}
#clinical-trial-outline .note ul {
	list-style-type: "\030FB";
	margin-left: 0;
}
.note dl,
dl.note {
	display: grid;
	grid-template-columns: max-content minmax( 0, 1fr );
}

div.japanese {
	margin: 2.4rem 0 0.8rem 0;
	padding: 0.5rem 1.0rem;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #ffd88f;
	width: fit-content;
}

.video-section iframe {
	margin-top: 3.2rem;
	aspect-ratio: 16 / 9;
}


.index-container {
	padding-top: 2.4rem;
}
#contents-main .index-container section .buttons {
	margin-top: 0;
	margin-bottom: 2.4rem;
}

#block-page-title {
	padding-bottom: 3.2rem;
}

#block-page-title + #block-main-page-content #contents-main {
	padding-top: 0;
}

#contents-main section > h3 {
	font-size: 2.5rem;
}

dd figure {
	padding-top: 1.6rem;
}

dd > figure:first-child {
	padding-top: 0;
	margin-top: -0.8rem;
}

.attention-wrapper {
	padding-top: 3.2rem;
}
.attention {
	margin-bottom: 1.6rem;
	padding: 0.8rem;
	font-size: 1.6rem;
	border: 1px solid #000;
	font-weight: bold;
}
.lined-box {
	padding: 1.0em;
	border-top-left-radius: 1.6rem;
	border-bottom-right-radius: 1.6rem;
	background-color: #fff;
	border: 1px solid var(--ucbcgraylight);
	height: fit-content;
	box-sizing: border-box;
}
.p-separeted p + p {
	margin-top: 1.6em;
}
.column-container.contents-container > figure {
	width: 100%;
}
#get-started .contents-container > figure {
	padding: 3.2rem;
}
#get-started .contents-container > figure > img {
	box-sizing: border-box;
	width: 100%;
}

#get-started .contents-container {
	grid-template-columns: auto 55%;
}
@media screen and (max-width: 992.98px) {
	#get-started .contents-container {
		grid-template-columns: 100%;
		grid-auto-rows: auto;
		row-gap: 1.6rem;
	}
	#get-started .contents-container > div {
		display: contents;
	}
	#get-started .contents-container > div > p:nth-of-type(2) {
		margin-top: 0;
		grid-row: 3 / 4;
	}
	#get-started .contents-container > div > a {
		margin-top: 0;
		grid-row: 4 / 5;
	}
	#get-started .contents-container > figure {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
}

#contents-main .internal-links + .section.product-section {
	padding-top: 0;
}
#contents-main .internal-links + .section.product-section .lead {
	padding-top: 1.6rem;
	padding-bottom: 3.2rem;
}
ol.with-number {
	counter-reset: num;
}

#contents-main ol.with-number > li {
	padding-top: 2.4rem;
}
#contents-main ol.with-number > li:first-of-type {
	padding-top: 1.4rem;
}
#contents-main ol.with-number section {
	padding: 0;
	width: 100%;
}

#contents-main ol.with-number *:not(sup) {
	font-size: 1.6rem;
	line-height: 1.6em;
}

ol.with-number--li > li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
ol.with-number--li > li::before {
	counter-increment: num;
	content: counter(num) ".";
	justify-self: flex-end;
	font-weight: bold;
	flex-basis: 2.6rem;
}
ol.with-number--li > li > * {
	flex: 1;
}
@media screen and (max-width: 768.98px) {
	ol.with-number > li h5::before {
		display: inline-block;
		counter-increment: num;
		content: counter(num) ".";
		font-weight: bold;
		margin-right: 0.3rem;
	}
}
ol.with-number > li h5 {
	padding-bottom: 0.8rem;
}

#necessities {
	margin: 0.5rem 0;
}


ul.with-circle > li,
ul.with-disc > li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
ul.with-circle > li::before {
	content: "\02022";
	margin: 0 0.5em;
}
.prod-briviact ul.with-circle.with-color > li::before {
	color: var(--color-briviact);
}
.prod-briviact ul.with-circle.with-sub-color > li::before {
	color: var(--color-sub-briviact);
}
ul.with-disc > li::before {
	content: "\025CF";
	margin: 0.5rem 0 0.2em;
}
#preparatory-injection ol.with-number > li:nth-of-type(2) .two-column-container {
	grid-template-columns: auto 300px;
}
#preparatory-injection ol.with-number > li:nth-of-type(2) .two-column-container figure,
#preparatory-injection ol.with-number > li:nth-of-type(2) .two-column-container figure img {
	width: 100%;
	padding-top: 0;
}

a.material-link {
	display: flex;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	line-height: 1.45;
	border: 2px solid var(--brandcolor);
	background-color: #fff;
	text-align: center;
	border-radius: 8px;
	margin-top: 1.6rem;
	color: var(--brandtextcolor);
	width: fit-content;
	margin-left: auto;
}
a.material-link > span {
	transition: opacity 0.3s ease-in-out;
	display: block;
	padding: 16px 16px 15px;
	border-left: 16px solid var(--brandcolor);
	text-align: left;
}
a.material-link:hover > span {
	opacity: 0.7;
}
#defects-list {
	border: 1px solid var(--ucbcblack80);
	margin-top: 0.8rem;
	padding: 1.0rem;
	background-color: #fff;
}
#preparatory-injection ol.with-number > li:nth-of-type(4) .two-column-container {
	grid-template-columns: auto 600px;
}
#preparatory-injection ol.with-number > li:nth-of-type(4) .two-column-container img {
	width: 100%;
}

#disposal-method .two-column-container {
	grid-template-columns: auto 550px;
}
#disposal-method .two-column-container > img {
	width: 100%;
}



@media screen and (max-width: 992.98px) {
	#preparatory-injection ol.with-number > li:nth-of-type(4) .two-column-container,
	#disposal-method .two-column-container {
		grid-template-columns: 100%;
		grid-auto-rows: auto;
	}
	#preparatory-injection ol.with-number > li:nth-of-type(4) .two-column-container figure,
	#disposal-method .two-column-container img {
		width: 100%;
		max-width: 600px;
		display: block;
		justify-self: center;
	}
}

@media screen and (min-width: 769px) {
	#injection-instructions ol.with-number .two-column-container {
		grid-template-columns: auto 400px;
	}
	#injection-instructions ol.with-number .two-column-container > figure {
		width: 100%;
		grid-column: 2 / 3;
	}
	#injection-instructions ol.with-number .two-column-container > div {
		width: 100%;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
}
#injection-instructions ol.with-number .two-column-container > figure > img {
	width: 100%;
}
@media screen and (max-width: 768.98px) {
	#preparatory-injection ol.with-number > li:nth-of-type(2) .two-column-container,
	#injection-instructions ol.with-number .two-column-container {
		grid-template-columns: 100%;
		grid-auto-rows: auto;
		row-gap: 1.6rem;
	}
	#injection-instructions ol.with-number .two-column-container > figure {
		width: 100%;
		max-width: 400px;
		justify-self: center;
		grid-row: 2 / 3;
	}
	#preparatory-injection ol.with-number > li:nth-of-type(2) .two-column-container figure {
		width: 100%;
		max-width: 300px;
		justify-self: center;
		margin-bottom: 0.8rem;
	}
}


.bg-brandColor .linkList .disabled {
	color: #999;
	cursor: default;
}
.bg-brandColor .linkList .disabled:hover,
.bg-brandColor .linkList a[href=""] {
	opacity: 1;
}

.normal-weight {
	font-weight: normal;
}

p.pi-link {
	margin: 1.0rem 0 0 0;
	text-align: right;
}

.index-container nav li a.with-right-arrow {
	text-align: left;
}


.img-fluid img {
	max-width: 100%;
	height: auto;
}
.img-medium {
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.img-medium img {
	width: 100%;
	height: auto;
}
.fs-xs {
	font-size: 1.1rem !important;
}
.fs-small {
	font-size: 1.35rem !important;
	line-height: 1.6em !important;
}
.fs-m {
	font-size: 1.4rem !important;
	line-height: 1.5em !important;
}
.fs-l {
	font-size: 1.6rem !important;
	line-height: 1.6em !important;
}
.fw-bold {
	font-weight: bold;
}
.text-start {
	text-align: left !important;
}
.mt-1 {
	margin-top: 0.8rem !important;
}
.mt-2 {
	margin-top: 1.6rem !important;
}
.mt-3 {
	margin-top: 2.4rem !important;
}
.mt-4 {
	margin-top: 3.2rem !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.ml-n1Em {
	margin-left: -0.5em;
}
.ml-n2Em {
	margin-left: -1em;
}
.ml-n3Em {
	margin-left: -1.5em;
}
.pl-23r {
	padding-left: 2.3rem;
}
.pl-1em {
	padding-left: 1em;
}
.text-end {
	text-align: right;
}
.text-center {
	text-align: center !important;
}
.text-underline {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.text-indent {
	padding-left: 1em;
	text-indent: -1em;
}
.text-strong {
	font-size: 2.1rem !important;
	font-weight: bold;
	line-height: 1.4 !important;
	color: var(--brandtextcolor);
}
.text-strong sub {
	bottom: -0.15em;
}
.text-color {
	color: var(--brandtextcolor);
}

@media screen and (min-width: 769px) {
	.pc-col-80p {
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768.98px) {
	.img-medium {
		max-width: 100%;
	}
}




#contents-main .pmd-box {
	display: block;
	padding: 36px 31px 37px;
	border: 1px solid #ccc;
	background-color: #fff;
	text-decoration: none;
	transition: opacity 0.3s ease-in-out;
}
#contents-main .pmd-box .ttl {
	display: inline-block;
	font-size: 2.2rem;
}
#contents-main .pmd-box .ttl .lock {
	display: inline-block;
	margin-left: 10px;
	width: 18px;
	height: 19px;
	background: url(/themes/custom/ucbcarejp/images/icn_lock.svg) no-repeat center / contain;
}
#contents-main .pmd-box .lead {
	line-height: 1.88;
}
#contents-main .pmd-box .link {
	display: inline-block;
	position: relative;
	margin-top: 22px;
	padding-right: 37px;
	color: var(--color-text-briviact);
	line-height: 1.75;
}
#contents-main .pmd-box .link::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 28px;
	aspect-ratio: 28 / 6;
	background-color: var(--color-briviact);
	mask: url(/themes/custom/ucbcarejp/images/product_info/icn_arow_s_bk.svg) no-repeat center / contain;
	-webkit-mask: url(/themes/custom/ucbcarejp/images/product_info/icn_arow_s_bk.svg) no-repeat center / contain;
	transition: right 0.3s ease-in-out;
}
#contents-main .pmd-box:hover {
	opacity: 0.7;
}
#contents-main .pmd-box:hover .link::after {
	right: -10px;
}
@media screen and (max-width: 768.98px) {
	#contents-main .pmd-box {
		padding: 25px 20px;
	}
	#contents-main .pmd-box .ttl {
		font-size: 2rem;
	}
	#contents-main .pmd-box .ttl .lock {
		margin-left: 5px;
		width: 16px;
		height: 17px;
	}
	#contents-main .pmd-box .lead {
		margin-top: 8px;
		line-height: 1.7;
	}
	#contents-main .pmd-box .link {
		margin-top: 16px;
		padding-right: 30px;
		line-height: 1.5;
	}
}


#contents-main .pmd-box02 {
	font-size: 1.6rem;
	line-height: 1.5;
}
#contents-main .pmd-box02 .head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	background-color: var(--color-briviact);
	color: #fff;
}
#contents-main .pmd-box02 .head > * {
	flex: 1;
	margin: 0;
}
#contents-main .pmd-box02 .boxTtl {
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5;
}
#contents-main .pmd-box02 .body {
	padding: 20px;
	background-color: #fff;
	border: 1px solid var(--color-briviact);
	border-top: none;
}
@media screen and (max-width: 768.98px) {
	#contents-main .pmd-box02 .head {
		display: block;
		padding: 10px;
	}
	#contents-main .pmd-box02 .body {
		padding: 10px;
	}
}


#contents-main .pmd-mediaList01 .item > * {
	width: 100%;
}
#contents-main .pmd-mediaList01 .item > article,
#contents-main .pmd-mediaList01 .item > article > div {
	height: 100%;
}
#contents-main .pmd-mediaList01 .inr {
	height: 100%;
}
#contents-main .pmd-mediaList01 .txtCol {
	margin-top: 0;
	padding-right: 0;
}
#contents-main .pmd-mediaList01 .item .ttl {
	margin-top: 0;
	font-size: 1.8rem;
}
#contents-main .pmd-mediaList01 .item .ttl .lock {
	display: inline-block;
	margin-left: 15px;
	width: 18px;
	height: 19px;
	background: url(/themes/custom/ucbcarejp/images/icn_lock.svg) no-repeat center / contain;
}
#contents-main .pmd-mediaList01 .item .txt {
	line-height: 1.63;
}
@media screen and (max-width: 768.98px) {
	#contents-main .pmd-mediaList01 .item .ttl {
		font-size: 1.7rem;
		line-height: 1.41;
	}
	#contents-main .pmd-mediaList01 .item .ttl .lock {
		margin-left: 10px;
		width: 16px;
		height: 17px;
	}
	#contents-main .pmd-mediaList01 .item .txt {
		margin-top: 10px;
		line-height: 1.5;
	}
}


#contents-main .pmd-mediaList02 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
#contents-main .pmd-mediaList02 .item .inr {
	display: flex;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	text-decoration: none;
}
#contents-main .pmd-mediaList02 .item .thum {
	width: 380px;
}
#contents-main .pmd-mediaList02 .item .thum img {
	width: 100%;
	aspect-ratio: 380 / 213;
	object-fit: cover;
}
#contents-main .pmd-mediaList02 .item .txtCol {
	margin: 0;
	padding: 16px 0 20px 30px;
}
#contents-main .pmd-mediaList02 .item .ttl {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.45;
}
#contents-main .pmd-mediaList02 .item .ttl .lock {
	display: inline-block;
	margin-left: 15px;
	width: 18px;
	height: 19px;
	background: url(/themes/custom/ucbcarejp/images/icn_lock.svg) no-repeat center / contain;
}
#contents-main .pmd-mediaList02 .item .txt {
	margin-top: 22px;
	line-height: 1.88;
}
@media screen and (max-width: 768.98px) {
	#contents-main .pmd-mediaList02 .item .inr {
		display: block;
		padding: 20px 20px 25px;
	}
	#contents-main .pmd-mediaList02 .item .thum {
		width: 100%;
	}
	#contents-main .pmd-mediaList02 .item .thum img {
		aspect-ratio: 295 / 160;
	}
	#contents-main .pmd-mediaList02 .item .txtCol {
		padding: 15px 0 0;
	}
	#contents-main .pmd-mediaList02 .item .ttl {
		font-size: 1.7rem;
		line-height: 1.41;
	}
	#contents-main .pmd-mediaList02 .item .ttl .lock {
		margin-left: 10px;
		width: 16px;
		height: 17px;
	}
	#contents-main .pmd-mediaList02 .item .txt {
		margin-top: 10px;
		line-height: 1.5;
	}
}


#contents-main .pmd-dl {
	display: grid;
	grid-template-columns: max-content minmax( 0, 1fr );
	gap: 0 0.5em;
}


#contents-main .section .pmd-ttl01 {
	color: var(--brandtextcolor);
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
	padding-bottom: 6px;
	border-bottom: 1px solid;
}

.prod-briviact #contents-main .index-container > section:not(:first-child) {
	padding-top: 3.2rem;
}
.vmp_prd nav.internal-links li::before {
	border-top-color: var(--color-briviact);
	border-right-color: var(--color-briviact);
}

.qa-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4.8rem;
}
.qa-list .question {
	display: flex;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
}
.qa-list .question::before {
	content: "Q.";
	margin-right: 0.6rem;
	color: var(--color-sub-briviact);
	font-family: "Museo Sans", sans-serif;
	font-size: 2.8rem;
	line-height: 1;
}
.qa-list .answer {
	display: grid;
	grid-template-columns: max-content minmax( 0, 1fr );
	margin-top: 1.6rem;
}
.qa-list .answer::before {
	content: "A.";
	margin-right: 0.6rem;
	color: var(--color-briviact);
	font-family: "Museo Sans", sans-serif;
	font-weight: bold;
	font-size: 2.8rem;
	line-height: 1;
}
.qa-list .answer .inr {
	flex: 1;
}
.qa-list .answer .ttl {
	color: var(--color-briviact);
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
}
.qa-list .answer .ttl .note {
	color: #3d3d3d;
	margin-left: 2em;
}
.qa-list .pi-container:not(.-full) {
	display: inline-block;
}
@media screen and (max-width: 768.98px) {
	.qa-list {
		gap: 3.2rem;
	}
	.qa-list .question {
		font-size: 1.6rem;
	}
	.qa-list .question::before {
		margin-top: 0.3rem;
		margin-right: 0.4rem;
		font-size: 2rem;
	}
	.qa-list .answer {
		margin-top: 0.8rem;
	}
	.qa-list .answer::before {
		margin-top: 0.3rem;
		margin-right: 0.4rem;
		font-size: 2rem;
	}
	.qa-list .answer .ttl {
		font-size: 1.6rem;
	}
}


.img-col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
	margin-top: 3.2rem;
}
.img-col img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768.98px) {
	.img-col {
		grid-template-columns: 1fr;
		gap: 1.6rem;
		margin-top: 2.4rem;
	}
}


.color-box {
	padding: 2rem;
	background-color: #f5eaed;
	margin-top: 3.2rem;
}
.color-box .ttl {
	color: var(--color-briviact);
	font-weight: bold;
	font-size: 1.7rem !important;
	margin-bottom: 0.4rem;
}
.color-box .cts {
	font-size: 1.6rem;
	line-height: 1.6;
}
@media screen and (max-width: 768.98px) {
	.color-box {
		margin-top: 2.4rem;
	}
}


.md-subTtl {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 2.7rem;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.8rem;
}
.md-subTtl::before {
	content: "";
	display: block;
	width: 1.8rem;
	aspect-ratio: 1 / 1;
	margin-top: 0.6rem;
	margin-right: 0.5rem;
	border-top-left-radius: 20%;
	border-bottom-right-radius: 20%;
	flex-shrink: 0;
	flex-grow: 0;
}
.prod-briviact .md-subTtl::before {
	background: var(--color-briviact);
	background: linear-gradient(45deg, #7c0040 0%, #4e6e9f 80%, #1294aa 100%);
}

.pmd-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
	margin-top: 3.2rem;
}
@media screen and (max-width: 768.98px) {
	.pmd-grid {
		grid-template-columns: minmax( 0, 1fr );
		gap: 1.6rem;
		margin-top: 2.4rem;
	}
}