@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");
/*
@font-face {
  font-family: 'museo-sans';
  src: url("museo_sans_cyrl_500_iefix.eot") format("embedded-opentype"), url("museo_sans_cyrl_500.woff") forma#t("woff"), url("museo_sans_cyrl_500.ttf") format("truetype");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}
*/

#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;
  --mgaccent: #F26F21;
  --mg: #ED9B33;
  --mgbg: #FFFcf5;
}


html, body {
  font-size: 16px;
  line-height: 1.6rem;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--mgbg);
}

* {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  /* font-family: 'museo-sans', 'Tahoma', 'Noto Sans JP', sans-serif; */
  font-family: 'Noto Sans JP', sans-serif;
}

.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);
}

.note {
  font-size: 0.8rem;
  line-height: 1.2rem;
}
dl.note,
dl[class^='with-'] {
  display: grid;
  grid-template-columns: max-content auto;  
}
dl.note > dt,
dl[class^='with-'] > dt {
  white-space: nowrap;
  justify-self: end;
}
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;
}
  

.reference dd,
.reference dt {
  font-size: 0.8rem;
  color: var(--ucbcgray);
  line-height: 1.4em;
}

.reference h5 {
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}


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

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

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



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

  body:not(.toolbar-fixed) .region-mg-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),
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;
}

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;
}

img {
  vertical-align: top;
}

@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.mg_header {
  background-color: var(--mgbg);
  margin: 0;
  padding: 0.7rem 0 0.2rem;
}
header.mg_header a {
  text-decoration: none;
}
div.region-mg-content a {
  text-decoration: none;
}

@media screen and (min-width: 769px){
	body.user-logged-in.toolbar-fixed .region-mg-header {
    position: relative !important;
    z-index: 100 !important;
  }
  .region-mg-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 {
  grid-column: 1;
  grid-row: 1;
  display: block;
  aspect-ratio: 4200 / 1011;
  height: 58px;
  width: auto;
  white-space: nowrap;
}

@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;	  
  }

}

#site-branding .site-logo{
  width: 100%;
}

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

  header .block--mg-top-menu {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
 
  footer .block--mg-top-menu {
	padding: 2.0rem 0 0 0;
    background-color: #f7f5f8;
  }

  footer .menu--mg-menu-top > ul {
	display: flex;
    justify-content: flex-end;	
	border-top: 1px solid var(--ucbcgraylight);
	padding: 2.0rem 0;
  }

  .menu--mg-menu-top > ul > li {
    font-weight: bold;
  }
  

  footer .menu--mg-menu-top > ul > li:not(:first-of-type) {
    margin-left: 2.0rem;
  }

  header .menu--mg-menu-top > ul > li > a.hide-for-pc-header {
	display: none;  
  }

  header .menu--mg-menu-top > ul > li {
    font-size: 0.80rem;
  }

  footer .menu--mg-menu-top > ul > li {
    font-size: 0.80rem;
  }

}

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

  header .menu--mg-menu-top > ul > li {
    font-size: 0.90rem;
  }

  footer .menu--mg-menu-top > ul > li {
    font-size: 0.90rem;
  }

}
footer .menu--mg-menu-top > ul > li a,
footer .menu--mg-top-menu > ul > li a {
  text-decoration: none;
}


.block--mg-main-menu .menu-item--active-trail > a {
  color: var(--mgaccent);
}


@media screen and (min-width: 993px) {
  .nav-minimize {
     display: none;
  }
}

.menu--mg-top-menu > ul > li span.disabled {
  color: var(--ucbcgraylight);	
}

@media screen and (min-width: 769px){
	
  header .block--mg-main-menu {
    grid-column: 1 / 4;
    grid-row: 2;
    justify-self: center;
	padding-bottom: 0.2rem;
	line-height: 1.0rem;
  }
 
  footer .block--mg-main-menu {
	padding: 2.0rem 0;
    background-color: #f7f5f8;
  }

  header .menu--mg-top-menu > ul {
    display: inline-grid;
    grid-template-columns: repeat(6, auto);
	column-gap: 2.0rem;
  }
  
  footer .menu--mg-top-menu > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.0rem;
    row-gap: 2.0rem;
  }
 
  header .menu--mg-top-menu > ul > li {
    text-align: center;
    font-weight: bold;
    /*align-items: center;*/
    /*display: flex;*/
    position: relative;
	/*flex-direction: column;*/
    line-height: 1.4em;
	display: block;
	height: 100%;
  }
   header .menu--mg-top-menu > ul > li > a {
    display: flex;
	height: 100%;
	align-items: center;
  }
  
  footer .menu--mg-top-menu > ul > li,
  #area-login.logged-in:hover {
	font-weight: bold;
  }

  footer .menu--mg-top-menu > ul > li > a {
    line-height: 1.4em;
    margin-bottom: 0.6rem;
    display: inline-block;
    text-decoration: none;
  }


  header .menu--mg-top-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--mg-top-menu > ul > li:hover::after,
  #area-login.logged-in:hover::after  {
	width: 100%;
  }


  header .menu--mg-top-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--mg-top-menu > ul > li > ul {
    /* top: calc(1.4rem + 2px + 5px); */
	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--mg-top-menu > ul > li > ul {
    list-style-type: disc;
	/*margin-left: 1.5em;*/
	font-weight: normal;
  }
  footer .menu--mg-top-menu > ul > li > a.with-submenu + ul > li > a{
	margin-left: 1.5em;
  }
  header .menu--mg-top-menu > ul > li:hover > ul,
  #area-login.logged-in:hover ul {
    opacity: 1;
	pointer-events: all;
  }

  header .menu--mg-top-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--mg-top-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--mg-top-menu > ul > li > ul > li,
  #area-login.logged-in:hover ul > li {
    line-height: 1.4em;
	margin-bottom: 0.6rem;
  }

  header .menu--mg-top-menu > ul > li > ul > li > a {
    position: relative;
	width: fit-content;
  }
  
  header .menu--mg-top-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--mg-top-menu > ul > li > a.with-submenu + ul > li:has(a)/*,
  header .menu--mg-top-menu > ul > li > a.with-submenu + ul > li > a::after*/ {
	  margin-left: 1.0rem;
  }
 
  header .menu--mg-top-menu > ul > li > ul > li:hover > a::after,
  #area-login.logged-in:hover ul > li:hover > a::after {
	width: 100%;
  }
  
  /*
  header .menu--mg-top-menu > ul > li > a.with-submenu + ul > li:hover > a::after {
	width: calc(100% - 1.0rem);
  }
  */

  header .menu--mg-top-menu > ul > li {
    font-size: 0.85rem;
  }	 

  footer .menu--mg-top-menu > ul > li {
	font-size: 0.85rem;
  }

  /*
  footer .menu--mg-top-menu > ul > li > a.with-submenu + ul > li > span {
	  margin-left: -1.5em;
  }
  */
  header .menu--mg-top-menu > ul > li > ul > li,
  #area-login.logged-in:hover ul > li {
    font-size: 0.85rem;
  }
 
  footer .menu--mg-top-menu > ul > li > a > br {
	display: none;
  }
  footer .menu--mg-top-menu > ul > li > ul {
	list-style: none;
  }
  footer .menu--mg-top-menu > ul > li > ul > li > a,
  footer .menu--mg-top-menu > ul > li > ul > li > span {
	font-size: 0.80rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
  }
  footer .menu--mg-top-menu > ul > li > ul > li > a::before,
  footer .menu--mg-top-menu > ul > li > ul > li > span::before {
    content: "\02022";
    margin-right: 0.5em;
  }
}

