@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

#tmpl-medicalModal div:not([class]) {
	display: none;
}

:root {
	--ucbcblack: #222222;
	--ucbcblack80: rgba( 34, 34, 34, 0.8);
	--ucbcbase: #FAF5F5;
	--ucbcgray: #666666;
	--ucbcgraylight: #DDDDDD;
	--ucbcgraypale: #F6F6F6;
	--ucbcwhite: #FFFFFF;
	--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;
	--raaccent: #13816d;
	--ra: #13816d;
	--rabg: #f7f5f8;
	--wocbaaccent: #168FBA;
}


html, body {
	font-size: 16px;
	line-height: 2.0;
	margin: 0;
	padding: 0;
}
body {
	background-color: var(--rabg);
}
* {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-family: 'Noto Sans JP', sans-serif;
	line-break: strict;
}
img {
	vertical-align: top;
	width: 100%;
}
.reg {
	font-size: 1.6em;
	font-weight: normal;
	display: inline-block;
	height: 1px;
	baseline-shift: baseline;
	margin-top: -1.6em;
	transition: transform-y(-2px);
	transform: translateY(0.2em);
}

sup,
sub {
	font-size: 75%;
}


.note {
	font-size: 0.8rem;
	line-height: 1.2rem;
}

dl.note,
dl[class^='with-'] {
	display: grid;
	grid-template-columns: max-content auto;
}

figure .note{
	margin-top: 0.3rem;
}
figure + .note {
	margin-top: -0.5rem;
}
dl.with-colon > dt::after {
	content: "\0FF1A";
}
dl.with-dot > dt::after {
	content: ".";
	margin-right: 0.4em;
}
dl.with-space > dt {
	margin-right: 1.0rem;
}
dl.with-space > dt::after {
	content: "";
}
dl.with-right-parentheses dt::after,
dl.with-parentheses dt::after {
	content: "\0FF09";
}
dl.with-parentheses dt::before {
	content: "\0FF08";
}

dl.with-angle-brackets dt::after {
	content: "\0FF1E";
}
dl.with-angle-brackets dt::before {
	content: "\0FF1C";
}

@media screen and (max-width: 768.98px){
	dl.note.with-colon {
		grid-template-columns: 100%;
	margin: 0.5rem 0;
	}
	dl.note.with-colon > dt {
		font-weight: bold;
		justify-self: start;
	}
}

.indent-ul {
	padding-left: 1.0rem;
}

.p-wrap p + p {
	margin-top: 1.0rem;
}





.page-node-type-ra-basic-page #wrap {
	min-width: auto;
}

header#header.ra_header {
	min-width: auto;
}

article .field--name-body {
	margin-bottom: 6.0rem;
}



@media screen and (min-width: 769px){

	body:not(.toolbar-fixed) .region-ra-content {
		margin: 126px 0 0 0;
	}
}

@media screen and (max-width: 768.98px){

	body,
	.hide-scrollbar {
		scrollbar-width: none;
	}

	body::-webkit-scrollbar,
	.hide-scrollbar::-webkit-scrollbar {
		display: none;
	}

}

.nolink {
	color: #000000;
}

.ib {
	display: inline-block;
}

.visually-hidden {
	display: none;
}

a {
	font-size: inherit;
	line-height: inherit;
	transition: opacity 0.3s ease-in-out;
}
a:not(.blue-gradient):hover {
	opacity: 60%;
}

em {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	font-style: oblique;
}

span {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
a[target="_blank"]:not(.no-icon):not(.inline-icon):not(.hide-for-pc-header),
a[target="_blank"].no-icon > span,
.with-white-blank-icon {
	display: flex;
	align-items: center;
}

a[target="_blank"]:not(.no-icon)::after,
a[target="_blank"].no-icon > span::after,
a[target="_blank"].no-icon > p > span::after,
.with-white-blank-icon::after {
	content: '';
	align-self: center;
	font-size: inherit;
	display: inline-block;
	margin: 0 0 0 5px;
	width: 0.7em;
	height: 0.7em;
	background: url("/themes/custom/ucbcarejp/images/mg_basic/iv.blank.svg") no-repeat center/contain;
}

.reference dd a,
.region-ra-content .wocba-content p a,
.region-ra-content .wocba-content dd a,
.region-ra-content .wocba-content li a {
	text-decoration: underline;
	color: var(--wocbaaccent);
}


article[about='/mg/movie/webinar-archive'] a[target="_blank"].no-icon > span::after {
	display: none;
}


.with-white-blank-icon::after {
	background: url("/themes/custom/ucbcarejp/images/mg_basic/iv.blank.white.svg") no-repeat center/contain !important;
}



@media screen and (min-width: 769px){
	.wrapper {
		width: 1263px;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 40px;
	}
	.wrapper-for-mobile {
		display: contents;
	}
}

@media screen and (max-width: 768.98px){
	.wrapper {
		width: 100%;
		margin: 0;
		padding: 0 1.0rem;
	}
}

.wrapper .wrapper {
	display: contents;
}



/* --------------- Header --------------- */
header#header.ra_header {
	background-color: var(--rabg);
	margin: 0;
	padding: 0.7rem 0 0.2rem;
}
header.ra_header a,
div.region-ra-content a {
	text-decoration: none;
}
@media screen and (min-width: 769px){
	body.user-logged-in.toolbar-fixed .region-ra-header {
		position: relative !important;
		z-index: 100 !important;
	}
	.region-ra-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	header > .wrapper {
		display: grid;
		grid-template-columns: min-content auto min-content;
		grid-template-rows: max-content max-content;
		align-items: center;
		column-gap: 2.0rem;
		row-gap: 1.5rem;
		margin-top: 1.0rem;
		transition: margin 0.3s ease-in-out;
		min-width: auto;
	}
	header.small > .wrapper {
		row-gap: 0.7rem;
	}
	header {
		transition: box-shadow 0.3s ease-in-out, padding 0.3s ease-in-out;
	}
	header.small {
		box-shadow: 0 0 1.5rem rgb(0 0 0 / 15%);
		padding-top: 0.3rem;
	}
	header.small > .wrapper {
		margin-top: 0;
	}
}

/* --------------- Site Branding --------------- */
#site-branding {
	grid-column: 1;
	grid-row: 1;
	display: block;
	aspect-ratio: 1082 / 215;
	height: 58px;
	width: auto;
	white-space: nowrap;
}
#site-branding .site-logo{
	width: 100%;
}
@media screen and (min-width: 769px){
	#site-branding {
		transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	}
	header.small #site-branding {
		height: 38px;
	}
}

/* --------------- Top Menu --------------- */
@media screen and (min-width: 769px){
	header .block--ra-top-menu {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}
	footer .block--ra-top-menu {
	padding: 2.0rem 0 0 0;
		background-color: #f7f5f8;
	}
	footer .menu--ra-top-menu > ul {
	display: flex;
		justify-content: flex-end;
	border-top: 1px solid var(--ucbcgraylight);
	padding: 2.0rem 0;
	}
	.menu--ra-top-menu > ul > li {
		font-weight: bold;
	}
	footer .menu--ra-top-menu > ul > li:not(:first-of-type) {
		margin-left: 2.0rem;
	}
	header .menu--ra-top-menu > ul > li > a.hide-for-pc-header {
		display: none;
	}
	header .menu--ra-top-menu > ul > li {
		font-size: 0.80rem;
	}
	footer .menu--ra-top-menu > ul > li {
		font-size: 0.80rem;
	}
}
@media screen and (min-width: 993px) {
	header .menu--ra-top-menu > ul > li {
		font-size: 0.90rem;
	}
	footer .menu--ra-top-menu > ul > li {
		font-size: 0.90rem;
	}
}
footer .menu--ra-top-menu > ul > li a,
footer .menu--ra-header-menu > ul > li a {
	text-decoration: none;
}
.block--ra-main-menu .menu-item--active-trail > a {
	color: var(--raaccent);
}
@media screen and (min-width: 993px) {
	.nav-minimize {
		 display: none;
	}
}
.menu--ra-header-menu > ul > li span.disabled {
	color: var(--ucbcgraylight);
}
@media screen and (min-width: 769px){
	header .block--ra-main-menu {
		grid-column: 1 / 4;
		grid-row: 2;
		justify-self: center;
		padding-bottom: 0.2rem;
		line-height: 1.0rem;
	}
	footer .block--ra-main-menu {
		padding: 2.0rem 0;
		background-color: #f7f5f8;
	}
	header .menu--ra-header-menu > ul {
		display: inline-grid;
		grid-template-columns: repeat(6, auto);
		column-gap: 2.0rem;
	}
	footer .menu--ra-header-menu > ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 1.0rem;
		row-gap: 2.0rem;
	}
	header .menu--ra-header-menu > ul > li {
		text-align: center;
		font-weight: bold;
		position: relative;
		line-height: 1.4em;
		display: block;
		height: 100%;
	}
	header .menu--ra-header-menu > ul > li > a {
		display: flex;
		height: 100%;
		align-items: center;
	}
	footer .menu--ra-header-menu > ul > li,
	#area-login.logged-in:hover {
		font-weight: bold;
	}
	footer .menu--ra-header-menu > ul > li > a {
		line-height: 1.4em;
		margin-bottom: 0.6rem;
		display: inline-block;
		text-decoration: none;
	}
	header .menu--ra-header-menu > ul > li::after {
		content: '';
		display: block;
		height: 2px;
		overflow: hidden;
		width: 0;
		transition: width 0.3s ease-in-out;
		background: linear-gradient(112deg, var(--g1) 0%, var(--g2) 81%, var(--g3) 100%);
		align-self: flex-start;
	}
	header .menu--ra-header-menu > ul > li:hover::after,
	#area-login.logged-in:hover::after  {
		width: 100%;
	}
	header .menu--ra-header-menu > ul > li > ul,
	#area-login.logged-in:hover ul  {
		display: flex;
		flex-direction: column;
		width: fit-content;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		margin-left: auto;
		margin-right: auto;
		white-space: nowrap;
		align-items: flex-start;
		padding: 1.2rem 1.0rem 0.2rem 1.0rem;
		background-color: var(--ucbcwhite);
		border-radius: 0.5rem;
		border: 1px solid #f5f5f5;
		filter: drop-shadow(0px 1px 10px rgba(0,0,0,.1));
		transition: all 0.3s ease-in-out;
		opacity: 0;
		pointer-events: none;
	}
	header .menu--ra-header-menu > ul > li > ul {
		margin-top: 0.6rem;
	}
	#area-login.logged-in:hover ul {
		top: calc(1.5rem + 1.1rem + 5px);
	}
	header.small #area-login.logged-in:hover ul {
		top: calc(1.41rem + 0.5rem + 5px);
	}
	footer .menu--ra-header-menu > ul > li > ul {
		list-style-type: disc;
		font-weight: normal;
	}
	footer .menu--ra-header-menu > ul > li > a.with-submenu + ul > li > a{
		margin-left: 1.5em;
	}
	header .menu--ra-header-menu > ul > li:hover > ul,
	#area-login.logged-in:hover ul {
		opacity: 1;
		pointer-events: all;
	}
	header .menu--ra-header-menu > ul > li:hover > ul::before,
	#area-login.logged-in:hover ul::before {
		content: '';
		display: block;
		align-self: center;
		transform: rotate(45deg) translateY(-25%) translateX(-25%);
		width: 14px;
		height: 14px;
		background: var(--ucbcwhite);
		margin-top: -18px;
		position: relative;
	}
	header .menu--ra-header-menu > ul > li:hover > ul::after,
	#area-login.logged-in:hover ul::after {
		content: '';
		display: block;
		width: 100%;
		height: 11px;
		position: absolute;
		left: 0;
		top: -11px;
	}
	.menu--ra-header-menu > ul > li > ul > li,
	#area-login.logged-in:hover ul > li {
		line-height: 1.4em;
		margin-bottom: 0.6rem;
	}
	header .menu--ra-header-menu > ul > li > ul > li > a {
		position: relative;
		width: fit-content;
	}
	header .menu--ra-header-menu > ul > li > ul > li > a:after,
	#area-login.logged-in:hover ul > li > a::after {
		content: '';
		display: block;
		height: 2px;
		overflow: hidden;
		width: 0;
		transition: width 0.3s ease-in-out;
		align-self: flex-start;
		background: linear-gradient(112deg, var(--g1) 0%, var(--g2) 81%, var(--g3) 100%);
	}
	header .menu--ra-header-menu > ul > li > a.with-submenu + ul > li:has(a) {
		margin-left: 1.0rem;
	}
	header .menu--ra-header-menu > ul > li > ul > li:hover > a::after,
		#area-login.logged-in:hover ul > li:hover > a::after {
		width: 100%;
	}
	header .menu--ra-header-menu > ul > li {
		font-size: 0.85rem;
	}
	footer .menu--ra-header-menu > ul > li {
		font-size: 0.85rem;
	}
	header .menu--ra-header-menu > ul > li > ul > li,
	#area-login.logged-in:hover ul > li {
		font-size: 0.85rem;
	}
	footer .menu--ra-header-menu > ul > li > a > br {
		display: none;
	}
	footer .menu--ra-header-menu > ul > li > ul {
		list-style: none;
	}
	footer .menu--ra-header-menu > ul > li > ul > li > a,
	footer .menu--ra-header-menu > ul > li > ul > li > span {
		font-size: 0.80rem;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	footer .menu--ra-header-menu > ul > li > ul > li > a::before,
	footer .menu--ra-header-menu > ul > li > ul > li > span::before {
		content: "\02022";
		margin-right: 0.5em;
	}
}
@media screen and (max-width: 768.98px){
	.menu--ra-header-menu > ul > li > a > br,
	.menu--ra-header-menu > ul > li > span > br,
	.menu--ra-header-menu > ul > li > ul > li > a > br {
		display: none;
	}
}
.menu--ra-header-menu > ul > li > a.with-submenu + ul > li > span::before {
	content: "\03010";
}
.menu--ra-header-menu > ul > li > a.with-submenu + ul > li > span::after {
	content: "\03011";
}
@media screen and (min-width: 993px) {
	header .menu--ra-header-menu > ul > li {
		font-size: 0.95rem;
	}
	footer .menu--ra-header-menu > ul > li {
	font-size: 0.95rem;
	}
	header .menu--ra-header-menu > ul > li > ul > li,
	#area-login.logged-in:hover ul > li {
		font-size: 0.95rem;
		display: block;
		width: 100%;
		text-align: left;
	}
	header .menu--ra-header-menu > ul > li > ul > li > a,
	#area-login.logged-in:hover ul > li > a {
		display: block;
	}
	footer .menu--ra-header-menu > ul > li > ul > li {
		font-size: 0.90rem;
	}
}
@media screen and (min-width: 769px){
	#area-login {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	position: relative;
	}
}
a.blue-gradient {
	transition: background-position 0.5s ease-in-out;
	background: linear-gradient(112deg, #a75ed8 0%, #6988e4 81%, #33aff0 100%);
	background-size: 150% 150%;
	background-position: 0 0;
	color: var(--ucbcwhite);
}
a.blue-gradient:hover {
	background-position: 100% 100%;
}
#area-login > a.blue-gradient {
	font-weight: bold;
}
@media screen and (min-width: 769px){
	#area-login > a.blue-gradient {
		font-size: 0.85rem;
		line-height: 1.5rem;
		padding: 0.6em 1.6em 0.5em;
		border-radius: 1.5rem;
		white-space: nowrap;
		box-shadow: 0px 3px 27px rgba(62, 18, 82, 0.25);
	}
}
@media screen and (max-width: 768.98px){
	#area-login > a {
		padding: 1.2rem 1.2rem 1.1rem 1.2rem;
		width: 100%;
	}
}
#area-login.not-logged-in > a {
	display: inline-block;
}
#area-login.logged-in > a {
	display: inline-flex;
	justify-content: center;
}
#area-login.logged-in > a::before {
	content: '';
	display: block;
	background-image: url("/themes/custom/ucbcarejp/images/mg_basic/iv.account.white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 1.5rem;
	aspect-ratio: 1 / 1;
	margin-right: 0.5rem;
	transition: all 0.3s ease-in-out;
}
#area-login.logged-in ul {
	display: none;
}
@media screen and (min-width: 769px){
	#area-login.not-logged-in > a {
		transition: font-size 0.3s ease-in-out, padding 0.3s ease-in-out;
	}
	header.small #area-login > a {
		font-size: 0.80rem;
		line-height: 1.41rem;
		padding: 0.3em 1.6em 0.2em;
	}
	header.small #area-login.logged-in > a::before {
		margin-right: 0.47rem;
		width: 1.41rem;
	}
}
#is-open-hamburger {
	display: none;
	position: absolute;
	bottom: 0;
}
@media screen and (min-width: 769px){
	#hamburger-button {
		display: none;
	}
}






