@charset "UTF-8";
/* CSS Document */

/* ▼▼▼********************************************▼▼▼ */
/* ▼▼▼--------- ▼▼▼ FRONT PAGE NEWS ▼▼▼ ----------▼▼▼ */
/* ▼▼▼********************************************▼▼▼ */
#news {
  margin-bottom: 2em
}
#news dl {
  overflow-y: auto;
  height: auto;
}
#news {
  margin-left: 20px;
  margin-right: 20px
}
#news_t {
  font-size: 1.4rem;
  text-align: left;
  border-bottom: 5px solid rgba(170, 201, 255, 1.00);
  color: #FFFFFF;
  padding-top: 0.5em;
  padding-left: 0.8em;
  padding-bottom: 10px;
  background-color: rgba(0, 50, 110, 1.00);
}
#news_c {
  height: auto;
  min-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px
}
#news_b {
  height: 10px;
  border-bottom: 2px solid rgba(129, 163, 223, 1.00);
}
#news_c dl {
  width: 100%;
  overflow-y: none;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}
#news_c dt {
font-family: "barlow-semi-condensed", sans-serif;
font-weight: 700;
font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0px;
  width: 5em;
  min-width: 5rem;
  color: rgba(255, 100, 35, 1.00);
  padding: 0px;
  margin-top: 2px;
  float: left;
}
#news_c dd {
  padding-left: 0px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.95em;
  border-bottom: 1px dotted rgba(160, 207, 240, 1.00);
  margin-right: 5px;
}

/* ▼▼▼********************************************▼▼▼ */
/* ▼▼▼-------- ▼▼▼ FEATURED CONTENTS ▼▼▼ ---------▼▼▼ */
/* ▼▼▼********************************************▼▼▼ */
#feature h4,
#featureSide h4{
	border-bottom: 4px solid rgba(255,158,0,0.50);
	border-radius: 2px;
	padding-bottom: 0.3em;
	text-shadow: 1px 1px 2px rgba(255,255,255,1.00);
}
#feature h4::before,
#featureSide h4::before{
	content: "\f140";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	margin-right: 0.3em;
	color: rgba(47,32,33,1.00)}

#feature .feature-item {
  background-color: rgba(255, 247, 239, 1.00);
  border: 1px solid rgba(228, 226, 225, 1.00);
  height: 100%;
  padding: 30px;
  transition: 0.3s;
  border-radius: 10px;
  display: flex;
}
#feature .feature-item img {
  border-radius: 10px;
  position: relative;
  margin-right: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
#feature .feature-item h4 {
  transition: 0.4s;
}
#feature .feature-item p {
  transition: 0.4s;
}
#feature .feature-item:hover {
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
}
#feature .feature-item:hover h4 {
  color: rgba(255, 100, 35, 1.00);
  opacity: 0.8;
}
#feature .feature-item:hover p {
  color: rgba(255, 100, 35, 1.00);
  opacity: 0.8;
}
/* ▼▼▼********************************************▼▼▼ */
/* ▼▼▼-------- ▼▼▼ GREETING CONTENTS ▼▼▼ ---------▼▼▼ */
/* ▼▼▼********************************************▼▼▼ */
#greeting {}
#greeting .prSign{
	margin-bottom: 2.2rem;
	border-bottom: dotted rgba(170,191,204,1.00) 2px
}
#greeting dt{
	font-size: 1rem
}
#greeting dd{
	font-size: 0.9rem
}
	#greeting .prName::before {
	  content: "大会長";
	  text-align: center;
	font-size: 0.9rem;
		background-color:  rgba(255, 208, 188, 1.00);
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		border-radius: 1rem; 
	}

#greeting .prName span{
	font-size: 1.2rem
}
@media (min-width: 450px) {
#greeting .prSign{
margin-bottom: 2.4rem;	
	border-bottom: none
}
#greeting dt{
	font-size: 1rem
}
#greeting dd{
	font-size: 0.95rem
}
	#greeting dl.prSign {
	  float: right;
	  font-size: 0.9rem	
	}
	#greeting .prName::before {
	  float: left;
	  content: "大会長";
	  margin-left: -5em;
	  text-align: center;
	  padding-top: 1.3em;
	  width: 60px;
	  height: 60px;
	  border-radius: 50%;
	  background: rgba(255, 208, 188, 1.00);
		font-size: 0.9rem
	}