@media screen and (max-width: 768.98px){
  .menu--mg-top-menu > ul > li > a > br,
  .menu--mg-top-menu > ul > li > span > br,
  .menu--mg-top-menu > ul > li > ul > li > a > br {
    display: none;
  }

}

.menu--mg-top-menu > ul > li > a.with-submenu + ul > li > span::before {
	content: "\03010";	
}		
.menu--mg-top-menu > ul > li > a.with-submenu + ul > li > span::after {
	content: "\03011";	
}

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

  header .menu--mg-top-menu > ul > li {
    font-size: 0.95rem;
  }	 
	
  footer .menu--mg-top-menu > ul > li {
	font-size: 0.95rem;
  }
	
  header .menu--mg-top-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--mg-top-menu > ul > li > ul > li > a,
  #area-login.logged-in:hover ul > li > a {
	display: block;
    /*width: 100%;*/
  }
  
  footer .menu--mg-top-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 2.4rem;*/
    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-mg-basic-page .region-mg-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: min-content auto;
	position: fixed;
    background-color: var(--mgbg);
	z-index: 900;
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 15%);
    top: 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;
  }

  #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--mg-main-menu {
    grid-column: 1;
    grid-row: 1;
  }
  
  footer .block--mg-main-menu {
    border-top: 1px solid var(--ucbcgraylight);
  }

  .menu--mg-top-menu > ul > li > a,
  .menu--mg-top-menu > ul > li > span {
	display: block;
	font-weight: bold;
	color: #cc9e46;
	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--mg-top-menu > ul > li > ul > li > a,
  .menu--mg-top-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--mg-top-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--mg-top-menu {
    grid-column: 1;
    grid-row: 3;
 	background-color: var(--ucbcwhite);
	width: 100%;
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
  }

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

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

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

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

  #block-mgbacktotop {
    padding-top: 1.0rem;
    background-color: #f7f5f8;
  }
  
}

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

  #block-mgbacktotop {
    padding: 1.0rem;
    background-color: var(--ucbcwhite);
    display: flex;
    justify-content: flex-end;
  }
  
}

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

#block-mgbacktotop 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-mgbacktotop a:hover  {
  opacity: 60%;
}

#block-mgbacktotop 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--mg-copyright {
  padding: 1.0rem 0;
  background-color: var(--ucbcgray);
}

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


@media screen and (min-width: 769px){
	
  #block--mg-copyright .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #block--mg-copyright img {
    width: 200px;
    height: auto;
  }
  
  #block--mg-copyright p {
    text-align: right;
  }

}

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

  #block--mg-copyright .wrapper {
    display: flex;
	flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
 
  #block--mg-copyright p {
    font-size: 0.75rem;
  }

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

}



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

#mg-top-visual {
  padding: 2.0rem 0 0 0;
  margin-bottom: -1.0rem;
}

#mg-top-visual .wrapper {
  display: flex;
  align-items: center;
} 

#mg-top-visual .container {
  display: flex;
  flex-direction: column;
} 

#mg-top-visual h1 {
  font-weight: bold;
  margin-bottom: 2.0rem;
}
	
#mg-top-visual h1 *[lang='en']{
  font-size: 1.85rem;
  line-height: 1.3em;
  display: block;
}

#mg-top-visual h1 *[lang='ja']{
  font-size: 1.5rem;
  line-height: 1.3em;
  color: var(--mgaccent);
  display: block;
}

#mg-top-visual figure {
  flex-shrink: 1;
}

#mg-top-visual figure > img {
  width: 100%;
}

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

  #mg-top-visual .container {
    margin-bottom: 5%;
    max-width: 50%;
  } 

  #mg-top-visual figure {
    width: 550px;
    margin-left: 1.0rem;
  }

}

@media screen and (max-width: 768.98px){
  
  #mg-top-visual .wrapper {
    flex-direction: column;;
  }

  #mg-top-visual .container {
    max-width: 500px;
  } 

  #mg-top-visual figure {
    max-width: 550px;
	width:90%;
  }

}

#mg-whatsnews {
  background-color: var(--ucbcwhite);
  padding: 2.0rem 0;
}

#mg-whatsnews .wrapper {
  display: flex;
  align-items: flex-start;
}

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

  #mg-whatsnews h2 {
    flex-shrink: 0;
    width: 12.0em;
  }
  
}


#mg-whatsnews ul {
  flex-grow: 1;
  width: 100%;
}

#mg-whatsnews ul li {
  padding: 0.5rem 0;	
}

#mg-whatsnews a {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-weight: bold;
}

#mg-whatsnews i {
  font-style: italic;
  margin-right: 0.1rem;
}

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

  #mg-whatsnews li dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-begin;
  }

}

#mg-whatsnews li dl dt {
  flex-shrink: 0;
  margin-right: 1.0rem;	
}
#mg-whatsnews li dl dd {
  margin-right: 1.0rem;	
}

#mg-whatsnews a p {
  flex-shrink: 0;
  white-space: nowrap;
  color: var(--mgaccent);
}

@media screen and (min-width: 769px){
	
  #mg-whatsnews a {
      align-items: flex-end;
  }

}

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

  #mg-whatsnews h2 {
    margin-bottom: 1.5rem;
	display: flex;
	align-items: baseline;
  }
  
  #mg-whatsnews h2 *[lang='en'] {
	margin-left: 1.0rem;
	display: block;
  }

  #mg-whatsnews .wrapper {
    flex-direction: column;
  }
  
  #mg-whatsnews a {
    flex-direction: column;
  }	  

  #mg-whatsnews a p {
	align-self: flex-end;  
  }

}


#block-mg-pickup {
  background-color: var(--mgbg);
  padding: 2.0rem 0;
}

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

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

.pickup-content-container h3 + p {
  flex-grow: 1;	
}
	
.pickup-content-container .with-right-arrow,
#event-index .with-right-arrow,
#movie-index .with-right-arrow,
#express-seminar-banner .with-right-arrow {
  margin-top: 0.5rem;
  align-self: flex-end;
  flex-grow: 0;
  font-weight: bold;
  color: var(--mgaccent);
}
#event-index .with-right-arrow,
#movie-index .with-right-arrow {
  margin-top: 1.5rem;
}
#mg-product-index .with-right-arrow {
    /* display: flex; */
    justify-content: center;
    margin-top: 1.5rem;
    margin-bottom: -1.5rem;
}

#mg-pickup li {
  background-color: var(--ucbcwhite);
}