@media screen and (max-width: 768.98px){

	body.page-node-type-ra-basic-page .region-ra-content {
		margin-top: calc(58px + 2.0rem);
	}

	header {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}

	header .wrapper,
	footer .wrapper {
		display: contents;
	}

	header .wrapper > .wrapper-for-mobile:nth-of-type(1) {
		display: grid;
		width: 100%;
		padding: 1.0rem;
		grid-template-columns: auto min-content;
		position: fixed;
		background-color: var(--rabg);
		z-index: 900;
		box-shadow: 0 0 1.5rem rgb(0 0 0 / 15%);
		top: 0;
		/*left:0;*/

	}

	#site-branding img {
		height: 58px;
	}

	#hamburger-button {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		align-self: center;
		width: 48px;
		height: 48px;
		border-radius: 24px;
		border: 1px solid transparent;
		background: linear-gradient(112deg, var(--g1) 0%, var(--g2) 81%, var(--g3) 100%);
		box-shadow: 0px 3px 10px rgba(62, 18, 82, 0.15);
		position: relative;
		margin-left: 10px;
	}

	#hamburger-button span,
	#hamburger-button span::before,
	#hamburger-button span::after {
		grid-column: 1;
		grid-row: 1;
		display: inline-block;
		width: 24px;
		height: 2px;
		background-color: var(--ucbcwhite);
		position: absolute;
		transition: all 0.3s ease-in-out;
	}

	#hamburger-button span::before,
	#hamburger-button span::after {
		content: '';
	}

	#hamburger-button span {
		left: 11px;
		top: 22px;
	}

	#hamburger-button span::before {
		top: -8px;
	}

	#hamburger-button span::after {
		top: 8px;
	}

	#is-open-hamburger:checked + .wrapper #hamburger-button {
		border-color: rgba(204, 158, 70, 0.5);
		box-shadow: none;
		background: transparent;
	}

	#is-open-hamburger:checked + .wrapper #hamburger-button span {
		background-color: transparent;
	}

	#is-open-hamburger:checked + .wrapper #hamburger-button span::before {
		transform: translateY(8px) rotate(45deg);
		background-color: #cc9e46;
	}

	#is-open-hamburger:checked + .wrapper #hamburger-button span::after {
		transform: translateY(-8px) rotate(-45deg);
		background-color: #cc9e46;
 }

	header .wrapper > .wrapper-for-mobile:nth-of-type(2) {
		padding-top: calc(58px + 2.0rem);
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		overflow-y: scroll;
		z-index: 800;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: min-content min-content auto;
		background-color: var(--ucbcwhite);
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
		pointer-events: none;
	}

	#is-open-hamburger:checked + .wrapper > .wrapper-for-mobile:nth-of-type(2) {
		opacity: 1;
		pointer-events: auto ;
	}

	header .block--ra-main-menu {
		grid-column: 1;
		grid-row: 1;
	}

	footer .block--ra-main-menu {
		border-top: 1px solid var(--ucbcgraylight);
	}

	.menu--ra-header-menu > ul > li > a,
	.menu--ra-header-menu > ul > li > span {
		display: block;
		font-weight: bold;
		color: var(--raaccent);
		padding: 1.2rem 2.8rem 1.1rem 1.2rem;
		box-sizing: border-box;
		margin: 0;
		border-bottom: 1px solid var(--ucbcgraylight);
	}

	#area-login.logged-in ul {
		display: block;
	}

	.menu--ra-header-menu > ul > li > ul > li > a,
	.menu--ra-header-menu > ul > li > ul > li > span,
	#area-login.logged-in ul > li > a {
		display: block;
		font-weight: bold;
		padding: 1.2rem 1.2rem 1.1rem 2.4rem;
		box-sizing: border-box;
		margin: 0;
		border-bottom: 1px solid var(--ucbcgraylight);
	}
	/*
	.menu--ra-header-menu > ul > li > ul > li > span {
	padding-left: 1.2rem;
	}
	*/



	#area-login {
		grid-column: 1;
		grid-row: 2;
		justify-self: center;
	width: 100%;
	background-color: var(--ucbcwhite);
	}

	#area-login.not-logged-in > a {
	display: block;
	text-align: center;
	}

	header .block--ra-top-menu {
		grid-column: 1;
		grid-row: 3;
 	background-color: var(--ucbcwhite);
	width: 100%;
		margin-top: 2.0rem;
		margin-bottom: 2.0rem;
	}

	footer .block--ra-top-menu {
		margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	}

	.menu--ra-top-menu > ul > li > a {
	 margin: 0 1.0rem 1.0rem 1.0rem;
	 font-size: 0.9rem;
	 display: block;
	}

	/*
	.menu--ra-header-menu > ul > li:not(:first-of-type) {
	margin-top: 1.0rem;
	}
	*/

}
#block-ra-banner {
	background-color: #f7f5f8;
}
#block-ra-banner ul a {
	text-decoration: none;
}
@media screen and (min-width: 769px){

	#block-rabacktotop {
		padding-top: 1.0rem;
	}

}

@media screen and (max-width: 768.98px){

	#block-rabacktotop {
		padding: 1.0rem;
		display: flex;
		justify-content: flex-end;
	}

}

#block-rabacktotop .wrapper {
	text-align: right;
}

#block-rabacktotop a {
	display: inline-block;
	width: 2.0rem;
	height: 2.0rem;
	position: relative;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	cursor: pointer;
	transition: opacity  0.3s ease-in-out;
}

#block-rabacktotop a:hover  {
	opacity: 60%;
}

#block-rabacktotop a::after {
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	border-left: 2px solid var(--ucbcwhite);
	border-top: 2px solid var(--ucbcwhite);
	transform: rotate(45deg);
	position: absolute;
	top: 0.8rem;
	left: 0.6rem;
}

#block--ra-copyright,
#block--ra-copyright {
	padding: 1.0rem 0;
	background-color: var(--ucbcgray);
}

#block--ra-copyright p,
#block--ra-copyright p  {
	font-size: 0.8rem;
	font-weight: bold;
	color: var(--ucbcwhite);
	line-height: 1.2em;
}


@media screen and (min-width: 769px){

	#block--ra-copyright .wrapper,
	#block--ra-copyright .wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#block--ra-copyright img,
	#block--ra-copyright img {
		width: 200px;
		height: auto;
	}

	#block--ra-copyright p,
	#block--ra-copyright p  {
		text-align: right;
	}

}

@media screen and (max-width: 768.98px){

	#block--ra-copyright .wrapper,
	#block--ra-copyright .wrapper  {
		display: flex;
	flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	#block--ra-copyright p,
	#block--ra-copyright p {
		font-size: 0.75rem;
	}

	#block--ra-copyright img,
	#block--ra-copyright img {
		width: 200px;
		height: auto;
	max-width: 100%;
	margin-bottom: 1.0rem;
	}

}



main {
	background-color: var(--rabg);
}

/* -------------------- Top Visual -------------------- */
#ra-top-visual {
	padding: 2.0rem 0 0 0;
	margin-bottom: -1.0rem;
}
#ra-top-visual .wrapper {
	display: flex;
	align-items: center;
}
#ra-top-visual .container {
	display: flex;
	flex-direction: column;
}
#ra-top-visual h1 {
	font-weight: bold;
	margin-bottom: 2.0rem;
}
#ra-top-visual h1 *[lang='en']{
	font-size: 1.85rem;
	line-height: 1.3em;
	display: block;
}
#ra-top-visual h1 *[lang='ja']{
	font-size: 1.5rem;
	line-height: 1.3em;
	color: var(--raaccent);
	display: block;
}
#ra-top-visual figure {
	flex-shrink: 1;
}
#ra-top-visual figure > img {
	width: 100%;
}
@media screen and (min-width: 769px){
	#ra-top-visual .container {
		margin-bottom: 5%;
		max-width: 50%;
	}
	#ra-top-visual figure {
		width: 550px;
		margin-left: 1.0rem;
	}
}
@media screen and (max-width: 768.98px){
	#ra-top-visual .wrapper {
		flex-direction: column;;
	}
	#ra-top-visual .container {
		max-width: 500px;
	}
	#ra-top-visual figure {
		max-width: 550px;
	width:90%;
	}
}

