.container_ondemand{width:70%;margin:auto;}
	@media screen and (max-width:1024px) {
  .container_ondemand{
    width:95%;
  }
	}
.flex_ondemand_item01{flex:2;padding:2em;}.flex_ondemand_item02{flex:1;padding:2em;}
.flex_ondemand{display:block;}
@media screen and (min-width:1281px) {
.flex_ondemand{
display:flex;}}	
.entry-content a:visited {color: #23527C!important;}
.entry-content a:hover {color:#fff!important;}
.js-marker{background-image: -webkit-linear-gradient(left, transparent 50%, #FFE06F 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #FFE06F 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, #FFE06F 50%);
    background-image: -o-linear-gradient(left, transparent 50%, #FFE06F 50%);
    background-image: linear-gradient(left, transparent 50%, #FFE06F 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .8em;
    transition: all 2.5s ease;
    font-weight: bold;  font-weight: bold; }
.js-marker.active {background-position: -100% .8em;}
div.participant{text-align:center;
font-weight:bold;
color:#23527C;
margin-top:-1.5em;
line-height:-0.5em;
font-size:110%;}
.flex_name{display:flex;
justify-content:space-around;
align-items:center;}
@media screen and (max-width:540px) {
.flex_name{display:block;}}
	@media screen and (max-width:540px) {
	.kousi_item01{width:50%;
		margin:auto;}}
.flex_voice{display:flex;justify-content:space-around;}
.flex_document{display:block;}
@media screen and (min-width:541px) {
.flex_document{display:flex;
justify-content:space-around;
align-items:center;}
}	
.flex_document_item01{flex: 1;background-color:#f2f2f2;padding:3em 1em 3em 1em;}
.flex_document_item02{flex: 1;padding:1.5em 1.5em 0.5em 1.5em;}
.kousi_item01{flex: 1;padding:1.5em;}
.kousi_item02{flex: 3;padding:1.5em;}
h2.ondemand_midasi {
  background: #23527C;
  color: #FFFFFF;
  font-size: 150%;
  margin-bottom: 1.5em;
  padding: 1em!important;
  position: relative;
  width: 100%;
}
h2.ondemand_midasi  span{
font-size:115%;
opacity:60%;
vertical-align: -0.1em;
}
h2.ondemand_midasi:before {
  border: 10px solid transparent;
  border-top: 10px solid #23527C;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  top: 100%;
  width: 0;
}
h4.ondemand_midasi {
  background: #23527C;
  color: #FFFFFF;
  font-size: 130%;
  margin-bottom: 1.5em;
  padding: 1em!important;
  position: relative;
  width: 100%;
}
h4.ondemand_midasi:before {
  border: 10px solid transparent;
  border-top: 10px solid #23527C;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  top: 100%;
  width: 0;
}
.namecard{background-color:#f2f2f2;
padding:2em 1em 2em 1em;
}
.presenter{background-color:#23527C;
color:#fff!important;
font-weight:bold;
padding:0.4em 0.8em 0.4em 0.8em; 
   vertical-align: 2.5px;
}
ul.agenda {
font-size:120%;
font-weight:bold;
  color: #23527C;
  border-top: solid #23527C 1px;
  border-bottom: solid #23527C 1px;
margin-bottom:4em;
margin-top:2em;
}
ul.agenda li {
  padding: 0.5em 0em 0.2em 4em;
  list-style-type: none!important;
}
.fade {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 2s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   40% {
      opacity: 0;
      transform: translateY(40px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
.container_header {
  animation: zoomin 1.2s ease forwards;
}
@keyframes zoomin {
  0% {
    opacity: 0;
    transform: scale(1.15); 
 box-shadow: 30px 36px 30px #f0f0f0;
  }

  100% {
    opacity: 1;
    transform: scale(1); 
 box-shadow: 0px 0px 0px lightgray;
  }
}
.up{
    opacity: 0;
    transition: all 0.8s ease;
  }
 .up.show {
    opacity: 1;
    transform: none;
  }
.op{
    transform: translate(0, 80px);
  }
.button_ondemand {
  position: relative;
  display: inline-block;
  padding: 0.8em 4em;
  overflow: hidden;
  font-size: 110%;
  color: #23527C;
font-weight:bold;
  text-decoration: none;
  border: 1px solid #23527C;
border-radius:5px;
 box-shadow: 0px 2px 2px lightgray;
}
.button_ondemand::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
  background: #23527C;
  animation: to-right 0.3s forwards;
}
.button_ondemand:a {color: #fff!important;}
.button_ondemand:hover {
 box-shadow: 0px 0px 0px #f2f2f2;
    transform: translateY(3px);
color:#fff!important;
}
.button_ondemand:hover::before {
  animation: from-left 0.3s forwards;
}
@keyframes from-left {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
@keyframes to-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}
.gray_bg{
background-color:#f2f2f2;
padding:2em;
font-size:120%;
font-weight:bold;
}
.gray_bg span{font-size:130%;color:#23527C;}
.gray_bg p{color:#23527C;}
.kousi{padding:0.6em;
background-color:#23527C;
color:#fff;
font-weight:bold;}
.profile_ondemand{font-weight:bold;
font-size:110%;
color:#23527C!important;
}
.profile_ondemand span.name{font-size:140%;}
.profile_ondemand span.copy{font-weight:normal;
color:#666!important;
vertical-align: -0.5em;
line-height:0.6;}

.circle_ondemand{
      border-radius: 50%;
      width: 90%;
      height: 90%;
      object-fit: cover;
}
.flex_voice{display:block;}
@media screen and (min-width:769px) {
.flex_voice{
display:flex;
justify-content:space-around;
align-items:center;
}
.voice_item01{
flex: 1;
}
@media screen and (max-width:768px) {
.voice_item01{
padding:20em;
	}}
	
.voice_item02 {
padding:2em 1em 1em 1em;
  flex: 5;
}
.balloon_ondemand {
  position: relative;
  max-width: 100%;
  text-align: left;
  color:#23527C;
  margin:0 auto 5% auto;
  padding: 3em;
  background: #F2F2F2;
  border-radius: 10px;
}
	}
.balloon_ondemand:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #F2F2F2;
}
@media screen and (max-width:768px) {
.balloon_ondemand {
text-align: left;
color:#23527C;
margin:0.5em;
padding:1.5em;
background: #F2F2F2;
border-radius: 5px;
width:100%;
}
}
.box_check {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #23527C;
    border-radius: 6px;
}
.box_check .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0.9px;
    font-size: 19px;
    background: rgb(250, 250, 250);
    color: #23527C;
    font-weight: bold;
}
.box_check p {
    margin: 0; 
    padding: 0.5em 1.2em 1em 1.2em;
color:#23527C;
    line-height: 2em;
}
.sticky{top: 6em;position:sticky;}
.check:before {content: "";display: inline-block;
width: 22px;height: 22px;background: url("https://www.uchida-it.co.jp/its_wp2018/wp-content/uploads/2024/09/checkmark.svg") center center no-repeat;background-size: contain;vertical-align: -0.2em;}