#mg-pickup li:nth-of-type(1) a {
  display: flex;
  justify-content: space-between;
  padding: 0;
}


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

  #mg-pickup li:nth-of-type(1) .pickup-content-container {	
    min-height: 200px;
    padding: 1.0rem 2.0rem 1.0rem 1.0rem;
    flex-grow: 1;
  }

  #mg-pickup li:nth-of-type(1) figure {
    width:200px;
    max-width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: flex-end;
  }
}

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

  #mg-pickup li:nth-of-type(1) a {
    flex-direction: column;
  }
 
  #mg-pickup li:nth-of-type(1) .pickup-content-container {
    padding: 1.0rem;
  }

  #mg-pickup li:nth-of-type(1) figure {
	width: 60%;
	align-self: center;
  }
}


#block-mg-video {
  /* background-color: var(--ucbcwhite); */
  padding: 2.0rem 0;
}

#block-mg-video .wrapper > div {
  display: flex; 
}

#block-mg-video .wrapper a {
  display: grid;
  grid-template-columns: auto 250px;
  column-gap: 2.0rem;
}

#block-mg-video .column-container {
  background-color: #fff;
}

#block-mg-video .wrapper a > img {
  align-self: end;
  width: 250px;
}


@media screen and (max-width: 992.98px) {
  #block-mg-video .wrapper a {
    grid-template-columns: 100%;
  }
  #block-mg-video .wrapper a .pickup-content-container {
    display: contents;
  }
  #block-mg-video .wrapper a > img {
    justify-self: center;
	grid-row: 3 / 4;
	margin-top: 1.5rem;
  }
  #block-mg-video .wrapper a .with-right-arrow {
    justify-self: end;
  }
}


#block-mg-video #mg-video ul.column-container {
    background-color: #fffcf5;
}

#block-mg-video #mg-video ul.column-container > li {
    background-color: #fff;
}


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

  #block-mg-video .wrapper {
    display: grid;	
    grid-template-columns: min-content auto;
	column-gap: 2.0rem;
  }

  #block-mg-video .wrapper > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;  
  }

  #block-mg-video h2 {
    width: 12.0em;
  }
  
  #block-mg-video figure {
    margin: 1.0rem 1.0rem 0 0;
  }

}

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

  #mg-video h2 {
	flex-shrink: 0;
	align-self: center;
  }  

  #block-mg-video figure {
    width: 150px;
	margin: 0 0 1.0rem 2.0rem;
	transform: scale(-1, 1);
  }
  
}




#mg-banner {
  background-color: var(--ucbcgraylight);
  padding: 2.0rem 0;	
}

#mg-banner ul {
  display: grid;
}

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

  #mg-banner ul {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.0rem;
  }

}

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

  #mg-banner ul {
    grid-template-columns: 100%;
	row-gap: 2.0rem;
  }

}


#mg-banner ul li a {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#mg-banner ul li a p {
  display: flex;
  width: 100%;
  color: var(--ucbcwhite);
  justify-content: center;
}

#mg-banner ul li:nth-of-type(1) a p {
  background-color: #343579;
}

#mg-banner ul li:nth-of-type(2) a p {
  background-color: #92c83e;
}  

h2 {
  font-weight: bold;
}
	
h2 *[lang='en']{
  font-size: 1.2rem;
  line-height: 1.3em;
  color: var(--ucbcgraylight);
  display: block4;
}

h2 *[lang='ja']{
  font-size: 1.6rem;
  line-height: 1.3em;
  display: block;
}

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;
}
  
.with-left-arrow,
.with-right-arrow {
  display: flex;
  align-items: center;
  position: relative;
}
.with-right-arrow::after,
a[target="_blank"].no-icon > span.with-right-arrow::after, 
.with-left-arrow::before {
  content: '';
  width: 1.5em;
  aspect-ratio: 29 / 7;
  margin-left: 0.3em;
  background: url("/sites/default/files/2023-09/mg.signpost.svg") no-repeat center center;
  transform: translateY(-25%);
}


.with-left-arrow::before {
  transform: scale(-1, 1);
}


.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-mg-basic-page #block-breadcrumbs-3 {
  width: 100%;
  padding: 0 1.0rem;
}

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

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

  body.page-node-type-mg-basic-page #block-breadcrumbs-3 ol {
    padding: 1.0rem 0 0 0;
  }

}

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

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

body.page-node-type-mg-basic-page #block-pagetitle h1 {
  font-size: 1.7rem;
  font-weight: bold;
  border-left: 0.5rem solid var(--mgaccent);
  padding-left: 0.5rem;
}
body.page-node-type-mg-basic-page #block-pagetitle h1 .subtitle {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
}
body.page-node-type-mg-basic-page #block-pagetitle h2 {
  font-size: 1.4rem;
  line-height: 1.7em;
  font-weight: bold;
  color: var(--ucbcgray);
  border-left: 0.5rem solid var(--mgaccent);
  padding-left: 0.5rem;
}

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



.section.lead {
  margin-bottom: 2.0rem;
}

.section.index li {
  background-color: var(--ucbcwhite);	
}

.section.index a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 2.5rem;
  justify-content: space-between;
}

.section.index a > h3 {
  font-weight: bold;
  color: var(--mgaccent);
  font-size: 1.30rem;
  flex-grow: 0;
  align-self: center;
}
section.content li h3 {
  text-align: center;
}

.section.index a > div {
  margin: 1.5rem 0;
  flex-grow: 1;
}

.section.index a > p {
  flex-grow: 0;
  align-self: flex-end;
    font-weight: bold;
    color: var(--mgaccent);}

.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);
}

nav.internal-links {
  padding-bottom: 1.0rem;	
}

nav.internal-links ul {
  background-color: var(--ucbcwhite);
}

nav.internal-links li {
  display: inline-flex;
  position: relative;
  align-items: flex-start;
}

nav.internal-links li a {
  color: var(--ucbcgray);
  display: inline-block;
}

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

  nav.internal-links ul {
    display: block;
    padding: 1.0rem;
    border: 1px solid var(--ucbcgraylight);
  }

  nav.internal-links li {
    font-weight: bold;
  }

}

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

  nav.internal-links .wrapper{
    display: contents;	  
  }
  
  nav.internal-links ul {
    display: flex;
	flex-direction: column;
	padding: 1.0rem;
	border-top: 1px solid var(--ucbcgraylight);
	border-bottom: 1px solid var(--ucbcgraylight);
  }

  nav.internal-links ul > li:not(:first-of-type) {
    margin-top: 1.0rem;  
  }
	
}

nav.internal-links li::before {
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 2.0px solid var(--mgaccent);
  border-right: 2.0px solid var(--mgaccent);
  transform: rotate(135deg);
  margin-top: 0.15rem;
  margin-right: 0.5rem;
}

nav.internal-links li:not(:last-of-type) {
  margin-right: 2.0rem;	
}

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


section.content h4,
article[about^='/mg/disease'] figcaption {
  font-size: 1.10rem;
  font-weight: bold;
}


section.content h4.with-diamond::before,
article[about^='/mg/disease'] figcaption.with-diamond::before {
  content: "\025C6";
}
/*
section.content h4,
article[about^='/mg/disease'] figcaption {
  background: linear-gradient(transparent 50%, #ffeadd 50%);
  display: inline-block;
}
*/

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

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(--mgaccent);
}

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.clear {
  clear: both;
  width: 1px;
  height: 1px;
  margin-top: -1px;
}