/* -------------------- What's News -------------------- */
#ra-whatsnews {
	background-color: var(--ucbcwhite);
	padding: 2.0rem 0;
}
#ra-whatsnews .wrapper {
	display: flex;
	align-items: flex-start;
}
#ra-whatsnews ul {
	flex-grow: 1;
	width: 100%;
}
#ra-whatsnews ul li {
	padding: 0.5rem 0;
}
#ra-whatsnews a {
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-weight: bold;
}
#ra-whatsnews i {
	font-style: italic;
	margin-right: 0.1rem;
}
#ra-whatsnews li dl dt {
	flex-shrink: 0;
	margin-right: 1.0rem;
}
#ra-whatsnews li dl dd  {
	margin-right: 1.0rem;
}
#ra-whatsnews a p {
	flex-shrink: 0;
	white-space: nowrap;
	color: var(--raaccent);
}
@media screen and (min-width: 993px) {
	#ra-whatsnews li dl {
		display: flex;
		align-items: flex-start;
		justify-content: flex-begin;
	}
}
@media screen and (min-width: 769px){
	#ra-whatsnews a {
		  align-items: flex-end;
	}
	#ra-whatsnews h2 {
		flex-shrink: 0;
		width: 12.0em;
	}
}
@media screen and (max-width: 768.98px){
	#ra-whatsnews h2 {
		margin-bottom: 1.5rem;
	display: flex;
	align-items: baseline;
	}
	#ra-whatsnews h2 *[lang='en'] {
	margin-left: 1.0rem;
	display: block;
	}
	#ra-whatsnews .wrapper {
		flex-direction: column;
	}
	#ra-whatsnews a {
		flex-direction: column;
	}
	#ra-whatsnews a p {
	align-self: flex-end;
	}
}









.pickup-content-container {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
}

.pickup-content-container h3 {
	font-weight: bold;
	color: var(--raaccent);
	font-size: 1.05rem;
	margin-bottom: 0.5rem;
	flex-grow: 0;
}

.pickup-content-container h3 + p {
	flex-grow: 1;
}










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-right: 0.5em;
}
	ul.with-disc > li::before {
	content: "\025CF";
	margin-right: 0.2em;
}



.one-column-container {
	display: grid;
	grid-template-columns: 100%;
	grid-auto-rows: 1fr;
	align-items: center;
	row-gap: 2.0rem;
}

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

@media screen and (min-width: 993px) {

	.two-column-container {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 2.0rem;
	}

}

@media screen and (max-width: 992.98px) {

	.two-column-container {
		grid-template-columns: 100%;
		align-items: center;
		row-gap: 2.0rem;
	}

}



.column-container > li {
	border-radius: 0.8rem;
	box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
	height: 100%;
	overflow: hidden;
}

.column-container > li a {
	display: block;
	padding: 1.5rem;
	height: 100%;
}

body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs-2 {
	width: 100%;
	padding: 0;
}

body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs-2 ol {
	display: block;
	padding: 3.0rem 0 0 0;
}

@media screen and (max-width: 768.98px){
	body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs-2 ol {
		padding: 1.0rem 0 0 0;
	}
}

body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs-2 ol > li {
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 0.95rem;
}
body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs-2 ol > li:not(:first-of-type):before {
	content: '>';
	margin-right: 0.5rem;
	flex-shrink: 0;
}

body.page-node-type-ra-basic-page #block-ucbcarejp-pagetitle {
	margin: 2.0rem 0 3.0rem;
}

body.page-node-type-ra-basic-page #block-ucbcarejp-pagetitle h1 {
	font-size: 1.7rem;
	font-weight: bold;
	border-left: 0.5rem solid var(--raaccent);
	padding-left: 0.5rem;
}
body.page-node-type-ra-basic-page #block-ucbcarejp-pagetitle h1 .subtitle {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.2;
}


.section-body-2column {
	display: grid;
	column-gap: 2.0rem;
}





section.content li h3 {
	text-align: center;
}


.section.certificate-no {
	padding: 3.0rem 0 2.0rem;
}

.section.certificate-no P {
	text-align:right;
	font-size: 0.8rem;
	font-weight: bold;
	color: var(--ucbcgray);
}


section.content h3 {
	padding-top: 1.0rem;
	padding-bottom: 0.5rem;
	font-size: 1.30rem;
	font-weight: bold;
	color: var(--raaccent);
	margin-bottom: 2.0rem;
	border-bottom: 1px solid var(--ucbcgray);
}




strong {
	background: linear-gradient(transparent 50%, #ffeadd 50%);
}
section.content .wrapper {
	margin-top: 1.0rem;
}




section.content,
section.movie,
section.archive {
	margin-top: 3.0rem;
}


section.archive a,
section.movie a {
	display: grid;
	row-gap: 1.0rem;
	column-gap: 2.0rem;
	align-items: start;
}
section.archive h3,
section.movie h3 {
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--ucbcgray);

	line-height: 1.4em;
}
section.movie h3 .title-en {
	font-size: 1.2rem;
	display: block;
	color: var(--ucbcgraylight);
}
section.archive .doctor-container {
	display: grid;
	grid-template-columns: max-content auto;
	align-items: center;
	column-gap: 1.5rem;
	margin-bottom: 1.0rem;
}
section.archive .doctor-container > dt > p {
	background-color: var(--raaccent);
	padding: 0.4rem 1.0rem;
	border-radius: 0.4rem;
	color: #fff;
	white-space: nowrap;
}
section.archive .doctor-container .doctor {
	display: grid;
	grid-template-columns: 100%;
	align-items: center;
}

section.archive .doctor-container .doctor dt {
	grid-row: 2 / 3;
	font-weight: bold;
}
section.archive .doctor-container .doctor dd {
	grid-row: 1 / 2;
	font-size: 0.90rem;
	line-height: 1.4em;
}
section.archive a > img {
	border: 1px solid var(--ucbcgray);
}

section.archive .with-right-arrow {
	font-weight: bold;
	color: var(--raaccent);
	justify-content: flex-end;
	margin-top: 1.0rem;
}


.supervised-container {
	display: grid;
	grid-template-columns: 80px auto;
	align-items: center;
	column-gap: 1.0rem;
}
.image-wrapper {
	width: fit-content;
	height: fit-content;
	position: relative;
	border: 1px solid var(--ucbcgray);
}
.image-wrapper .play-time {
	display: inline-block;
	color: #fff;
	background-color: var(--ucbcgray);
	padding: 0.3rem 0 0.2rem;
	width: 5.0rem;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (min-width: 993px) {
	section.movie a {
		grid-template-columns: 45% auto;
		grid-auto-rows: auto minmax(100px, max-content) auto;
	}
	section.movie h3 {
		grid-column: 1/ 3;
	}
	section.movie a > .image-wrapper {
		grid-row: 2 / 4;
	}
	section.archive a {
		grid-template-columns: repeat(2, 1fr);
	}
	section.archive h3,
	section.archive .archive-info-container  {
		grid-column: 1/ 3;
	}
}


dl.inline,
dl.inline > dt,
dl.inline > dd,
.criteria2022 dl.inline > dd > p {
	display: inline !important;
}


.dl-table {
	display: grid;
	grid-template-columns: max-content auto;
}
.dl-table > * {
	padding: 0.5rem;
	border: 1px solid #444;
	background-color: #fff;
	border-bottom: none;
}
.dl-table > dt {
	background-color: #ffa89c;
	font-weight: bold;
}
.dl-table ul li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.dl-table ul li::before {
	content: "\02022";
	margin-right: 0.5rem;
}
@media screen and (min-width: 769px){
	.dl-table > dt {
		border-right: none;
	}
	.dl-table > *:last-of-type {
		border-bottom: 1px solid #444;
	}
}
@media screen and (max-width: 768.98px){
	.dl-table {
		display: grid;
		grid-template-columns: 100%;
	}
	.dl-table > dd:last-of-type {
		border-bottom: 1px solid #444;
	}
}





















section.content h3 .subtitle {
	display: block;
	font-size: 0.9rem;
	line-height: 1.6rem;
	margin-top: -0.8rem;
	color: var(--ucbcgray);
}
section.content.content-index > h3 {
	padding: 1.0rem 0 0.5rem 0;
	font-size: 1.40rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	text-align: left;
}
@media screen and (max-width: 768.98px){

	section.content h3 {
		margin-bottom: 1.0rem;
	}

}


div.region-ra-content .figure_reference {
	text-align: right;
}
div.region-ra-content .figure_reference p {
	font-size: 0.8rem;
	color: var(--ucbcgray);
	line-height: 1.4em;
	text-align: right;
}



.content-ring ul::after{
	content:'';
	display: block;
	clear: both;
}

.content-ring ul {
	padding-bottom: 3.0px;
}









/** MG modal CSS */
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsTtlWrap .ctsTtl {
	font-size: 28px;
}

body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsTtlWrap .ctsDesc {
	font-size: 16px;
}
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listTtl {
	font-size: 20px;
}
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listWrap .list a {
	font-size: 16px;
}
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .subTxt a {
	font-size: 18px;
}
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listCol .btn a {
	font-size: 16px;
}
body.page-node-type-ra-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .subCol .sub {
	font-size: 16px;
}

@media screen and (max-width: 768.98px) {
	body.page-node-type-ra-basic-page #block-ucbcarejp-breadcrumbs {
		display: block !important;
	}
}
body.page-node-type-ra-basic-page #block-ucbcarejp-tabs ul.primary_tabs li a {
	font-size: 16px;
}

#block-ucbcarejp-pagetitle h1.page-title span.subtitle {
	display: block;
	font-size: 80%;
	margin-bottom: 0.6rem;
}










.section.video iframe {
	aspect-ratio: 16 / 9;
}


.member-only h3 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.member-only h3::before {
	content: '';
	display: block;
	width: 1.1em;
	height: 1.6em;
	margin-right: 0.5em;
	flex-shrink: 0;
	flex-grow: 0;
	background-image: url(/sites/default/files/2023-09/mg.password.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* --------------- wocba-antibody-test-list -------------- */
#wocba-antibody-test-list {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 1.6rem;
}
#wocba-antibody-test-list > dt {
	background-color: var(--wocbaaccent);
	color: var(--ucbcwhite);
	padding: 1.0rem;
}
#wocba-antibody-test-list > dt:not(:first-of-type) {
	margin-top: 0.5rem;
}
#wocba-antibody-test-list > dd {
	background-color: var(--ucbcwhite);
	padding: 1.0rem;
}
#wocba-antibody-test-list > dt > dl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#wocba-antibody-test-list > dt > dl > * {
	font-weight: bold;
	font-size: 120%;
}
#wocba-antibody-test-list > dt > dl > dt {
	width: 2.2rem;
	height: 2.2rem;
	margin-right: 0.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--ucbcwhite);
	color: var(--wocbaaccent);
	flex-shrink: 0;
	flex-grow: 0;
}

/* --------------- wocba-antibody-test-table -------------- */
#wocba-antibody-test-table {
	width: 100%;
}
#wocba-antibody-test-table,
#wocba-antibody-test-table th,
#wocba-antibody-test-table td {
	border: 1px solid var(--ucbcgraylight);
}
#wocba-antibody-test-table thead > tr > th:first-of-type {
	border-right-color: var(--ucbcwhite);
}
#wocba-antibody-test-table th,
#wocba-antibody-test-table td {
	padding: 1.0rem;
	background-color: var(--ucbcwhite);
	font-size: 90%;
}
#wocba-antibody-test-table th {
	text-align: center;
	font-weight: bold;
	background-color: var(--wocbaaccent);
	color: var(--ucbcwhite);
}
#wocba-antibody-test-table tr > td:first-of-type {
	text-align: center;
	vertical-align: middle;
}
#wocba-antibody-test-table .sp-only-label {
	display: none;
}
@media screen and (max-width: 768.98px){
	#wocba-antibody-test-table {
		border: none;
	}
	#wocba-antibody-test-table .sp-only-label {
		display: block;
		font-weight: bold;
	}
	#wocba-antibody-test-table thead {
		display: none;
	}
	#wocba-antibody-test-table tr {
		display: contents;
	}
	#wocba-antibody-test-table td {
		display: block;
		padding: 0.5rem;
		border-top: none;
	}
	#wocba-antibody-test-table td:not(first-of-type) {
		margin-top: -1px;
	}
	#wocba-antibody-test-table tr > td:first-of-type {
		text-align: left;
		background-color: var(--wocbaaccent);
		color: var(--ucbcwhite);
		font-weight: bold;
		font-size: 100%;
	}

}

