.fadeIn{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeUpTrigger{
opacity: 0;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}body {
   margin: 0;
   padding: 0;

}H1 {
	margin-left: 0.3em; font-size: 100%; color: #000000;
	
}H4 {
	 line-height: 150%; font-size: 90%; text-decoration: none; font-weight: none;
}li   {
	font-size: 12px; line-height: 120%; background-color: #fffff4; list-style-image : url(../../2024一般公開/web一式_240926/2019/LROR/88-888.gif);
}li.style01  {
	font-size: 12px; line-height: 120%; background-color: transparent; list-style-image : url(../../2024一般公開/web一式_240926/2019/LROR/BRNQ.gif);
}li.style02  {
	font-size: 12px; line-height: 120%; background-color: transparent; list-style-image : url(../../2024一般公開/web一式_240926/2019/LROR/BRNQ.gif);
}
.heading-talk {
    border-bottom: 2px solid #ffffff;
}

	.heading-talk  span {
    display: inline-block;
    position: relative;
    padding: 0 .1em .2em;
    color: #333333;
	font-size: 125%;
}

.heading-talk  span::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #52c2d0;
    content: '';
}
.heading-workshop_title {
    border-bottom: 2px solid #ffffff;
}

	.heading-workshop_title span {
    display: inline-block;
    position: relative;
    padding: 0 .1em .2em;
    color: #333333;
	font-size: 125%;
}

.heading-workshop_title span::before {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #E5A926;
    content: '';
}	
.heading-workshop {
    border-bottom: 2px solid #ffffff;
    padding: 0 0em 0em 3em;
}

	.heading-workshop span {
    display: inline-block;
    position: relative;
    padding: 0 .1em .2em;
    color: #333333;
	font-size: 125%;
}

.heading-workshop span::before {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #E5A926;
    content: '';
}	
	.heading-other {
    border-bottom: 2px solid #ffffff;
}

	.heading-other span {
    display: inline-block;
    position: relative;
    padding: 0 .1em .2em;
    color: #333333;
	font-size: 125%;
}

.heading-other span::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #89B525;
    content: '';	}

tbody  {font-size: clamp(12px, 1.7vw); }
	@media screen and (max-width: 767px) {
  tbody  {
    font-size: 6.25vw;
  }



}table.top td,tr{
	 
	text-align: center;
justify-content: center;
align-self: start;
vertical-align:top;
	
}td.top_nict {
	 
	
justify-content: center;
align-self: flex-start;
vertical-align:top;
padding: 1em 1em 0 

;
}td.top_language {
	 
	
justify-content: center;
align-self: flex-start;
vertical-align:top;
padding: 1em 2em 0 

;
}table.table_design{
		border-collapse: collapse;
	  border: 2px;
	  width: 93%;
    margin-left: auto;
    margin-right: auto;
}

table.table_design tr{
  border-bottom: solid 2px white;
}

table.table_design tr:last-child{
  border-bottom: none;
}

table.table_design th{
  position: relative;
  width: 20%;
  background-color: #52c2d0;
  padding:  10px 50px 0 50px;
text-align: justify;
text-align-last: justify;
	 align-self: center;

}


table.table_design td{
  text-align: left;
  width: 80%;
  background-color: #f2f3f4;
	padding: 10px;
}

p.indent {
   padding-left: 1em;
font-size : 80%;
}
p.indent_note {
  text-indent: -2.5em;
  padding-left: 2.5em;

}
p.indent_w {

   padding-left: 3em;
}
p.indent_w_text {
	font-size : 80%;
   padding-left: 3em;
}
p.contact {
   text-align: center;
font-size : 80%;
}
p.desc{
	   padding: 0 14em;
	font-size : 80%;
}


	span.marker-animation.active{
    background-position: -100% .5em;
}

.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.dli-clock {
  display: inline-block;
  vertical-align: middle;
  color: #52c2d0;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-clock::before, .dli-clock::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 50%;
  background: currentColor;
  border-radius: 0.15em;
  transform: translate(-0.05em, 0.05em);
}

.dli-clock::before {
  width: 0.1em;
  height: 0.4em;
}

.dli-clock::after {
  width: 0.35em;
  height: 0.1em;
}
	.dli-clock_w {
  display: inline-block;
  vertical-align: middle;
  color: #E5A926;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-clock_w::before, .dli-clock_w::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 50%;
  background: currentColor;
  border-radius: 0.15em;
  transform: translate(-0.05em, 0.05em);
}

.dli-clock_w::before {
  width: 0.1em;
  height: 0.4em;
}

.dli-clock_w::after {
  width: 0.35em;
  height: 0.1em;
}
.pre{
	color:#ffffff;
	background-color: #DD3E70;
	font-size:80% ;
  margin-bottom: 0.3em;display:inline-block;
}

.note{
		font-size:80% ;
	color: #DD3E70;
	font-weight: bold;
}

H3.talks{
	padding: 0.5rem 1rem;
  background: #41B5C0;
 color: #ffffff;
}.workshops{
	padding: 0.5rem 1rem;
  background: #E5A926;
 color: #ffffff;
}
}-->