.reference {
  margin-top: 4.0rem;
}

.reference dl {
  display: grid;
  grid-template-columns: max-content auto;
  row-gap: 0.3em;
  align-items: start;
}

.reference dd,
.reference dt {
  font-size: 0.8rem;
  color: var(--ucbcgray);
  line-height: 1.4em;
}

.reference dt {
  justify-self: end;
}

.reference dt::after {
  content: "\0FF09"; /* ） */
}


section.content,
section.movie,
section.archive {
  margin-top: 3.0rem;
}
.internal-links + section.content,
.internal-links + section.movie {
  margin-top: 2.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(--mgaccent);
  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(--mgaccent);
  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;
  }
}

figcaption + p,
figcaption + p + img,
h4 + div {
  margin-top: 1.0rem;
}



article[about^='/mg/disease'] .section-body > * + * {
  margin-top: 1.0rem;
}
article[about^='/mg/disease'] .section-body > * + section {
  margin-top: 2.0rem;
}
article[about^='/mg/disease'] figure + p,
article[about^='/mg/disease'] figure + figure {
  margin-top: 1.5rem;
}
article[about='/mg/disease/about'] #section01 .section-body-2column {
  grid-template-columns: minmax(200px, 50%) minmax(50%, 500px);
}
@media screen and (max-width: 992.98px) {
  article[about='/mg/disease/about'] #section01 .section-body-2column {
    grid-template-columns: 100%;
  }
  article[about='/mg/disease/about'] #section01 .section-body-2column figure {
    margin-top: 1.0rem;
  }
  article[about='/mg/disease/about'] #section01 .section-body-2column img {
    max-width: 600px;
  }
}

article[about='/mg/disease/about'] #section02 .section-body-2column {
  grid-template-columns: auto max-content;
}
@media screen and (max-width: 768.98px){
  article[about='/mg/disease/about'] #section02 .section-body-2column {
    grid-template-columns: 100%
  }	
}
article[about='/mg/disease/about'] #section02 .with-circle > li:not(:first-of-type) {
  margin-top:1.0rem;
}
article[about='/mg/disease/about'] #section02 .with-circle > li > div > p:first-of-type {
  font-weight: bold;
}
article[about='/mg/disease/about'] #section02 .with-circle dl {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 1.0rem;
}
article[about='/mg/disease/about'] #section02 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:800px;
}

article[about='/mg/disease/about'] #section03 figure > ul {
  display: grid;
  row-gap:1.0rem;
  margin-top: 1.0rem;
}
@media screen and (min-width: 769px) {
  article[about='/mg/disease/about'] #section03 figure > ul {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: 1.0rem;
  }
} 
@media screen and (max-width: 768.98px){ 
  article[about='/mg/disease/about'] #section03 figure > ul {
	 grid-template-columns: 100%;  
  }
}

article[about='/mg/disease/about'] #section03 figure > ul > li > dl {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: max-content auto;
}
article[about='/mg/disease/about'] #section03 figure > ul > li > dl > dt {
  font-weight: bold;
}
article[about='/mg/disease/about'] #section03 figure > ul > li > dl > dd {
  align-self: start;
}


article[about='/mg/disease/about'] h4 {
  border-left: 0.4rem solid var(--mg);
  padding-left: 0.4rem;
  margin-bottom: 0.5rem;
}

article[about='/mg/disease/about'] #section04 .section-body > section:not(:first-of-type) {
  margin-top: 2.0rem;
}
article[about='/mg/disease/about'] #section04 section > * + * {
  margin-top: 1.0rem;
}




article[about='/mg/disease/about'] #section03 .section-body-2column {
  grid-template-columns: minmax(200px, 50%) minmax(50%, 500px);
}

article[about='/mg/disease/about'] #section04 .section-body-2column {
  grid-template-columns: minmax(200px, 50%) minmax(50%, 500px);
}





.section-body > .point-wrapper {
  background-color: #ffeadd;
  padding: 1.0rem;
  margin-top: 2.0rem;
  border-top-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  font-weight: bold;
}



article[about='/mg/disease/about'] #section02 .lined-box {
  margin-top: 0.5rem;

}

article[about^='/mg/disease'] figure figcaption + img {
	margin-top: 1.0rem;
}
article[about^='/mg/disease'] figure img + * {
	margin-top: 1.0rem;
}


article[about^='/mg/disease'] .section-body figure:not(.guideline, .evidence-level),
.lined-box {
  padding: 1.0em;
  border-top-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  background-color: #fff;
  border: 1px solid var(--ucbcgraylight);
  height: fit-content;
}
.lined-box-orange {
  border: 3px solid var(--mg);
}
article[about^='/mg/disease'] .section-body figure:not(.guideline, .evidence-level) img,
.lined-box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

figure.guideline figcaption {
  margin-bottom: 0.5rem;
  text-align: left;
  font-size: 1.0rem;
}
figure.guideline .guideline-main:not(.algorithm, .criteria2022) > dl:first-of-type > dt > dl {
  border: 1px solid #444;
  padding: 1.0rem;
  display: grid;
  grid-template-columns: max-content auto;
  background-color: #ffa89c;
  color: #444;
  font-weight: bold;
}
figure.guideline .guideline-main:not(.algorithm, .criteria2022) > dl > *:last-child  {
  border: 1px solid #444;
  border-top: none;
  padding: 1.0rem;
  background-color: #fff;
  color: #444;
}
figure.guideline .figure_reference {
  margin: 0.3rem 0 0.5rem;
}
figure.guideline .figure_reference + .note.with-right-parentheses {
  margin-top: 1.0rem;
}
figure.guideline .guideline-main.algorithm {
  border:1px solid #444;
  background-color: #fff;
  padding: 1.0rem;
}
figure.guideline .guideline-main.algorithm > img {
  display: block;
  margin: 1.0rem auto;
  width: 100%;
  max-width: 800px;
}
figure.guideline .guideline-main.algorithm > ul > li{
  display: inline;
}
figure.guideline .guideline-main.algorithm > ul > li:not(:last-of-type)::after {
  content: "\03001";
}
figure.guideline .guideline-main.algorithm > ul > li > dl,
figure.guideline .guideline-main.algorithm > ul > li > dl > *{
  display: inline-block;
}
figure.guideline .guideline-main.algorithm > * + * {
  margin-top: 1.0rem;
}

figure.guideline .guideline-main.criteria2022 {
	border: none;
	padding: 0;
}
figure.guideline .guideline-main.criteria2022 > dl {
	grid-template-columns: 100%;	
}
figure.guideline .guideline-main.criteria2022 > dl > dt {
  border: 1px solid #444;
  padding: 1.0rem;
  display: grid;
  grid-template-columns: max-content auto;
  background-color: #ffa89c;
  color: #444;
  font-weight: bold;	
}
	
figure.guideline .guideline-main.criteria2022 > dl > dd {
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  padding: 1.0rem;
  background-color: #fff;
}
figure.guideline .guideline-main.criteria2022 > dl > dd:last-of-type {
  border-bottom: 1px solid #444;
}