/* --------------- wocba Q&A -------------- */
.wocba-qa {
	background-color: var(--ucbcwhite);
}
.wocba-content .wocba-qa > h3 {
	padding: 1.0rem;
	border-bottom: 1px solid #DEF0F7;
	color: var(--wocbaaccent);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
}
.wocba-content .wocba-qa > h3::before,
.wocba-content .wocba-qa > div::before {
	font-weight: bold;
	font-size: 1.1rem;
	width: 1.8rem;
	height: 1.8rem;
	margin: 0 0.5rem 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
	border-width: 2px;
	border-radius: 50%;
	line-height: 1;
}
.wocba-content .wocba-qa > h3::before {
	content: 'Q';
	color: var(--wocbaaccent);
}
.wocba-content .wocba-qa > div::before {
	content: 'A';
	color: var(--ucbcwhite);
	background-color: var(--wocbaaccent);
	margin-top: 0.1rem;
}
.wocba-content .wocba-qa > div {
	padding: 1.0rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.wocba-qa dl.note {
	justify-content: end;
}


/* --------------- NRAT Info -------------- */
#nrat-info {
	margin-top: 1.0rem;
	line-height: 1.6;
}

/* --------------- wocba-important-list -------------- */
.wocba-important-list {
	list-style-type: disc;
	margin: 0;
	line-height: inherit;
}
.wocba-important-list li {
	font-weight: bold;
	margin-left: 1.6rem;
}

/* --------------- wocba-faq-answer -------------- */
.wocba-faq-answer {
	list-style-type: disc;
	background-color: #fff;
    border-radius: 1.0rem;
	padding: 1.6rem;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
}
.wocba-faq-answer li {
	font-size: 120%;
	font-weight: bold;
	margin-left: 1.6rem;
}


/* --------------- content-ring -------------- */
nav.content-ring {
	margin-top: -2.0rem;
	padding-top: 0;
	padding-bottom: 6.0rem;
}
nav.content-ring ul {
	display: block;
}
nav.content-ring li.link-prev,
nav.content-ring li.link-next {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 1.0rem;
}
nav.content-ring li a {
	color: var(--wocbaaccent);
}
nav.content-ring li.link-prev {
	float: left;
	margin-right: 1.0rem;
}
nav.content-ring li.link-next {
	float: right;
	margin-left: 1.0rem;
}
nav.content-ring li.link-next a > span {
	text-align: right;
}
nav.content-ring li.clear {
	clear: both;
	width: 1px;
	height: 1px;
	margin-top: -1px;
}
@media screen and (max-width: 768.98px){
	nav.content-ring li.link-prev {
		margin-right: 0;
	}
	nav.content-ring li.link-next {
		margin-left: 0;
	}
}



/* --------------- With Arrow -------------- */
.with-left-arrow,
.with-right-arrow {
	display: flex;
	position: relative;
	font-weight: bold;
	color: var(--raaccent);
	align-items: center;
}
.with-left-arrow {
	align-self: flex-start;
}
.with-right-arrow {
	align-self: flex-end;
}
.with-right-arrow::after,
.with-left-arrow::before {
	content: '';
	width: 1.5em;
	height: 2.0em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url("/sites/default/files/2025-03/wocba_arrow.svg");
}
.with-right-arrow::after {
	margin-left: 0.3em;
}
.with-right-arrow:hover::after,
a[href]:hover .with-right-arrow::after,
a[href]:hover ~ .with-right-arrow::after {
	margin-left: 0.6em;
	margin-right: -0.3em;
}
.with-left-arrow::before {
	margin-right: 0.3em;
	transform: scale(-1, 1);
}
.with-left-arrow:hover::before,
a[href]:hover ~ .with-left-arrow::before {
	margin-right: 0.6em;
	margin-left: -0.3em;
}

#event-index .with-right-arrow,
#movie-index .with-right-arrow {
	margin-top: 1.5rem;
}




/* --------------- Section Index -------------- */
section.content-index > h3 {
	color: var(--ucbcgray);
}
.content-index > ul {
	margin-top: 1.5rem;
}
.content-index li {
	background-color: var(--ucbcwhite);
	position: relative;
	padding: 1.5rem;
	align-self: center;
	display: flex;
	align-items: center;
}
.content-index li > p {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.2;
    color: var(--wocbaaccent);
	width: 100%;
}
.content-index li > .with-right-arrow {
	justify-content: space-between;
	color: var(--wocbaaccent);
	align-self: center;
}
.content-index li > .with-right-arrow::after {
	transition: all 0.3s ease-in-out;
}
.content-index > * {
	z-index: 80;
}
.content-index li > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.section.index a > p {
	flex-grow: 0;
	align-self: flex-end;
	font-weight: bold;
}

.content-index .lead {
	margin-bottom: 2.0rem;
}



/* --------------- RA modal (外部リンクなど用) -------------- */
html:has(body.ra-modal-bg) {
	overflow: hidden;
}
#ra-modal {
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	align-items: center;
	z-index: 1000;
}
#ra-modal.is-open {
	display: flex;
	justify-content: center;
	align-items: center;
	animation: is-open .5s linear 0s;
}
@keyframes is-open{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
#ra-modal-main {
	padding: 2.0rem;
	background-color: #FFF;
	display: grid;
	row-gap:1.0rem;
}
@media screen and (min-width: 769px){
	#ra-modal-main {
		border-radius: 0.5rem;
		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
	}
}
#ra-modal-main > h3 {
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--raaccent);
	text-align: center;
}
#ra-modal-main > div {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	margin: 1.0rem auto 0 auto;
	column-gap: 1.5rem;
}
#ra-modal-main a {
	text-align: center;
	background-color: var(--raaccent);
	color: #fff;
	border-radius: 1.5rem;
	width: 8.0rem;
	padding: 0.6rem 0 0.5rem;
	text-decoration: none;
}



#wocba-top-visual {
	position: relative;
	aspect-ratio: 4 / 2;
	width: 100%;
	margin-bottom: 4.0rem;
}
#wocba-top-visual img {
	position: absolute;
	display: block;
	z-index: 10;
}
#wocba-top-visual-1 {
	top: 0;
	right: 0;
	width:65%;
}
#wocba-top-visual-2 {
	bottom: 0;
	left: 0;
	width:30%;
}

#wocba-top-visual h1 {
	position: relative;
	z-index: 100;
	font-size: min(3.1rem, 3.0vw);
	font-size: min(2.2rem, 5.8vw);
	font-weight: normal;
	line-height: normal;
	font-feature-settings: "palt";
	padding-top: 1.0rem;
    text-shadow:
            3px 3px 3px var(--rabg), -3px -3px 3px var(--rabg),
           -3px 3px 3px var(--rabg),  3px -3px 3px var(--rabg),
            3px 0px 3px var(--rabg), -3px -0px 3px var(--rabg),
            0px 3px 3px var(--rabg),  0px -3px 3px var(--rabg);
}
#wocba-top-visual h1 span {
	color: #1b92bb;
	font-size: 125%;
}

@media screen and (max-width: 575.98px){
	#wocba-top-visual {
		aspect-ratio: 4 / 3.7;
	}
	#wocba-top-visual h1 {
		padding: 0;
	}
	#wocba-top-visual-1 {
		top: 4.5rem;
		right: 0;
		width:80%;
	}
	#wocba-top-visual-2 {
		bottom: 0;
		left: 0;
		width:50%;
	}
}





header:not(.event_header):not(.mg_header)#header {
	padding: 0.7rem 0 0.2rem;
}
@media screen and (max-width: 768.98px) {
	header:not(.event_header)#header.ra_header {
		padding: 0;
    }
}

/* --------------- Preconception Care Checklist --------------- */
#preconception-care-checklist {
	width: 100%;
	padding: 0;
}
#preconception-care-checklist * {
	padding: 0;
}
#preconception-care-checklist li {
	list-style-type: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	border: 1px solid var(--ucbcgraylight);
	padding: 0.5rem;
	margin: 0;
	line-height: 1.6;
}
#preconception-care-checklist li::before {
	content: "\025A1\000A0";
	white-space: nowrap;
	flex-shrink: 0;
	flex-grow: 0;

}
#preconception-care-checklist span {
	display: block;
	background-color: var(--wocbaaccent);
	color: var(--ucbcwhite);
	padding: 0.5rem;
	margin: 2px 0;
}
#preconception-care-checklist li:has(dl) {
	display: contents;
}
#preconception-care-checklist li:has(dl)::before {
	display: none;
}
figure > .wocba-figure-inner #preconception-care-checklist li:not(:first-of-type) {
    margin-top: 2px;
}

/* --------------- reference --------------- */
.reference {
	margin-top: 4.0rem;
	display: grid;
	grid-template-columns: max-content auto;
	row-gap: 0.3em;
	align-items: start;
}
section section .reference {
	margin-top: 2.4rem;
}
.reference > * {
	font-size: 0.8rem;
	color: var(--ucbcgray);
	line-height: 1.4em;
}
.reference dt {
	justify-self: end;
}
.reference dt::after {
	content: "\0FF09"; /* ） */
}

/* --------------- wocba-survey-overview --------------- */
figure + .wocba-survey-overview {
	margin-top: -0.8rem;
}
.wocba-survey-overview dt {
	font-weight: bold;
}

/* --------------- section --------------- */
section.wocba-content {
	margin-top: 3.2rem;
}
section.wocba-content section {
	margin-top: 2.4rem;
}

/* --------------- figure --------------- */
figure {
	margin: 1.6rem 0;
}
figure > picture,
figure > .wocba-figure-inner {
	padding: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 1.0rem;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
}
figure > .wocba-figure-inner {
	padding: 1.6rem;
	flex-direction: column;
	align-items: flex-start;
}
figure > .wocba-figure-inner picture {
	align-self: center;
}
figure > .wocba-figure-inner ul {
	margin: 0;
	padding-left: 2.0rem;
	list-style-type: disc;
}
figure > .wocba-figure-inner ul h4{
	font-weight: bold;
}
figure > .wocba-figure-inner ul li:not(:first-of-type) {
		margin-top: 0.4rem;
}
figure > .wocba-figure-inner ul li > p{
	line-height: 1.6;
}
/* --------------- figcaption --------------- */
figcaption {
	color: var(--wocbaaccent);
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
}
figcaption dl {
	display: grid;
	grid-template-columns: max-content auto;
	width: fit-content;
	margin: 0 auto 1.0rem;
}
figcaption dt {
	margin-right: 0.5rem;
}
@media screen and (max-width: 768.98px){
	figcaption dl {
		margin-left: 0;
	}
}

/* --------------- H2 --------------- */
.wocba-content h2 {
	font-weight: bold;
	font-size: 150%;
	line-height: 1.8;
	margin-bottom: 1.0rem;
	padding-bottom: 0.5rem;
}
.wocba-content h2 {
	color: var(--wocbaaccent);
	border-bottom: 2px solid rgba(22, 142, 186, .3);
}
.wocba-content h2 > span {
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 1.0rem;
}
.wocba-content h2 > span > * {
	line-height: 1.6;
}
.wocba-content h2 > span > span:first-of-type {
	background-color: var(--wocbaaccent);
	color: var(--ucbcwhite);
	padding: 0.2rem 1.0rem;
	border-radius: 0.5rem;
	width: fit-content;
	display: flex;
	align-items: center;

}
@media screen and (max-width: 768.98px){
	.wocba-content h2 > span {
		grid-template-columns: 1fr;
		row-gap: 0.4rem;
	}
	.wocba-content h2 > span > span br {
		display: contents;
	}
}
/* --------------- H3 --------------- */