#greeting .prName span{
	font-size: 1.3rem
}
}

#greeting p{
	text-indent: 1rem
}
/* ▼▼▼********************************************▼▼▼ */
/* ▼▼▼-------- ▼▼▼ ORVERVIEW CONTENTS ▼▼▼ --------▼▼▼ */
/* ▼▼▼********************************************▼▼▼ */
#overview {}
#overview dl {}
#overview dt {
  float: left;
  min-width: 7rem;
}
#overview dd {
  padding-left: 7rem;
  padding-bottom: 0.5rem;
  border-bottom: dotted 1px rgba(255, 100, 35, 1.00)
}
/* ▼▼▼********************************************▼▼▼ */
/* ▼▼▼-------- ▼▼▼ PROGRAM CONTENTS ▼▼▼ ----------▼▼▼ */
/* ▼▼▼********************************************▼▼▼ */
#program {}
#program .theme {
  font-weight: 600;
  font-size: 1.2em;
  color: rgba(0, 133, 174, 1.00);
  margin-top: 1em
}
#program .theme::before {
  content: "テーマ";
  color: rgba(194, 231, 243, 1.00);
  width: 4.0em;
  display: inline-block;
  font-size: 0.65em;
  background-color: rgba(14, 85, 111, 1.00);
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.15em;
  padding-bottom: 0.0em;
  text-align: center;
  border-radius: 3px;
  font-weight: 400;
  margin-right: 1em
}
#program .title {
  font-weight: 700;
  font-style: normal;
}
#program .zachou::before {
  content: "座長";
  color: rgba(39, 75, 78, 1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: rgba(182, 219, 227, 1.00);
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.0em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}

#program .enja::before {
  content: "演者";
  color: rgba(72, 91, 70, 1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: rgba(176, 228, 139, 1.00);
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top: 0.0em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}
#program .koushi::before {
  content: "講師";
  color: rgba(57,39,78,1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: rgba(183,182,227,1.00);
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.0em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}
#program .zachou-non::before,
#program .koushi-non::before,
#program .enja-non::before{
  content: "  ";
  color: rgba(255, 255, 255, 1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: transparent;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}
#program .name {
  font-weight: 600;
  font-size: 1.05em;
}
#program .shozoku {
  font-size: 0.98em;
}
#program .date1 {
  color: rgba(190,100,110,1.00)
}
#program .date2 {
  color: rgba(10,100,150,1.00)
}
#program .date1::before, #program .date2::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f073";
  margin-right: 0.5em;
  opacity: 0.5;
}
#program .time::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  margin-right: 0.5em;
  margin-left: 1em;
  opacity: 0.5;
}

#program .room {
  color: rgba(16,89,107,1.00)
}
#program .room::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f51c";
  margin-right: 0.5em;
  margin-left: 1em;
  opacity: 0.5;
}

#program .symp {
  font-size: 90%;
  opacity: 0.7;
}
#program .kyousai::before {
  content: "共催";
  color: rgba(255,245,212,1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: rgba(164,149,91,1.00);
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top: 0.0em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}
#program .kyousan::before {
  content: "協賛";
  color: rgba(255,245,212,1.00);
  width: 3.5em;
  display: inline-block;
  font-size: 0.8em;
  background-color: rgba(164,149,91,1.00);
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top: 0.0em;
  padding-bottom: 0.1em;
  text-align: center;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: 400;
}
#program .endaiNum {
  font-size: 0.7em;
  padding-bottom: 0.2em
}

#registration h4 {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
  border-bottom: solid 6px rgba(73, 135, 193, 1.00);
  color: rgba(31, 100, 120, 1.00)
}
#registration h4::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0a3";
  margin-right: 0.5em;
  margin-left: 1em;
  opacity: 0.5;	
}
.text-vertical{
 writing-mode:vertical-rl;
 -ms-writing-mode:tb-rl;
}