.inspection-list .two-column-container {
	align-items: start;
	grid-template-columns: auto 450px;
}
.inspection-list dl:not(.note) > dt {
  color: var(--mgaccent);	
}
.inspection-list p + .note {
  margin-top: 1.0em;	
}
.inspection-list .with-disc > li::before {
  color: var(--mgaccent);
}
.inspection-list .two-column-container img {
  margin-bottom: 1.0rem;
}
@media screen and (max-width: 992.98px) {
  .inspection-list .two-column-container {
    grid-template-columns: 100%;
	grid-auto-rows: auto;
	row-gap: 1.0rem;
  }	
  .inspection-list .two-column-container img {
    justify-self: center;
	width: 100%;
	max-width: 450px;
  }
  .inspection-list .two-column-container.sort-fix {
    row-gap: 0;	  
  }
  .inspection-list .two-column-container.sort-fix dl.inline,
  .inspection-list .two-column-container.sort-fix dl.inline > dd {
	  display: contents !important;
  }
  .inspection-list .two-column-container.sort-fix img {
	  margin-top: 1.0rem;
	  grid-row: 3 / 4;
  }
}
.inspection-list li:not(:first-of-type) {
	padding-top: 1.0rem;
}
.inspection-list dt p {
	font-weight: bold;
}
.inspection-list dd p {
	margin-top: 0.8rem;
}

.subtype-list dl.subtype {
	display: grid;
	grid-template-columns: max-content auto;
}
.subtype-list  > *:first-of-type {
	display: inline;
}
.subtype-list dl.subtype > dt {
	padding-left: 2.0rem;
}
	
.subtype-list dl.subtype > dd::before {
	content: '・・・・・・';
}
.subtype-list > dd:first-of-type > dl.subtype,
.subtype-list > dd:first-of-type > dl.subtype > * {
	display: inline;
	padding: 0;
}

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

  .subtype-list > dt {
    font-weight: bold;
  }
  .subtype-list dl.subtype  {
    display: block;
  }
  .subtype-list dl.subtype > *  {
    display: inline;
  }
  .subtype-list dl.subtype > dd  {
    display: inline-block;
  }

  .subtype-list dl.subtype {
    padding-left: 1.0rem;
  }
  .subtype-list dl.subtype > dt {
    padding-left: 0;
	display: inline;
  }
}



.guideline-rank {
  font-weight: bold;
}
figure.evidence-level {
  border: 1px solid #444;
  padding: 1.0rem;
  background-color: #fff;
}
figure.evidence-level figcaption {
  text-align: left;
}
figure.evidence-level > dl {
  display: grid;
  grid-template-columns: 100%;
}
figure.evidence-level > dl > dt {
  margin: 1.0rem 0 0.5rem 0;
}
figure.evidence-level > dl > dd > dl {
  display: grid;
  grid-template-columns: max-content max-content;
}
figure.evidence-level > dl > dd > dl > * {
  padding: 0.5rem;
  border: 1px solid #444;
}

figure.evidence-level > dl > dd > dl > dt {
  background-color: #ffa89c;
}
figure.evidence-level .figure_reference {
  margin-top: 0.5rem;
}
@media screen and (min-width: 769px){
  figure.evidence-level > dl > dd > dl > *:nth-of-type(n + 2) {
    border-top: none;
  }
  figure.evidence-level > dl > dd > dl > dd {
    border-left: none;
  }
}

@media screen and (max-width: 768.98px){
  figure.evidence-level > dl > dd > dl {
    display: grid;
    grid-template-columns:100%;
  }
  figure.evidence-level > dl > dd > dl > *:nth-child(n + 2) {
    border-top: none;
  }

}
.percentage-of-subtypes img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
}



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;
  }	
}


article[about='/mg/disease/evaluation'] h4,
article[about='/mg/disease/flow-to-diagnosis'] h4 {
  border-left: 0.4rem solid var(--mg);
  padding-left: 0.4rem;
  margin-bottom: 0.5rem;
  margin-top: 2.0rem;
}

#mgfa table {
	border-collupse: collapse;
	width: 100%;
}
#mgfa table th,
#mgfa table td {
  padding: 0.5rem;
  border: 1px solid #444;
  background-color: #fff;
}
#mgfa table th {
  text-align: center;
  vertical-align: middle;
  background-color: #ffa89c;
  white-space: nowrap;
  font-weight: bold;
}
#mgfa table th.with-ab {
	border-bottom: 0;
}
#mgfa table th.indent {
	border-top: 0;
}


#mgpro figure > dl > dt::before {
  content: "\0FF1C";
  margin-right: 0.2em;
}
#mgpro figure > dl > dt::after {
  content: "\0FF1E";
  margin-left: 0.2em;
}
#mgpro figure > dl > dt {
  margin-top: 1.5rem;
}

#mgpro figure > dl > dd > p {
  padding: 0.5rem 0 0 0;
}

#mgpro figure > dl > dd > dl > dt {
  background-color: #ffa89c;
  border: 1px solid #444;
  margin-top: 1.0rem;
  padding: 0.5rem;
  font-weight: bold;
}
#mgpro figure > dl > dd > dl > dd > dl {
  display: grid;
  grid-template-columns:2.2rem auto;
  border-top: none;
}   
#mgpro figure > dl > dd > dl > dd > dl > dt {
  padding: 0.5rem;
  padding-right: 0;
  border-left:  1px solid #444;
  border-bottom:  1px solid #444;
  text-align: right;
}
#mgpro figure > dl > dd > dl > dd > dl > dt::after {
  content: ".";
  margin-right: 0.2rem;
}
#mgpro figure > dl > dd > dl > dd > dl > dd {
  padding: 0.5rem;
  padding-left: 0;
  border-right:  1px solid #444;
  border-bottom:  1px solid #444;
}

















figure figcaption {
  text-align: center;
}
article[about^='/mg/disease'] .section-body figure figure {
  padding: 0;
  border-radius: 0;
  background: none;
  border: none;
  margin-top: 0;
}

figure .note{
	margin-top: 0.3rem;
}

/*@media screen and (max-width: 992.98px){*/
@media screen and (max-width: 768.98px){
	
  article[about='/mg/disease/about'] #section01 .section-body-2column,
  article[about='/mg/disease/about'] #section03 .section-body-2column ,
  article[about='/mg/disease/about'] #section04 .section-body-2column,
  article[about='/mg/disease/about'] #section02 .section-body > dl > dd {
    grid-template-columns: 100%;
  }


  article[about^='/mg/disease'] .section-body figure {
    margin-top: 1.0rem;	
  }
  article[about='/mg/disease/about'] .section-body-2column img {
	display: block;
    margin-left: auto;
    margin-right: auto;
  }
  article[about='/mg/disease/about'] #section01 .section-body-2column img {
    max-width: 400px;
  }
}
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 > .wrapper > h3 {
    padding: 1.0rem 0 0.5rem 0;
    font-size: 1.40rem;
    font-weight: bold;
    color: var(--ucbcblack);
    margin-bottom: 0.5rem;
    text-align: left;
}
@media screen and (max-width: 768.98px){

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


div.region-mg-content .figure_reference {
  text-align: right;
}
div.region-mg-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-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsTtlWrap .ctsTtl {
  font-size: 28px;
}

body.page-node-type-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsTtlWrap .ctsDesc {
  font-size: 16px;
}
body.page-node-type-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listTtl {
  font-size: 20px;
}
body.page-node-type-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listWrap .list a {
  font-size: 16px;
}
body.page-node-type-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .subTxt a {
  font-size: 18px;
}
body.page-node-type-mg-basic-page .medicalModal .modalCts .medicalSelectCts .ctsBlock .selectListWrap .selectList .selectListInr .listCol .btn a {
  font-size: 16px;
}
body.page-node-type-mg-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-mg-basic-page #block-ucbcarejp-breadcrumbs {
    display: block !important;
  }
}
body.page-node-type-mg-basic-page #block-tabs-2 ul.primary_tabs li a {
  font-size: 16px;
}

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