.wocba-content h3 {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.8rem;
	margin-bottom: 0.8rem;
	display: flex;
	align-items: flex-start;
}
.wocba-content h3::before {
	content: '';
	display: block;
	background-color: var(--ucbcwhite);
	border: 3px solid var(--wocbaaccent);
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0.35rem 0.5rem 0.25rem 0;
	flex-shrink: 0;
}

/* --------------- In Contens Reference --------------- */
.in-contents-reference {
	display: flex;
	justify-content: flex-end;
	margin: 0.5rem 0 1.6rem;
	font-size: 85%;
	line-height: 1.4;
	text-align: right;
}
figure + .in-contents-reference {
	margin-top: -0.8rem;
}







/* --------------- Internal Links --------------- */
.internal-links ul {
	background-color: var(--ucbcwhite);
}
.internal-links a {
	color: var(--raaccent);
}
.internal-links li {
	display: flex;
	position: relative;
	align-items: flex-start;
	font-weight: bold;
	padding: 0.3rem 0;
}
.internal-links li:has(a[href*="-"]) {
	margin-left: 1.5rem;
	font-weight: normal;
}
.internal-links li::before {
	content: '';
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	border-top: 2.0px solid var(--raaccent);
	border-right: 2.0px solid var(--raaccent);
	transform: rotate(135deg);
	margin: 0.75rem 0.5rem 0 0;
	flex-shrink: 0;
}
@media screen and (min-width: 769px){
	.internal-links ul {
		padding: 1.0rem;
		border: 1px solid var(--ucbcgraylight);
		border-radius: 1.0rem;
	}
}
@media screen and (max-width: 768.98px){
	.internal-links .wrapper{
		display: contents;
	}
	.internal-links ul {
		padding: 1.0rem;
		border-top: 1px solid var(--ucbcgraylight);
		border-bottom: 1px solid var(--ucbcgraylight);
	}
}
.wocba-internal-links a {
	color: var(--wocbaaccent);
}
.wocba-internal-links li::before {
	border-top-color: var(--wocbaaccent);
	border-right-color: var(--wocbaaccent);
}
.internal-links dl {
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 0.5rem;
}
.internal-links dl dt {
	color: var(--ucbcwhite);
	background-color: var(--wocbaaccent);
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 769px){
	.internal-links dl dt {
		line-height: 1;
		padding: 0 0.3rem;
	}
}
@media screen and (max-width: 768.98px){
	.internal-links dl {
		grid-template-columns: 1fr;
	}
	.internal-links dl dt {
		width: fit-content;
		height: 2.0rem;
		padding: 0 0.5rem;
	}
}





/* --------------- Flowchart --------------- */
.wocba-flow-container {
	padding: 0.6rem 0.6rem 1.6rem 0.6rem;
	background-color: #fff;
	border-radius: 1.0rem;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
}
.wocba-flow-wrap {
	display: grid;
}
.wocba-flow-wrap + .in-contents-reference {
	margin-top: 2.0rem;
}
#wocba-flow-wrap-01a {
	grid-template-columns: 1fr 3px 1fr 3px 1fr 3px 1fr;
	grid-template-rows: max-content max-content 2.0rem max-content 2.0rem max-content 2.0rem max-content 2.0rem 3px 2.0rem;
}
@media screen and (min-width: 1000px){
	#wocba-flow-wrap-01a #wocba-flow-01-02 {
		z-index: 26;
	}
	#wocba-flow-wrap-01a #wocba-flow-01-04 {
		z-index: 25;
	}
	#wocba-flow-wrap-01a #wocba-flow-01-06 {
		z-index: 24;
	}
	#wocba-flow-wrap-01a #wocba-flow-01-07 {
		z-index: 23;
	}
	#wocba-flow-wrap-01a #wocba-flow-01-09 {
		z-index: 22;
	}
	#wocba-flow-wrap-01a #wocba-flow-01-10 {
		z-index: 21;
	}
}
#wocba-flow-wrap-01b {
	grid-template-columns: 1fr 3px 1fr 3px 1fr 3px 1fr;
	grid-template-rows: 3px 2.0rem max-content;
	width: fit-content;
	margin: 0 auto;
}
#wocba-flow-wrap-02 {
	grid-template-columns: 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr;
	grid-template-rows: max-content 2.0rem max-content 2.0rem 3px 4.0rem min-content 2.0rem min-content 2.0rem max-content 2.0rem max-content 2.0rem max-content 2.0rem 3px 2.0rem max-content 2.0rem max-content;
}
.wocba-flow-box {
	border-radius: 0.5rem;
	margin: 0 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	padding: 1.0rem;
	align-self: start;
}
.wocba-flow-box[class*="wocba-flow-box-"] {
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);
}
#wocba-flow-wrap-01b > .wocba-flow-box {
	align-self: center;
	height: 100%;
	padding-left: 3.0rem;
	padding-right: 3.0rem;
}
.wocba-flow-box > * {
	flex-grow: 2;
}
.wocba-flow-box:has(.wocba-flow-link-wrapper) {
	min-height: 6.0rem;
	z-index: 21;
}
.wocba-flow-box h4 {
	font-size: 120%;
	text-align: center;
	margin: 0;
	font-weight: bold;
}
.wocba-flow-box ul {
	margin: 0;
	padding-left: 2.0rem;
	list-style-type: disc;
}
.wocba-flow-link-wrapper .wocba-flow-box ul {
	margin-right: 4.5rem;
}
.wocba-flow-box dd {
	margin: 0.5rem 0 0 0;
}
.wocba-flow-line {
	background-color: #aaa;
	position: relative;
	z-index:10;
}
.wocba-flow-line-with-triangle {
	margin-bottom: 0.5rem;
}
.wocba-flow-line-with-triangle::after {
	content: '';
	display: block;
	background-color: #aaa;
	position: absolute;
	bottom: -0.5rem;
	left: calc(-0.5rem + 1px);
	height: calc(1.0rem / 2 * tan(60deg));
	width: calc(1.0rem + 1px);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.wocba-flow-label {
	font-size: 120%;
	font-weight: bold;
	align-self: end;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.wocba-flow-box-b {
	background-color: #c8e6fa;
}
.wocba-flow-box-y {
	background-color: #fffbcc;
}
.wocba-flow-box-r {
	background-color: #f5d5e5;
}
.wocba-flow-wrap-legend {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1.0rem;
	width: fit-content;
	margin: 1.0rem 1.5rem 4.0rem auto;
}
.wocba-flow-wrap-legend .wocba-flow-box{
	margin: 0;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0.5rem;
}
.wocba-link-to-faq {
	text-decoration: none;
	width: 3.0rem;
	aspect-ratio: 1/ 1;
	background-color:var(--wocbaaccent);
	border: 1px solid var(--wocbaaccent);
	border-radius: 50%;
	color: #fff;
	font-size: 90%;
	transition: all 0.3s;
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
}
.wocba-link-to-faq a {
	display: block;
	z-index:20;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
}
.wocba-link-to-faq h5 {
	display: flex;
	margin: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	z-index:10;
}
.wocba-flow-link-wrapper a:hover + h5 {
	background-color: #fff;
	color:#168fba;
}
.wocba-flow-question {
	color: #000;
	position: absolute;
	font-size: 120%;
	width: 250px;
	margin: 0;
	background-color: #fff;
	border-radius: 0.5rem;
	padding: 1.0rem;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
	z-index: 30;
	opacity: 0;
	display: none;
	transition: all 0.3s;
	pointer-events: none;
}
@media screen and (min-width: 1000px){
	.wocba-flow-question-left {
		left: calc(-251px - 1.0rem);
		top: 50%;
		transform: translate(0, -50%);
		display: flex;
		align-items: center;
	}
	.wocba-flow-question-left::after {
		content: '';
		display: block;
		background-color: #fff;
		position: absolute;
		right: -1.0rem;
		height: calc(1.0rem / 2 * tan(60deg));
		width: calc(1.0rem + 1px);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
}
.wocba-flow-question-top {
	bottom: calc(4.0rem - 2px);
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wocba-flow-question-top::after {
	content: '';
	display: block;
	background-color: #fff;
	position: absolute;
	height: calc(1.0rem / 2 * tan(60deg));
	width: calc(1.0rem + 1px);
	bottom: calc(1.0rem / -2 * tan(60deg));
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.wocba-flow-link-wrapper a:hover ~ .wocba-flow-question {
	opacity: 1;
}
#wocba-flow-01-01 {
	grid-row: 1;
	grid-column: 1 / 4;
}
#wocba-flow-01-02 {
	grid-row: 2;
	grid-column: 1 / 4;
}
#wocba-flow-01-03 {
	grid-row: 3 / 10;
	grid-column: 2;
}
#wocba-flow-01-04 {
	grid-row: 4;
	grid-column: 1 / 4;
}
#wocba-flow-01-05 {
	grid-row: 4 / 6;
	grid-column: 5 / 8;
	align-self: end;
}
#wocba-flow-01-06 {
	grid-row: 6;
	grid-column: 1 / 4;
}
#wocba-flow-01-07 {
	grid-row: 6;
	grid-column: 5 / 8;
}
#wocba-flow-01-08 {
	grid-row: 6 / 10;
	grid-column: 6;
}
#wocba-flow-01-09 {
	grid-row: 8;
	grid-column: 1 / 4;
}
#wocba-flow-01-10 {
	grid-row: 8;
	grid-column: 5 / 8;
}
#wocba-flow-01-11 {
	grid-row: 10;
	grid-column: 2 / 7;
}
#wocba-flow-01-12 {
	grid-row: 11;
	grid-column: 4;
}

#wocba-flow-01-13 {
	grid-row: 1;
	grid-column: 2 / 7;
}
#wocba-flow-01-14 {
	grid-row: 2;
	grid-column: 2;
}
#wocba-flow-01-15 {
	grid-row: 2;
	grid-column: 6;
}
#wocba-flow-01-16 {
	grid-row: 3;
	grid-column: 1 / 4;
}
#wocba-flow-01-17 {
	grid-row: 3;
	grid-column: 5 / 8;
}

