section h2 {
  font-size: clamp(1.125rem, 0.857rem + 0.86vw, 1.5rem);
  font-weight: 700;
  color: #323232;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 10px 5px;
  margin: 0 0 5px 0;
  border-radius: 4px;
  background-color: #D0BFE8;
}
section h2 span {
  display: block;
  transform: matrix(1, 0, -0.1, 1, 0, -0.1);
}
section .detail {
  padding: 20px;
 /* border: 2px solid #00afde;*/
  border-radius: 4px;
  background-color: #fff;
}


/*木村追加*/
section h3{font-size: clamp(1.125rem, 0.857rem + 0.86vw, 1.5rem);
font-weight:700;
 color:  #533083;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 10px 0px;
  margin: 0 0 5px 0;
	border-bottom:1px solid #533083;
}
h4{font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
font-weight:700;}
h4:before {content:"● ";}

.accessibility span .nobr{white-space: nowrap;}

/**/

@media screen and (max-width: 500px) {
  section .detail {
    padding: 10px;
  }
}
section .program, .accessibility, .sitemap {
  display: grid;
  gap: 10px;
  padding: 20px;
  /*border: 2px solid #00afde;*/
  border-radius: 4px;
  background-color: #fff;
}

/*木村追加*/
.sitemap table{width:100%;
border:none;}
.sitemap td{padding:10px;
		width:50%;
font-size:120%;
border:none;}

.bold{font-weight:800;}
.sitemap li, .accessibility li, .program li{list-style: disc;
margin-left: 20px;}

.accessibility table{width:100%;
border-collapse: collapse;
border:1px solid #323232;}
.accessibility th,td{
border:1px solid #323232;
	padding:20px;
	text-align: center;
}
.accessibility table .heading{background-color: #B7F0FF;}
.accessibility table .level{width:8%; text-align: center;background-color: #B7F0FF;}
.accessibility table .item{background-color: #E1F9FF}
.accessibility table .item, .note{text-align: left;}

@media screen and (max-width: 500px){
.sitemap td{width:100%;
	display:block !important;}
}

/**/


@media screen and (max-width: 500px) {
  section .program, section .accessibility {
    padding: 10px;
  }
}
section .program dl {
  display: flex;
  gap: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #A1D6F4;
}
section .program dl dt {
  width: 3em;
}


/*木村加筆*/

section .program .dl2 {
  display: flex;
  gap: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #A1D6F4;
}


section .program .dl2 .dt2 {
  width: 8em;
		font-weight:600;
}

section .program li{margin-bottom:10px;
}

section .program .panel-l, section .program .panel-r {
display:inline-block !important;
	vertical-align:middle;
	padding:10px 0px;

}

section .program .panel-l{
	width:8em;
}

@media screen and (max-width: 500px) {
  section .program span {
display:block;
  }
	
section .program .dl2 {
  display: flex;
  gap: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #00afde;
}	
section .program .dl2 .dt2 {
	width:4em;
}
	section .program li{margin-left:3em;}	
	section .program .panel-l{margin-left:-1em;
	padding:0;}	
	
}


/**/
section #guest {
  display: grid;
  gap: 20px;
  padding: 20px;
  /*border: 2px solid #00afde;*/
  border-radius: 4px;
  background-color: #fff;
}
section #guest .speaker h3 {
  font-size: clamp(1rem, 0.911rem + 0.29vw, 1.125rem);
  font-weight: 500;
  color: #533083;
  margin: 0 0 5px 0;
}
section #guest .speaker .list {
  display: grid;
  gap: 40px;
}
section #guest .speaker .list .profile {
  display: grid;
  gap: 20px;
}
section #guest .speaker .list .profile .panel {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 20px;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  section #guest .speaker .list .profile .panel {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 500px) {
  section #guest .speaker .list .profile .panel img {
    width: 50%;
  }
}
section #guest .speaker .list .profile .panel span {
  font-size: clamp(0.75rem, 0.661rem + 0.29vw, 0.875rem);
  line-height: 1.5;
  display: block;
  margin: 0 0 10px 0;
}
section #guest .speaker .list .profile .panel h4 {
  font-size: clamp(1rem, 0.911rem + 0.29vw, 1.125rem);
  line-height: 1;
  margin: 0 0 5px 0;
}
section #guest .speaker .list .profile .panel p {
  line-height: 1.5;
}
section #button a, section #button2 a {
  padding: 30px 0;
  display: block;
  font-size: clamp(1rem, 0.821rem + 0.57vw, 1.25rem);
  font-weight: 700;
text-decoration: none;
  line-height: 1;
  text-align: center;
 
  border-radius: 4px;
  background-color: #533083;
color:#FFF;
  transition: 0.2s;
}
section #button a{  color: #FFF; border: 2px solid #533083;}
section #button2 a{color: #FFF; border: 2px solid #533083;}

section #button a:hover {
  color: #533083;
  background-color: #FFF;
}
section #button2 a:hover {
  color: #533083;
  background-color: #FFF;
}

section #button .off, section #button2 .off  {
  display: block;
  padding: 30px 5px;
  font-size: clamp(1rem, 0.821rem + 0.57vw, 1.25rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background-color: #c8c8c8;
}



/*# sourceMappingURL=page.css.map */