/* #block-breadcrumbs-3 nav.breadcrumb ol li span.subtitle::after {
  content: ":";
  padding-left: 10px;
  padding-right: 10px;
} */

.with-disc.burden-list > li {
	display: block;
}
.with-disc.burden-list > li:nth-of-type(n + 2) {
	margin-top: 1.0rem;
}
.with-disc.burden-list > li::before {
	display: none;
}
.with-disc.burden-list > li > dl > dt {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin--bottom: 0.5rem;
	font-weight: bold;
	color: var(--mgaccent);
}
.with-disc.burden-list > li > dl > dt::before {
	content: "\025CF";
	margin-right: 0.2em;
}
.with-disc.burden-list > li > dl > dd > * {
	margin-top: 0.5rem;
}
.with-disc.burden-list .ae {
	grid-template-columns: 100%;
}
.with-disc.burden-list .ae > dt{
	justify-self: start;
	font-weight: bold;
}
.burden-list.depression p + .note {
	margin-top: 1.0rem;
}
.burden-list.depression img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.burden-list.depression > li > dl > dt:nth-of-type(n + 2) {
	margin-top: 1.0rem;
}
.disadvantages picture {
	display: block;
	margin: 0.5rem auto 2.0rem auto;
	width: 100%;
	max-width: 800px;
}
@media screen and (max-width: 768.98px) {
  .disadvantages picture {
	max-width: 400px;
  }
}

#mg-product-index .column-container {
  margin-top: 2.0rem;
}
#mg-product-index .column-container a {
  display: block;
  padding: 3.0rem 1.5rem;
}
#mg-product-index .column-container a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 500px;
}


.section.video iframe {
  aspect-ratio: 16 / 9;
}
.material-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.0rem;
  row-gap: 2.0rem;
}
.section.index a > div.material-container-inner {
  margin: 0;
}
.material-container figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.material-container figure img {
  wisth: 100%;
  height: auto;
  border: 1px solid var(--ucbcgraylight);
}
.section.index a > div.material-container-inner h3 {
  margin: 1.0rem 0;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: left;
}
.section.index a.material-container-outer > .with-right-arrow {
  margin-top: 2.0rem;
}

section.content.content-index.material-index > .wrapper > h3 {
  padding-bottom: 2.0rem;
}

@media screen and (max-width: 992.98px) {
  .material-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 769px){
  .material-container figure {
    aspect-ratio: 824 / 1165;
  }	
}
@media screen and (max-width: 768.98px){
  .material-container {
    grid-template-columns:100%;
  }
}

.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;
}
  
  
.simple-index.section.index a > div {
  margin: 0;
}
.simple-index.section.index a .two-column-container {
  grid-template-columns: auto 40%;
  column-gap: 2.0rem;
  row-gap: 2.0rem;
}
.simple-index.section.index a h2 {
  margin-bottom: 1.0rem;
}
.simple-index.section.index a img {
  width: 100%;
  max-width: 500px;
  justify-self: end;
  margin: 2.0rem 0;
}
@media screen and (max-width: 768.98px){
  .simple-index.section.index a .two-column-container {
    grid-template-columns: 100%;
	grid-auto-rows: auto;
  }
  .simple-index.section.index a img {
    justify-self: center;
  }
}


.useful-information-index h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--ucbcgray);
  line-height: 1.4em;
  margin-bottom: 2.0rem;
}
.useful-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: max-content;
  column-gap: 2.0rem;
  row-gap: 2.0rem;
}

@media screen and (max-width: 992.98px) {
  .useful-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .useful-container {
    grid-template-columns: repeat(1, 1fr);
  }	
}
@media screen and (min-width: 1200px) {
  .useful-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.useful-container > li > a {
  padding: 1.0rem;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  justify-content: space-between;
}

.useful-container > li > a > figure > picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 849 / 1200;
}	
.useful-container > li > a > figure > picture > img {
  border: 1px solid #999;
}
.useful-container > li > a > figure > figcaption {
  text-align: left;
}
.useful-container > li > a > figure > figcaption > h3 {
  font-weight: bold;
  color: var(--mgaccent);
  font-size: 1.05rem;
  margin: 0.8rem 0;
}

.useful-container > li > a > span {
  margin-top: 1.0rem;
  text-align: right;
  align-self: flex-end;
  font-weight: bold;
  color: var(--mgaccent);
}





.event-container {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2.0rem;
  row-gap: 3.0rem;
}
.event-container > li {
  padding: 2.0rem;
}

.event-container .job-description > span {
  display: inline-block;
}

.event-container section {
  display: grid;
  column-gap: 2.0rem;
  row-gap: 2.0rem;
}

.section.index .event-container img {
  border: 1px solid var(--ucbcgray);
}

@media screen and (min-width: 993px) {
  .event-container section {
    grid-template-columns: repeat(2, 1fr);
  }
  .section.index .event-container h3 {
    grid-column: 1 / 3;
  }
}
@media screen and (max-width: 992.98px) {
  .event-container section {
    grid-template-columns: 100%;
  }
  .event-container section > img {
    grid-row: 2 / 3;
  }
  .event-container section > .left > dl {
    grid-row: 3 / 4;
  }
  .event-container section > .left > a {
    grid-row: 4 / 5;
	padding: 1.0rem 0 0 0;
  }
}

.event-container section > dl {
  align-self: start;
}

.section.index .event-container dd a {
  flex-direction: row;
  height: auto;
  padding: 0;
  justify-content: flex-start;
  word-break: break-all;
}

.section.index .event-container h3 {
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--mgaccent);
}
.section.index .event-container dt {
  font-weight: bold;
  color: #1b2883;
}
.section.index .event-container dl > dt:not(:first-of-type),
.section.index .event-container dl > dd:not(:first-of-type) {
  margin-top: 0.5rem;
}
.section.index .event-container dl > dt:not(:first-of-type).subject,
.section.index .event-container dl > dt:not(:first-of-type).subject + dd {
  margin-top: 1.5rem;
}
.section.index .event-container dl > dt:not(:first-of-type).subject + dd {
  color: var(--mgaccent);
  font-weight: bold;
}
.section.index .event-container p.doctor {
  font-weight: bold;	
}
.section.index .event-container .with-colon {
  row-gap: 0.4rem;
}
.section.index .event-container a > p {
  color: var(--ucbcgray);
}
.section.index .event-container a > p > span {
  display: inline-flex;
}