#wocba-flow-02-01 {
	grid-row: 1;
	grid-column: 3 / 6;
}
#wocba-flow-02-02 {
	grid-row: 1;
	grid-column: 7 / 10;
	z-index: 22;
}
#wocba-flow-02-03 {
	grid-row: 1 / 5;
	grid-column: 4;
}
#wocba-flow-02-04 {
	grid-row: 2;
	grid-column: 8;
}
#wocba-flow-02-05 {
	grid-row: 3;
	grid-column: 3 / 6;
}
#wocba-flow-02-06 {
	grid-row: 3;
	grid-column: 7 / 10;
}
#wocba-flow-02-07 {
	grid-row: 5;
	grid-column: 2 / 7;
}
#wocba-flow-02-08 {
	grid-row: 6;
	grid-column: 1;
	justify-self: left;
}
#wocba-flow-02-09 {
	grid-row: 6 / 15;
	grid-column: 2;
}
#wocba-flow-02-10 {
	grid-row: 6 / 15;
	grid-column: 6;
}
#wocba-flow-02-11 {
	grid-row: 6;
	grid-column: 7;
	justify-self: end;
}
#wocba-flow-02-12 {
	grid-row: 7;
	grid-column: 1 / 4;
}
#wocba-flow-02-13 {
	grid-row: 7 / 9;
	grid-column: 5 / 8;
}
#wocba-flow-02-14 {
	grid-row: 9;
	grid-column: 1 / 4;
}
#wocba-flow-02-15 {
	grid-row: 11;
	grid-column: 1 / 8;
}
#wocba-flow-02-16 {
	grid-row: 13;
	grid-column: 1 / 4;
}
#wocba-flow-02-17 {
	grid-row: 13;
	grid-column: 5 / 8;
}
#wocba-flow-02-18 {
	grid-row: 15;
	grid-column: 1 / 8;
}
#wocba-flow-02-19 {
	grid-row: 16;
	grid-column: 4;
}
#wocba-flow-02-20 {
	grid-row: 17;
	grid-column: 2 / 7;
}
#wocba-flow-02-21 {
	grid-row: 18;
	grid-column: 2;
}
#wocba-flow-02-22 {
	grid-row: 18 / 21;
	grid-column: 6;
}
#wocba-flow-02-23 {
	grid-row: 19;
	grid-column: 1 / 4;
}
#wocba-flow-02-24 {
	grid-row: 19;
	grid-column: 5 / 8;
}
#wocba-flow-02-25 {
	grid-row: 21;
	grid-column: 5 / 8;
}
@media screen and (max-width: 999.98px) {
	.wocba-flow-link-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	dl + .wocba-link-to-faq {
		margin-top: 1.0rem;
	}
	.wocba-link-to-faq {
		position: relative;
		right: auto;
		bottom: auto;
	}
	.wocba-flow-question-left {
		bottom: calc(4.0rem - 2px);
		left: 50%;
		transform: translate(-50%, 0);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.wocba-flow-question-left::after {
		content: '';
		display: block;
		background-color: #fff;
		position: absolute;
		height: calc(1.0rem / 2 * tan(60deg));
		width: calc(1.0rem + 1px);
		bottom: calc(1.0rem / -2 * tan(60deg) + 1px);
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
}
@media screen and (max-width: 768.98px){
	.wocba-flow-box * {
		font-size: 0.9rem;
	}
	.wocba-flow-box h4,
	.wocba-flow-wrap .wocba-flow-label {
		font-size: 1.0rem;
	}
	.wocba-flow-wrap .ib {
		display: inline;
	}
	.wocba-flow-box {
		margin: 0 0.5rem;
		padding: 0.5rem;
	}
	.wocba-flow-label {
		margin-left: 0;
		margin-right: 0;
		padding: 0.5rem;
	}
	.wocba-flow-question {
		width: 150px;
	}
	#wocba-flow-wrap-02 {
		grid-template-columns: 1fr 3px 1fr 3px 1fr 3px 1fr;
		grid-template-rows: max-content 2.0rem max-content 2.0rem 3px 4.0rem min-content 2.0rem min-content 2.0rem max-content 2.0rem max-content 2.0rem max-content 2.0rem 3px 2.0rem max-content 2.0rem max-content 4.0rem max-content 2.0rem max-content;
	}
	#wocba-flow-02-02 {
		grid-row: 23;
		grid-column: 3 / 6;
	}
	#wocba-flow-02-04 {
		grid-row: 24;
		grid-column: 4;
	}
	#wocba-flow-02-06 {
		grid-row: 25;
		grid-column: 3 / 6;
	}
	#wocba-flow-wrap-01b > .wocba-flow-box {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}
}
@media screen and (max-width: 575.98px){
	.wocba-flow-wrap-legend {
		grid-template-columns: max-content;
		grid-auto-rows: max-content;
		row-gap: 0.5rem;
		width: fit-content;
		margin: 1.0rem 0.5rem 3.0rem auto;
	}
}

@media screen and (max-width: 768.98px){
	#about_preconception_care_img_01 {
		max-width: 400px;
	}
	#about_preconception_care_img_02,
	#patient-anxiety-and-question_01 {
		max-width: 550px;
	}
	#about_preconception_care_img_03,
	#about_preconception_care_img_04 {
		max-width: 500px;
	}
}


.secFtSiteLink {
	margin: 0;
	padding: 2.0rem 0;
}
.secFtSiteLink .linkList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 2.0rem;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}
.secFtSiteLink .linkList li {
	width: 100%;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 992.98px) {
	.secFtSiteLink .linkList {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 2.0rem;
	}
}
@media screen and (max-width: 768.98px){
	.secFtSiteLink .linkList {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --------------- Show Supervisors --------------- */
#block-show-wocba-supervisors {
	background-color: #edf2f5;
	padding: 1.0rem 0;
}
#block-show-wocba-supervisors .wrapper {
	text-align: left;
}
#block-show-wocba-supervisors .wrapper a {
	font-weight: bold;
	color: var(--wocbaaccent);
	text-decoration: none;
}

/* --------------- Supervisors --------------- */
#wocba-supervisors h1 {
	font-size: 1.7rem;
	line-height: 2.0rem;
	font-weight: bold;
	border-left: 0.5rem solid var(--wocbaaccent);
	padding-left: 0.5rem;
	padding-right: 4.0rem;
	margin: 1.6rem 0 3.2rem 0;
}
#wocba-supervisors-close {
    position: absolute;
    box-sizing: border-box;
    right: 0.8rem;
    top: 1.2rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    border: 3px solid var(--wocbaaccent);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
    padding: 2px 0 0 0;
	transition: all 0.3s ease-in-out;
}
#wocba-supervisors-close:hover {
	background-color: var(--wocbaaccent);
}
.wocba-supervisors-close-symbol {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
#sym1.wocba-supervisors-close-symbol::after,
#sym2.wocba-supervisors-close-symbol::after {
    content: "";
    display: block;
    width: 70%;
    height: 3px;
    background: var(--wocbaaccent);
	transition: all 0.3s ease-in-out;
}
#sym1.wocba-supervisors-close-symbol::after {
    transform: rotate(45deg);
}
#sym2.wocba-supervisors-close-symbol::after {
    transform: rotate(-45deg);
}
#wocba-supervisors-close:hover #sym1.wocba-supervisors-close-symbol::after,
#wocba-supervisors-close:hover #sym2.wocba-supervisors-close-symbol::after {
	background-color:#FFF;
}
#wocba-supervisors-wrapper {
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 3.6rem;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	align-items: center;
	z-index: 1000;
}
#wocba-supervisors-wrapper.is-open {
	display: flex;
	justify-content: center;
	align-items: center;
	animation: is-open .5s linear 0s;
}
#wocba-supervisors {
	width: 100%;
	max-width: 1000px;
	background-color: #FFF;
	border-radius: 0.5rem;
	position: relative;
	padding: 0 0.8rem 0 2.4rem;
	box-sizing: border-box;
}
#wocba-supervisors-scrollable {
	max-height: 100%;
	overflow-y: scroll;
	height: fit-content;
	max-height: calc(100vh - 14.0rem);
}
#wocba-supervisors-main {
	padding: 0 0.8rem 3.2rem 0;
}
#wocba-supervisors-main > .wocba-content:first-of-type {
	margin-top: 0;
}
#wocba-supervisors li {
	margin-top: 0.5rem;
}
#wocba-supervisors .note {
	margin-top: 2.4rem;
}

@media screen and (max-width: 768.98px){

	#wocba-supervisors-wrapper {
		padding: 0;
		height: 100vh;
	}
	#wocba-supervisors {
		max-height: auto;
		height: 100vh;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		padding-left: 1.0rem;
		padding-right: 0;
	}
	#wocba-supervisors-scrollable {
		max-height: none;
		padding-right: 0;
	}
}




#section00 {
	margin: 0 0 2.0rem 0;
}

.wocba-commentator {
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 0.5rem;
}
.wocba-commentator > dt {
	background-color: var(--wocbaaccent);
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 1.5rem;
	border-radius: 0.2rem;
}
.wocba-commentator-name dt,
.wocba-commentator-affiliation dt {
	display: none;
}
.wocba-commentator-name dd,
.wocba-commentator-affiliation dd {
	line-height: 1.4;
}
.wocba-commentator-name dd {
	font-size: 1.1rem;
}
@media screen and (max-width: 768.98px){
	.wocba-commentator > dt {
		padding: 0 0.5rem;
	}
}

.page-title {
	line-height: 1.0;
	padding: 0.5rem;
}
.page-title .wocba-category {
	display: block;
	font-size: 80%;
	padding-bottom: 0.3rem;
	color: #888;
}
.link-prev a,
.link-next a {
	line-height: 1.4;
}
.link-prev a.with-left-arrow::before,
.link-next a.with-right-arrow::after {
	height: 3.0rem;
}
.link-prev .wocba-category,
.link-next .wocba-category {
	display: block;
	font-size: 80%;
}



@media screen and (max-width: 768.98px){
	body.page-node-type-ra-basic-page #block-ucbcarejp-pagetitle h1.page-title {
		font-size: 1.4rem;
	}
	.wocba-content h2 {
		font-size: 130%;
	}
	.wocba-content h3 {
		font-size: 120%;
	}
	figcaption {
		font-size: 100%;
	}
}



.mainVis {
	max-width: 1280px;
	max-height: 100%;
    margin: 0 auto;
    position: relative;
}
div:has(.mainVis){
	margin: 2.0rem 0 0 0;
}
.mainVis .imgCol {
	margin-left: auto;
	max-width: 848px;
}
.mainVis .txtCol {
    position: absolute;
    left: 40px;
    top: 128px;
    text-shadow:
            5px 5px 3px #f7f5f8, -5px -5px 3px #f7f5f8,
           -5px 5px 3px #f7f5f8,  5px -5px 3px #f7f5f8,
            5px 0px 3px #f7f5f8, -5px -0px 3px #f7f5f8,
            0px 5px 3px #f7f5f8,  0px -5px 3px #f7f5f8;
}
.mainVis .txtCol .secTtl .secTtlEn {
    font-size: 3.37rem;
	font-weight: bold;
    display: block;
	line-height: 1.0em;
}
.mainVis .txtCol .secTtl .secTtlJP {
    font-size: 1.69rem;
    font-weight: bold;
    color: #13816d;
    margin-top: 23px;
    display: block;
}
.mainVis .txtCol .pageLead {
    font-size: 1.1rem;
    line-height: 1.688;
    font-weight: bold;
    margin-top: 10px;
}

@media screen and (max-width: 999.98px) and (min-width: 769px) {

	.mainVis .txtCol .secTtl .secTtlEn {
		font-size: 3.10rem;
	}
	.mainVis .secInr {
		display: grid;
		grid-template-columns: 100%;
	}
	.mainVis .imgCol {
		margin: auto;
		width: 100%;
	}
	.mainVis .secInr > * {
		position: relative;
		padding: 0;
	}
	.mainVis .txtCol {
		position: absolute;
		width: 40%;
		top: 0;
		left: 2.0rem;
	}


}

@media screen and (max-width: 999.98px) {
	.mainVis .txtCol .max-only {
		display: none;
	}
}

@media screen and (max-width: 768.98px) {
   .mainVis .imgCol {
        max-width:none;
    }

   .mainVis .txtCol {
        position: static;
    }

   .mainVis .txtCol .secTtl .secTtlEn {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: min(9vw, 3.0rem);
        text-align: center;
        letter-spacing: 0.08em;
    }

   .mainVis .txtCol {
        margin-top: -5px;
        text-align: center;
        padding: 0 25px;
    }

   .mainVis .txtCol .secTtl .secTtlJP {
        font-size: min(6vw, 1.7rem);
        margin-top: 0;
    }

   .mainVis .txtCol .pageLead {
        font-size: 1.1rem;
        margin-top: 0.5rem;
    }

}


.secInr:has(.secSeminarInfo) {
	padding: 0 25px;
    max-width: 1250px;
}

.secSeminarInfo {
    margin: 40px auto 0;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.secSeminarInfo .secInr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.secSeminarInfo .secTtlWrap {
    width: 205px;
}

.secSeminarInfo .secTtlWrap .secTtl {
    font-size: 1.25rem;
    font-weight: bold;
    color: #222;
    margin-top: 0;
	line-height: 1.88rem;
	margin-bottom: 0.5rem;
}

.secSeminarInfo .secCts {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 30px;
}

.secSeminarInfo .secCts .itemList {
    line-height: 2.0rem;
}
.secSeminarInfo .secCts .itemList .item {
	margin-top: 0;
}
.secSeminarInfo .secCts .itemList .item:not(:first-child) {
    margin-top: 0.5rem;
}

.secSeminarInfo .secCts .itemList .item > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	line-height: 2.0rem;
}

.secSeminarInfo .secCts .itemList .item a {
    text-decoration: none;
}

.secSeminarInfo .secCts .itemList .item .date {
    font-size: 1.0rem;
    white-space: nowrap;
	margin-right: 2.0rem;
	width: fit-content;
}

.secSeminarInfo .secCts .itemList .item .txtLine {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	align-items: flex-start;
}

.secSeminarInfo .secCts .itemList .item .txtLine .with-right-arrow-ra {
    line-height: 1.5rem;
}
.secSeminarInfo .secCts .itemList .item .txtLine .txt {
    font-size: 1.0rem;
    font-weight: bold;
	margin-right: 2.0rem;
}