@media screen and (max-width: 992.98px) {
  .event-container {
    grid-template-columns: 100%;
  }
  .event-container .left {
    display: contents;
  }
}


@media screen and (max-width: 768.98px){
	.section.index .event-container .luncheon-seminar dl {
		grid-template-columns: 100%;
	}
	.section.index .event-container .luncheon-seminar dl > dt {
		justify-self: start;
	}
	.section.index .event-container .luncheon-seminar dl > dd,
	.section.index .event-container .luncheon-seminar dl > dt:not(:first-of-type).subject + dd	{
		margin-top: 0;
	}
}



.glossary.note.with-colon {
  grid-template-columns: 100%;
}
.glossary.note.with-colon > dt {
  justify-self: start;
}

.mg_about_fig1_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2.0rem;
  max-width: 800px;
  align-items: end;
  margin: 1.0rem auto;
}

@media screen and (max-width: 992.98px) {
  .mg_about_fig1_container {
    grid-template-columns: 100%;
	row-gap: 1.5rem;
    max-width: 400px;
	margin-top: 1.5rem;
  }
}

.note.with-null .note.with-colon {
  margin-top: 0;
}

article[about='/mg/disease/about'] p + figure.guideline {
  margin-top: 0.5rem;
}


body.mg-modal-bg {
  scrollbar-width: none;
}
body.mg-modal-bg::-webkit-scrollbar {
  display: none;
}
	

#mg-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;
}
#mg-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;
  }
}

#mg-modal-main {
  padding: 2.0rem;
  background-color: #FFF;
  display: grid;
  row-gap:1.0rem;
}
@media screen and (min-width: 769px){
  #mg-modal-main {
    border-radius: 0.5rem;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  }	
}
@media screen and (max-width: 768.98px){
  #mg-modal-wrapper {
    /*background-color: #FFF;*/
  }
}

#mg-modal-main > h3 {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--mgaccent);
  text-align: center;
}

#mg-modal-main > div {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  margin: 1.0rem auto 0 auto;
  column-gap: 1.5rem;
}
#mg-modal-main a {
  text-align: center;
  background-color: var(--mgaccent);
  color: #fff;
  border-radius: 1.5rem;
  width: 8.0rem;
  padding: 0.6rem 0 0.5rem;
  text-decoration: none;
}


.event-container section > .left > a {
	height: auto;
	text-align: right;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding-right: 0;
}


section.movie i {
  font-style: italic;
  margin-right: 0.1rem;
}



.express-container li {
	position: relative;
	background-color: #fff;
	margin-top: 3.0rem;
}
.express-container section > div {
	padding: 2.0rem;
}
@media screen and (max-width: 768.98px){
	.express-container section > div {
		padding: 2.0rem 1.0rem;
	}
}
.express-container section > div:not(:first-of-type) {
	padding-top: 0;
}
.express-ancher {
	border: 1px solid red;
	width: 1.0rem;
	height: 1.0rem;
	position: absolute;
	top: -1.0rem;
}
.express-container section > .express-type {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1.0rem 1.0rem 1.0rem 2.0rem;
	margin-bottom: 2.0rem;
}

@media screen and (max-width: 768.98px){
	.express-container .express-guide section > .express-type {
		margin-bottom: 0;
	}		
}
.express-container .express-case-rystiggo section > .express-type {
	border-bottom: 2px solid rgba(146, 200, 62, 1);
	background: rgba(146, 200, 62, 0.05);
}
.express-container .express-case-zilbrysq section > .express-type {
	border-bottom: 2px solid rgba(52, 53, 121, 1);
	background: rgba(52, 53, 121, 0.05);
}
.express-container .express-guide section > .express-type {
	border-bottom: 2px solid rgba(0, 20, 137, 1);
	background: rgba(0, 20, 137, 0.05);
}
.express-date-time > dl {
	display: flex;
	flex-wrap: wrap;
	margin-top: -1.0rem;
}
.express-date-time dt,
.express-date-time dd {
	display: inline;
	padding-top: 1.0rem;
	line-height: 1.5em;
}

.express-date-time > dl > dt {
	display: none;
}
.express-date-time > dl > dd {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2.7rem;
	margin-top: -0.7rem;
	color: var(--mgaccent);
}

.express-date-time {
	display: grid;
	grid-template-columns: auto max-content;
	column-gap: 2.0rem;
}
.express-date-time img {
	width: 200px;
}

@media screen and (max-width: 768.98px){
	.express-date-time {
		grid-template-columns: 100%;
		row-gap: 2.0rem;
	}
	.express-date-time > dl {
		grid-row: 2;
	}
	.express-date-time > img {
		grid-row: 1;
		justify-self: end;
	}
	.express-date-time img {
		width: 150px;
	}
}
.express-date-time > dl > dd > span {
	font-size: 2.0rem;
}
.express-date-time > dl > dd > dl {
	display: inline-block;
}
.express-date-time > dl > dd > dl:first-of-type {
	margin-right: 1.0rem;
}
.express-date-time > dl > dd > dl > dt,
.express-date-time > dl > dd > dl > dd {
	font-size: 1.8rem;
	line-height: 2.7rem;
}

.express-date-time > dl > dd > span.wday {
	font-size: 1.7rem;
}

/*
.express-date-time > dl > dd:not(:last-of-type) {
	margin-right: 1.0rem;
}
*/
.express-date-time > dl > dd > p {
	font-weight: normal;
	font-size: 0.95rem;
	line-height: 1.0em;
	margin-top: 0.5rem;
	color: #666;
}
.express-date-time > dl > dd > dl > dt:not(:first-of-type) {
	margin-left: 1.0rem;
}
.express-case-info .dr {
	display: flex;
	flex-wrap: wrap;
}
.express-case-info .dr > dt {
	display: none;
}
.express-case-info .dr > dd {
	display: inline-block;
	align-self: end;
}
.express-case-info .name {
	font-size: 1.5rem;
	margin-right: 1.0rem;
	font-weight: bold;
	margin-top: 0.4rem;
}
.express-case-info .name .title {
	font-size: 1.0rem;
}
.express-case-info .affiliation {
	font-size: 1.2rem;
	margin-top: 0.4rem;
}
.express-case-info .case-wrapper {
	margin-top: 3.0rem;
	padding: 0 1.5rem 1.5rem 1.5rem;
	border: 1px solid #999;
	border-radius: 0.8rem;
}
.express-case-info .case-wrapper > dt {
	margin-top: -1.2rem;
}
.express-case-info .case-wrapper > dt > span {
	background-color: #fff;
	display: inline-block;
	padding: 0.3rem 0.8rem;
	margin-left: -0.7rem;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 0.5rem;
	color: var(--mgaccent);
}
.express-case-info .case-info {
	margin-top: 0.5rem;
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 1.0rem;
	row-gap: 1.0rem;
	margin-top: 1.0rem;
}
.express-case-info .case-info dt {
	background-color: #1b4080;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	padding: 0 0.5rem;
}
/*
.express-case-rystiggo .express-case-info .case-info dt {
	background-color: #92c83e;
}
*/
.express-guide .case-wrapper dd p {
	font-size: 1.2rem;
	font-weight: bold;
	color: #004c98;
	margin-top: 0.8rem;
}