.secSeminarInfo .secCts .itemList .item .txtLine .txt br {
	display: none;
}

.secSeminarInfo .secCts .itemList .item a:hover .txtLine .txt {
    text-decoration: underline;
}


@media screen and (max-width: 768.98px) {
    .secSeminarInfo {
        margin-top:65px;
		flex-direction: column;
    }

    .secSeminarInfo > * {
		width: 100%;
	}

    .secSeminarInfo .secInr {
        display: block;
    }

    .secSeminarInfo .secTtlWrap {
        width: auto;
        padding-left: 0;
    }

    .secSeminarInfo .secTtlWrap .secTtl {
        font-size: 1.56rem;
		margin-bottom: 1.5rem;
    }

    .secSeminarInfo .secCts {
        padding-right: 0;
        margin-top: 0;
    }

    .secSeminarInfo .secCts .itemList {
        line-height: 1.35;
    }

    .secSeminarInfo .secCts .itemList .item:not(:first-child) {
        margin-top: 0;
    }

    .secSeminarInfo .secCts .itemList .item {
        padding: 1.5rem 0;
    }

    .secSeminarInfo .secCts .itemList .item {
        border-bottom: 1px solid #d0c5d5;
    }
    .secSeminarInfo .secCts .itemList .item:first-child {
        border-top: 1px solid #d0c5d5;
	}
    .secSeminarInfo .secCts .itemList .item > * {
        display: block;
    }

    .secSeminarInfo .secCts .itemList .item a {
        text-decoration: none;
    }

    .secSeminarInfo .secCts .itemList .item .date {
        width: auto;
    }

    .secSeminarInfo .secCts .itemList .item .txtLine {
        display: block;
        margin-top: 5px;
    }

    .secSeminarInfo .secCts .itemList .item .txtLine .txt {
        font-size: 1.0rem;
        font-weight: bold;
    }

    .secSeminarInfo .secCts .itemList .item a:hover .txtLine .txt {
        text-decoration: underline;
    }

    .secSeminarInfo .secCts .itemList .item .txtLine .with-right-arrow-ra {
		justify-self: end;
	}

}




.secProduct {
    margin-top: 95px;
    padding-top: 10px !important;
    padding-bottom: 80px !important;
}
.secProduct .secInr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.secProduct .infoCol {
    width: 31%;
    box-sizing: border-box;
}
.secProduct .infoCol .dsc {
    font-size: 1.0rem;
    line-height: 1.75;
    margin-top: 40px;
    font-weight: bold;
}
.secProduct .linkCol {
    flex: 1;
}
.secProduct .linkCol .colInr {
    display: flex;
    padding: 20px;
    background: #fff;
    text-decoration: none;
	align-items: flex-start;
}
.secProduct .linkCol .colInr .with-right-arrow {
	font-size: 1.0rem;
	margin-top: 1.0rem;
}
.secProduct .linkCol .thum {
    width: 320px;
	max-width: 40%;
}
.secProduct .linkCol .thum img {
    width: 100%;
    transition: opacity 0.3s linear;
}
.secProduct .linkCol a:hover .thum img {
    opacity: 0.7;
}
.secProduct .linkCol .txtCol {
    flex: 1;
    box-sizing: border-box;
    padding-left: 20px;
	padding-right: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
}
.secProduct .linkCol .txtCol .ttl {
    font-size: 1.63rem;
    font-weight: bold;
}
.secProduct .linkCol .txtCol .linkDsc {
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1.75;
    margin-top: 15px;
}

@media screen and (max-width: 999.98px) {
	.secProduct .secInr {
		flex-direction: column;
	}
	.secProduct .infoCol .dsc {
		margin: 1.0rem 0;
	}
	.secProduct .infoCol .dsc br {
		display: none;
	}
	.secProduct .infoCol {
		width: 100%;
	}
}

@media screen and (max-width: 768.98px) {
	.secProduct .linkCol .colInr {
		flex-direction: column;
	}
	.secProduct .linkCol .txtCol {
		padding: 20px 0 0 0;
	}
	.secProduct .linkCol .thum {
		background-color: #f7f5f8;
		max-width: 100%;
		width: 100%;
	}
	.secProduct .linkCol .thum img {
		display: block;
		justify-self: center;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.secProduct .linkCol .txtCol .ttl {
		font-size: 1.25rem;
	}
}





.with-right-arrow.with-right-arrow-ra::after {
	background-image: url(/themes/custom/ucbcarejp/images/icn_arw_gr.svg);
}



.pmd-btnDtlArw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    padding: 0 27px;
    color: #fff;
    font-size: 1.0rem;
    font-weight: bold;
    background: #13816d;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.pmd-btnDtlArw:hover {
    opacity: 0.7;
}

.pmd-btnDtlArw .arw {
	display: flex;
 	align-items: center;
	justify-content: space-between;
}

.pmd-btnDtlArw .arw::after {
    content: "";
    display: block;
	margin-left: 13px;
    width: 25px;
    height: 7px;
    background: url(/themes/custom/ucbcarejp/images/icn_arw_wt.svg) no-repeat center/contain;
}

@media screen and (max-width: 768.98px) {
    .pmd-btnDtlArw {
        height:50px;
        font-size: 0.94rem;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        padding-right: 17px;
    }

    .pmd-btnDtlArw .arw::after {
        top: 4px;
        width: 19px;
        height: 4px;
    }
}




.pmd-secTtl {
    line-height: 1.5;
}
.pmd-secTtl .secTtlJP {
    font-size: 2.0rem;
    font-weight: bold;
    display: block;
}
.pmd-secTtl .secTtlEN {
    font-size: 0.93rem;
    font-weight: bold;
    font-family: 'noto-sans',sans-serif;
    color: #13816d;
    display: block;
    /*margin-top: 12px;*/
    letter-spacing: 0.05em;
}








.views-element-container:has(.secTrend) {
	background-color: #FFF;
}

.secTrend {
    padding: 100px 0 90px 0;
	margin: 0 25px;
}

.secTrend > div {
	position: relative;
}

.secTrend .ttlCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.secTrend .ttlCol .ttlImg {
    position: absolute;
    top: 203px;
    left: -59px;
    width: 361px;
}

.secTrend .ttlCol .ttlImg img {
    width: 100%;
}

.secTrend .secDtl {
    padding-left: 348px;
    padding-top: 60px;
}

.secTrend .secDtl .itemList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.secTrend .secDtl .item {
    width: calc(100% / 2 - 12px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.secTrend .secDtl .item .itemInr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    padding: 30px 30px 55px;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
	height: 100%;
}

.secTrend .secDtl .item .thum {
    aspect-ratio: 280 / 160;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    margin: -30px -30px 0;
    width: auto;
}

.secTrend .secDtl .item .itemInr:hover .thum {
    opacity: 0.7;
}

.secTrend .secDtl .item .thum img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.secTrend .secDtl .item .itemTime {
    margin-top: 20px;
    color: #13816d;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    font-size: 0.94rem;
}

.secTrend .secDtl .item .itemTtl {
    margin-top: 18px;
    padding-left: 28px;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: bold;
}

.secTrend .secDtl .item .itemTtl.lock::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/themes/custom/ucbcarejp/images/icn_lock_gr.svg) no-repeat center/contain;
}

.secTrend .btnCol {
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width: 999.98px) {

    .secTrend {
        padding-top:75px;
        padding-bottom: 75px;
    }

    .secTrend .ttlCol {
        display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
    }

    .secTrend .ttlCol .pmd-secTtl {
        position: relative;
        z-index: 2;
		/*align-self: flex-start;*/
		margin-bottom: 1.0rem;
    }

	.secTrend .ttlCol .ttlImg {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 40%;
        min-width: 215px;
    }

    .secTrend .secDtl {
        padding-left: 0;
        padding-top: 35px;
    }

    .secTrend .secDtl .item {
		flex-basis: 50%;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0;
    }

    .secTrend .secDtl .item .itemInr {
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        padding: 10px 10px 35px;
        text-decoration: none;
    }

    .secTrend .secDtl .item .thum {
        aspect-ratio: 335 / 170;
        margin: -10px -10px 0;
    }

    .secTrend .secDtl .item .itemTime {
        margin-top: 18px;
        font-size: 1.4rem;
    }

    .secTrend .secDtl .item .itemTtl {
        margin-top: 10px;
        padding-left: 25px;
        font-size: 1.0rem;
        line-height: 1.5;
    }

    .secTrend .secDtl .item .itemTtl.lock::before {
        top: 4px;
        width: 14px;
        height: 14px;
    }

    .secTrend .btnCol {
        margin-top: 35px;
        position: static;
    }

}

@media screen and (max-width: 768.98px) {

	.cm-ctsIdt.secTrend {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

    .secTrend .ttlCol .pmd-secTtl {
		align-self: flex-start;
    }

	.secTrend .ttlCol .ttlImg {
		width: 50%;
        min-width: 215px;
    }

    .secTrend .secDtl .itemList {
        display: block;
    }

    .secTrend .secDtl .item:not(:first-child) {
        margin-top: 30px;
    }

	.secTrend .ttlCol {
		flex-direction: column;
		justify-content: flex-start;
	}

	.secTrend .ttlCol .ttlImg {
		align-self: center;
	}

}

















.secSeminar {
	padding: 100px 0 90px 0;
	margin: 0 25px;
}
.secSeminar > div {
    position: relative;
}

.secSeminar .ttlCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.secSeminar .ttlCol .ttlImg {
    position: absolute;
    top: 156px;
    left: -76px;
    width: 378px;
}

.secSeminar .ttlCol .ttlImg img {
    width: 100%;
}

.secSeminar .secDtl {
    padding-left: 348px;
    padding-top: 60px;
}

.secSeminar .secDtl .itemList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.secSeminar .secDtl .item {
    width: calc(100% / 2 - 12px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.secSeminar .secDtl .item > article > div {
	height: 100%;
}

.secSeminar .secDtl .item .itemInr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    padding: 30px 25px 50px;
    text-decoration: none;
	height: 100%;
}

.secSeminar .secDtl .item .labelLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.secSeminar .secDtl .item .label {
    color: #13816d;
    font-size: 0.88rem;
    font-weight: bold;
    padding: 7px 12px;
    border: 1px solid #13816d;
    border-radius: 4px;
}

.secSeminar .secDtl .item .itemTtl {
    font-size: 1.38rem;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 10px;
}

.secSeminar .secDtl .item .dlLists {
    margin-top: 45px;
}

.secSeminar .secDtl .item .dlLists dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.6;
    font-size: 0.94rem;
}

.secSeminar .secDtl .item .dlLists dl:not(:first-child) {
    margin-top: 12px;
}

.secSeminar .secDtl .item .dlLists dl dt {
    white-space: nowrap;
    font-weight: bold;
}

.secSeminar .secDtl .item .dlLists dl dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
}

.secSeminar .secDtl .item .dlLists dl dd p:not(:first-child) {
    margin-top: 10px;
}