@media screen and (min-width: 769px){
	.express-case-info .case-info {
		grid-template-columns: repeat(3, 100px) auto;
	}
	.express-case-info .case-info > dd:nth-of-type(n + 3) {
		grid-column: 2 / 5;
	}
}
.column-container.express-container li .express-footer a {
	display: block;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	border-radius: 1.0rem;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem;
}

.express-case-rystiggo .express-footer a {
    background: rgb(252, 187, 16);
    background: linear-gradient(45deg, rgb(30, 68, 137) 0%, rgb(140, 192, 70) 30%, rgb(140, 192, 70) 70%, rgb(252, 187, 16) 100%);
}
.express-case-zilbrysq .express-footer a {
    background: rgb(144, 10, 88);
    background: linear-gradient(45deg, rgb(44, 51, 137) 0%, rgb(144, 10, 88) 100%);
}
.express-guide .express-footer a {
    background: rgb(0, 20, 137);
}
.case_study_seminar {
	max-width: 800px;
	width: 100%;
	display: block;
	margin: 3.0rem auto 2.0rem auto;
}

@media screen and (max-width: 768.98px){
	.case_study_seminar {
		max-width: 400px;
	}
}
.case_study_seminar_lead {
	margin-bottom: 1.0rem;
	font-size: 1.1rem;
	font-weight: bold;
}

.case_study_seminar_lead_sub {
	margin-bottom: 3.0rem;
}

.case_study_seminar_lead strong {
	font-weight: bold;
	color: var(--mg);
}

@media screen and (min-width: 769px){
	.case_study_seminar_lead,
	.case_study_seminar_lead_sub {
		text-align: center;
	}
}

#express-seminar-banner {
	margin-top: 2.0rem;
}

#express-seminar-banner a {
	padding: 0;
	background-color: #FFF;
	border: 4px solid #1b4080;
	border-radius: 0.8rem;
}

#express-seminar-banner p:not([class]) {
	background-color: #1b4080;
	color: #fff;
}

#express-seminar-banner p:not([class]) strong {
	display: inline-block;
	color: var(--mgaccent);
	margin-right: 1.0rem;
	font-weight: bold;
	background: none;
}


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

	#express-seminar-banner p:not([class]) {
		padding: 0.5rem 1.5rem;
		display: flex;
		justify-content: center;
	}

}

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

	#express-seminar-banner p:not([class]) {
		margin: 0 15%;
		text-align: center;
		height: 2.0rem;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.0rem;
	}

	#express-seminar-banner p:not([class])::before,
	#express-seminar-banner p:not([class])::after {
		content: "";
		position: absolute;
		display: block;
		background-color: #1b4080;
		width: 3.0rem;
		height: 2.0rem;	
		top: 0;
	}

	#express-seminar-banner p:not([class])::before {
		border-radius: 0% 100% 0% 100% / 0% 0% 100% 100%;
		left: -3.0rem;
	}

	#express-seminar-banner p:not([class])::after {
		border-radius: 0% 100% 100% 0% / 0% 0% 100% 100%;
		right: -3.0rem;
	}

}

#express-seminar-banner .case_study_seminar {
	min-width: 263px;
	width: 79%;
	margin: 0 auto;
	display: block;
}

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

	#express-seminar-banner .case_study_seminar {
		max-width: 400px;
		margin-bottom: 1.5rem;
		justify-self: center;
	}

}



#express-seminar-banner p.lead {
	margin-bottom: 1.0rem;
}

#express-seminar-banner .with-right-arrow {
	justify-content: end;
}
.express-seminar-banner-wrap {
	padding: 1.5rem 1.5rem 1.5rem 2.5rem;
	column-gap: 1.5rem;
	display: grid;
	grid-template-columns: minmax(300px, 40%) auto;
	align-items: center;
	justify-content: center;
}
.express-seminar-banner-right {
	display: flex;
	flex-direction: column;
	height: 100%;
    justify-content: center;
}

@media screen and (max-width: 768.98px){
	.express-seminar-banner-wrap {
		padding: 1.5rem 1.0rem;
		grid-template-columns: 100%;
	}
	#express-seminar-banner p.lead {
		margin-bottom: 0.5rem;
	}
}


.member-only-link-button {
	display: block;
	margin-top: 2.0rem;
	padding: 1.0rem;
	display: flex;
	justify-content: center;
	border-radius: 0.8rem;
	box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
	height: 100%;
	overflow: hidden;
	background-color: #FFF;
	font-weight: bold;
	font-size: 1.1rem;
}

.member-only-link-button::before {
	content: '';
	display: block;
	height: 1.6em;
	aspect-ratio: 1 / 1;
	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;
}


.case_study_seminar_notice_wrap,
.case_study_reports_link {
	border-radius: 0.8rem;
	padding: 1.5rem 2.0rem;
	box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
	background-color: #FFF;
}

.case_study_reports_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3.0rem;
}
.case_study_reports_link .with-right-arrow {
	color: var(--mgaccent);
	font-weight: bold;
	text-align: right;
	margin-left: 2.0rem;
	flex-grow: 2;
	justify-content: flex-end;
}

.case_study_seminar_notice_wrap .case_study_seminar_notice {
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--mgaccent);
	line-height: 2.0rem;
}
.case_study_seminar_notice_wrap .case_study_seminar_notice + .case_study_seminar_notice {
	margin-top: 0.5rem;
}





.menu--mg-top-menu a.member-only {
	display: flex;
	align-items: center;
}


.menu--mg-top-menu > ul > li > ul > li > a.member-only:after,
.menu--mg-top-menu > ul > li > ul > li:hover > a.member-only:after,
a.member-only .express-seminar-banner-wrap .with-right-arrow::before,
#mg-whatsnews .with-right-arrow::before {
	content: '';
	align-self: center;
	font-size: inherit;
	display: inline-block;
	width: 1.0em;
	height: 1.0em;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.menu--mg-top-menu > ul > li > ul > li > a.member-only:after,
.menu--mg-top-menu > ul > li > ul > li:hover > a.member-only:after,
a.member-only .express-seminar-banner-wrap .with-right-arrow::before,
#mg-whatsnews a.member-only .with-right-arrow::before {
	background-image: url(/sites/default/files/2023-09/mg.password.svg);
}

.menu--mg-top-menu > ul > li > ul > li > a.member-only:after,
.menu--mg-top-menu > ul > li > ul > li:hover > a.member-only:after {
	margin: 0.15em 0 0 5px;
}

a.member-only .express-seminar-banner-wrap .with-right-arrow::before,
#mg-whatsnews .with-right-arrow::before {
	margin: 0.15em 5px 0 0;
}



.certificate-number {
	text-align: right;
	margin-bottom: 2.0rem;
	font-size: 0.75rem;
	font-weight: bold;
	color: #666666;
}