.secSeminar .btnCol {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 999.98px) {

    .secSeminar {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .secSeminar .ttlCol {
        display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
    }

    .secSeminar .ttlCol .pmd-secTtl {
        position: relative;
        z-index: 2;
		/*align-self: flex-start;*/
		margin-bottom: 1.0rem;
    }

    .secSeminar .ttlCol .ttlImg {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 40%;
        min-width: 220px;
    }

    .secSeminar .secDtl {
        padding-left: 0;
        padding-top: 35px;
    }

    .secSeminar .secDtl .item {
		flex-basis: 50%;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0;
    }

	.secSeminar .secDtl .item article {
		height: 100%;
	}

    .secSeminar .secDtl .item .itemInr {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border-radius: 0;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        padding: 23px 20px 40px;
    }

    .secSeminar .secDtl .item .label {
        font-size: 0.81rem;
        padding: 6px 10px;
        border-radius: 3px;
    }

    .secSeminar .secDtl .item .itemTtl {
        font-size: 1.25rem;
        line-height: 1.3;
        margin-top: 10px;
    }

    .secSeminar .secDtl .item .dlLists {
        margin-top: 35px;
    }

    .secSeminar .secDtl .item .dlLists dl {
        line-height: 1.429;
        font-size: 0.88rem;
    }

    .secSeminar .secDtl .item .dlLists dl:not(:first-child) {
        margin-top: 12px;
    }

    .secSeminar .secDtl .item .dlLists dl dd {
        padding-left: 6px;
    }

    .secSeminar .secDtl .item .dlLists dl dd p:not(:first-child) {
        margin-top: 10px;
    }

    .secSeminar .btnCol {
        margin-top: 50px;
        position: static;
    }

}


@media screen and (max-width: 768.98px) {

	.cm-ctsIdt.secSeminar {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

    .secSeminar .ttlCol .pmd-secTtl {
		align-self: flex-start;
    }

	.secSeminar .ttlCol .ttlImg {
		width: 50%;
        min-width: 220px;
    }

    .secSeminar .secDtl .itemList {
        display: block;
    }

    .secSeminar .secDtl .item:not(:first-child) {
        margin-top: 30px;
    }

	.secSeminar .ttlCol {
		flex-direction: column;
		justify-content: flex-start;
	}

	.secSeminar .ttlCol .ttlImg {
		align-self: center;
	}

}





.views-element-container:has(.secForPatients) {
	background-color: #FFF;
}

.secForPatients {
    padding: 100px 0 90px 0;
	margin: 0 25px;
}

.secForPatients > div {
	position: relative;
}

.secForPatients .ttlCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.secForPatients .ttlCol .ttlImg {
    position: absolute;
    top: 203px;
    left: -59px;
    width: 361px;
}

.secForPatients .ttlCol .ttlImg img {
    width: 100%;
}

.secForPatients .secDtl {
    padding-left: 348px;
    padding-top: 60px;
}

.secForPatients .secDtl .itemList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.secForPatients .secDtl .item {
    width: calc(100% / 2 - 12px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}
.secForPatients .secDtl .item > article > div {
	height: 100%;
}

.secForPatients .secDtl .item .itemInr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
	height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    padding: 30px 30px 55px;
    text-decoration: none;
}

.secForPatients .secDtl .item .thum {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    background: #e1e1e1;
    position: relative;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.secForPatients .secDtl .item .itemInr:hover .thum {
    opacity: 0.7;
}

.secForPatients .secDtl .item .thum img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.secForPatients .secDtl .item .itemTtl {
    margin-top: 18px;
    padding-top: 28px;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: bold;
}

.secForPatients .secDtl .item .itemTtl.lock::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/themes/custom/ucbcarejp/images/icn_lock_gr.svg) no-repeat center/contain;
}

.secForPatients .btnCol {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 999.98px) {

    .secForPatients {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .secForPatients .ttlCol {
        display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

    .secForPatients .ttlCol .pmd-secTtl {
        position: relative;
        z-index: 2;
		/*align-self: flex-start;*/
		margin-bottom: 1.0rem;
    }

    .secForPatients .ttlCol .ttlImg {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
		width: 40%;
        min-width: 215px;
    }

    .secForPatients .secDtl {
        padding-left: 0;
        padding-top: 35px;
    }

    .secForPatients .secDtl .item {
		flex-basis: 50%;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0;
    }

	.secForPatients .secDtl .item article {
		height: 100%;
	}

    .secForPatients .secDtl .item .itemInr {
        border-radius: 0;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        padding: 10px 10px 35px;
        text-decoration: none;
    }

    .secForPatients .secDtl .item .itemTtl {
        margin-top: 18px;
        padding-top: 25px;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .secForPatients .secDtl .item .itemTtl.lock::before {
        width: 14px;
        height: 14px;
    }

    .secForPatients .btnCol {
        margin-top: 35px;
        position: static;
    }

}



@media screen and (max-width: 768.98px) {

	.cm-ctsIdt.secForPatients {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

    .secForPatients .ttlCol .pmd-secTtl {
		align-self: flex-start;
    }

    .secForPatients .ttlCol .ttlImg {
		width: 50%;
        min-width: 215px;
    }

    .secForPatients .secDtl .itemList {
        display: block;
    }

    .secForPatients .secDtl .item:not(:first-child) {
        margin-top: 30px;
    }

	.secForPatients .ttlCol {
		flex-direction: column;
		justify-content: flex-start;
	}

	.secForPatients .ttlCol .ttlImg {
		align-self: center;
	}

}








.secKnowledge {
    padding: 100px 0 90px 0;
	margin: 0 25px;
}

.secKnowledge > div {
	position: relative;
}

.secKnowledge .secInr {
    position: relative;
}

.secKnowledge .ttlCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.secKnowledge .ttlCol .ttlImg {
    position: absolute;
    top: 230px;
    left: -40px;
    width: 354px;
}

.secKnowledge .ttlCol .ttlImg img {
    width: 100%;
}

.secKnowledge .secDtl {
    padding-left: 348px;
    padding-top: 60px;
}

.secKnowledge .secDtl .itemList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.secKnowledge .secDtl .item {
    width: calc(100% / 2 - 12px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.secKnowledge .secDtl .item > article > div {
	height: 100%;
}

.secKnowledge .secDtl .item .itemInr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
	height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    box-shadow: 0px 3px 27px rgba(62,18,82,0.25);
    padding: 30px 30px 55px;
    text-decoration: none;
}

.secKnowledge .secDtl .item .thum {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    background: #e1e1e1;
    position: relative;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.secKnowledge .secDtl .item .itemInr:hover .thum {
    opacity: 0.7;
}

.secKnowledge .secDtl .item .thum img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.secKnowledge .secDtl .item .itemTtl {
    margin-top: 18px;
    padding-top: 28px;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: bold;
}

.secKnowledge .secDtl .item .itemTtl.lock::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/themes/custom/ucbcarejp/images/icn_lock_gr.svg) no-repeat center/contain;
}

.secKnowledge .btnCol {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 999.98px) {

   .secKnowledge {
        padding-top:75px;
        padding-bottom: 75px;
    }

    .secKnowledge .ttlCol {
        display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
    }

    .secKnowledge .ttlCol .pmd-secTtl {
        position: relative;
        z-index: 2;
		/*align-self: flex-start;*/
		margin-bottom: 1.0rem;
    }

    .secKnowledge .ttlCol .ttlImg {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
		width: 40%;
        min-width: 215px;
    }

    .secKnowledge .secDtl {
        padding-left: 0;
        padding-top: 35px;
    }

    .secKnowledge .secDtl .item {
		flex-basis: 50%;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0;
    }

	.secKnowledge .secDtl .item article {
		height: 100%;
	}

    .secKnowledge .secDtl .item .itemInr {
        border-radius: 0;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        box-shadow: 0 5px 20px rgba(0,0,0,0.18);
        padding: 10px 10px 35px;
        text-decoration: none;
    }

    .secKnowledge .secDtl .item .itemTtl {
        margin-top: 18px;
        padding-top: 25px;
        font-size: 1.0rem;
        line-height: 1.5;
    }

    .secKnowledge .secDtl .item .itemTtl.lock::before {
        width: 14px;
        height: 14px;
    }

    .secKnowledge .btnCol {
        margin-top: 35px;
        position: static;
    }

}


@media screen and (max-width: 768.98px) {

	.cm-ctsIdt.secKnowledge {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

    .secKnowledge .ttlCol .pmd-secTtl {
		align-self: flex-start;
    }

    .secKnowledge .ttlCol .ttlImg {
		width: 50%;
        min-width: 215px;
    }

    .secKnowledge .secDtl .itemList {
        display: block;
    }

    .secKnowledge .secDtl .item:not(:first-child) {
        margin-top: 30px;
    }

	.secKnowledge .ttlCol {
		flex-direction: column;
		justify-content: flex-start;
	}

	.secKnowledge .ttlCol .ttlImg {
		align-self: center;
	}

}





.secInquiry {
	background-color: #FFF;
    padding-top: 90px;
    padding-bottom: 80px;
}

.secInquiry .pmd-secTtl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.secInquiry .secTtlJP {
    padding-right: 15px;
    font-size: 1.88rem;
}

.secInquiry .secTtlEN {
    margin-top: 0;
}

.secInquiry .secCts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

.secInquiry .secCts .dtlCol {
    background: var(--rabg);
    width: calc(50% - 20px);
    text-align: center;
    padding: 106px 0 37px;
}

.secInquiry .secCts .dtlCol .dtlTtl {
    font-size: 1.38rem;
    font-weight: bold;
    position: relative;
}

.secInquiry .secCts .dtlCol .dtlTtl::before {
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.secInquiry .secCts .dtlCol--tel .dtlTtl::before {
    top: -60px;
    width: 34px;
    height: 46px;
    background: url(/themes/custom/ucbcarejp/images/icn_tel_gr.svg) no-repeat center/contain;
}

.secInquiry .secCts .dtlCol--tel .telName {
    font-size: 1.06rem;
    font-weight: bold;
    color: #13816d;
    margin-top: 25px;
}

.secInquiry .secCts .dtlCol--tel .telNum {
    font-size: 2.25rem;
    font-weight: bold;
    color: #13816d;
    margin-top: 12px;
}

.secInquiry .secCts .dtlCol--tel .note {
    font-size: 0.81rem;
    font-weight: bold;
    margin-top: 10px;
}

.secInquiry .secCts .dtlCol--mail .dtlTtl::before {
    top: -58px;
    width: 49px;
    height: 32px;
    background: url(/themes/custom/ucbcarejp/images/icn_mail.svg) no-repeat center/contain;
}

.secInquiry .secCts .dtlCol--mail .btnLine {
    margin-top: 40px;
}

.secInquiry .secCts .dtlCol--mail .pmd-btnDtlArw {
    width: 320px;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 50px;
}

@media screen and (max-width: 768.98px) {
    .secInquiry {
        padding-top:70px;
        padding-bottom: 70px;
    }

    .secInquiry .pmd-secTtl {
        display: block;
    }

    .secInquiry .secTtlJP {
        padding-right: 0;
        font-size: 2.06rem;
    }

    .secInquiry .secTtlEN {
        margin-top: 12px;
    }

    .secInquiry .secCts {
        display: block;
        margin: 34px 0 0;
    }

    .secInquiry .secCts .dtlCol {
        width: auto;
        padding: 40px 10px;
    }

    .secInquiry .secCts .dtlCol:not(:first-child) {
        margin-top: 40px;
    }

    .secInquiry .secCts .dtlCol .dtlTtl {
        font-size: 1.31rem;
    }

    .secInquiry .secCts .dtlCol--tel .dtlTtl {
        padding-top: 65px;
    }

    .secInquiry .secCts .dtlCol--tel .dtlTtl::before {
        top: 0;
        width: 37px;
        height: 50px;
    }

    .secInquiry .secCts .dtlCol--tel .telName {
        font-size: 1.0rem;
        margin-top: 30px;
        line-height: 1.313;
    }

    .secInquiry .secCts .dtlCol--tel .telNum {
        font-size: 2.0rem;
        margin-top: 15px;
    }

    .secInquiry .secCts .dtlCol--tel .note {
        font-size: 0.88rem;
        margin-top: 10px;
        line-height: 1.357;
    }

    .secInquiry .secCts .dtlCol--mail .dtlTtl {
        padding-top: 60px;
    }

    .secInquiry .secCts .dtlCol--mail .dtlTtl::before {
        top: 0;
        width: 53px;
        height: 35px;
    }

    .secInquiry .secCts .dtlCol--mail .btnLine {
        margin: 40px 20px 0;
    }

    .secInquiry .secCts .dtlCol--mail .pmd-btnDtlArw {
        width: 100%;
        height: 50px;
    }
}










header#header.ra_header {
	min-width: 100% !important;
}








.cm-spOnly {
    display: none;
}

@media screen and (max-width: 768.98px) {
    .cm-spOnly {
        display:block;
    }
}

.cm-pcOnly {
    display: block;
}

@media screen and (max-width: 768.98px) {
    .cm-pcOnly {
        display:none;
    }
}

.wocba-video-content iframe {
	width: 100%;
	height: 100%;
	border: none;
}


#block-ucbcarejp-mainpagecontent ~ .contextual-region:not(.views-element-container) ~ .views-element-container:nth-of-type(odd) {
	background-color: #f7f5f8;
}
#block-ucbcarejp-mainpagecontent ~ .contextual-region:not(.views-element-container) ~ .views-element-container:nth-of-type(even) {
	background-color: #FFFFFF;
}