@charset "UTF-8";
/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements
	3. Div [hero] Setting
  4. Section [information] Setting
	5. Div [hint] Setting
  6. Div [news] Setting
  7. Div [ancer] Setting
  8. Section [floor_plan] Setting
  9. Section [participants] Setting
  10. Section [lecture] Setting 
  11. Section [seminar] Setting
  12. Section [time_schedule] Setting
  13. Section [exchange_time] Setting 
  14. Section [purpose] Setting
  15. Section [overview] Setting
  16. Section [committee] Setting
  17. Section [registration] Setting
  18. a [fix_btn] Setting
  19. Section [common.css] reSetting 
	
====================================== */
/*===== ■1. Individual Redefinition =====*/
body { overflow-x: hidden;}
#article { margin: 0 auto 12rem;}
#article > section:first-of-type { margin-top: 0 !important;}
section { 
	margin: -10rem auto 6rem;
	padding-top: 10rem
	
}
#article > section:last-of-type { margin: 0 auto 6rem;}

.tit_strapline {
  font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
	font-size: 2.6rem;
	text-align: center;
}
.tit_strapline::before,
.tit_strapline::after {
	content: "";
	display: inline-block;
	height: 0.1rem;
	width: 5rem;
	background: #333;
	margin: 1rem;
}
@media (max-width: 768px) {
  #article { margin: 0 auto 4rem;}
  #article > section:first-of-type { margin-top: 0 !important;}
  section { 
		margin: 0 auto 4rem;
    padding-top: 4rem;
	}
  #article > section:last-of-type { margin: 0 auto 4rem;}
  .tit_strapline {
    font-size: 1.8rem;
  }
  .tit_strapline::before,
  .tit_strapline::after {
    width: 3rem;
  }
}
.box_min .intro{
  margin-bottom: 2rem;
  text-align: center;
}
.box_min .preparation{
  padding: 5rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .box_min .intro{
    margin-bottom: 2rem;
    text-align: left;
  }
}


/*===== ■3. Div [hero] Setting =====*/
#hero {
  overflow: hidden;
	padding-top: 6rem;
  padding-bottom: 6rem;
	background: url("../img/convention/bg-visual.jpg") no-repeat center center / cover;
  position: relative;
}
#hero > p{
  position: absolute;
  right: 3rem;
  top: 0;
  background-image: linear-gradient(0deg, rgba(255, 111, 0, 1), rgba(255, 150, 0, 1));
  padding: 0.5rem 2rem;
  color: #fff;
  font-weight: 500;
  border-radius: 50%;
  text-align: center;
  margin: 80px auto;
  animation: fluffy 3s infinite;
  height: 24rem;
  width: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#hero > p > b{
  display: block;
  font-size: 4rem;
  font-weight: bold;
}

@keyframes fluffy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
#hero > div {
	max-width: 120rem;
	margin: 0 auto;
  padding: 0 2rem;
}
#hero > div > div:first-child{
  background: #c00;
  margin-bottom: 3rem;
  color: #fff;
  font-weight: bold;
  padding: 1rem 1rem 1rem;
  border-radius: 1rem;
  text-align: center;
  width: 50%;
}
#hero > div > div:first-child .free_admissition{
	font-size: 3rem;
	display: block;
}
#hero > div > div:first-child p{
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-weight: normal;
  flex:1
}

#hero > div > div:first-child p span{
  display: block;
  font-size: 1.2rem;
  margin-top: 0.5rem
}
#hero > div > div:first-child a{
  position: relative;
  display: inline-block;
  color: #c00;
  padding: 0.2rem 4rem 0.2rem 3rem;
  background: #fff;
  border-radius: 3rem;
  border: solid #fff 0.1rem;
}
#hero > div > div:first-child a::after {
  position: absolute;
  right: 2rem;
  z-index: 2;
  top: 45%;
  width: .9rem;
  height: .9rem;
  content: "";
  margin: auto;
  border-top: .2rem solid #c00;
  border-right: .2rem solid #c00;
  transform: translateY(-50%) rotate(135deg);
  box-sizing: border-box;
}
#hero > div > div:first-child a:hover{
 text-decoration: none;
  color: #fff;
  background: #e00;
  border: solid #fff 0.1rem;
}
#hero > div > div:first-child a:hover::after {
  border-top: .2rem solid #fff;
  border-right: .2rem solid #fff;
}
#hero > div h1{
	display: block;
	width: 50%;
}
#hero > div >figure{
	display: block;
	width: 40%;
	margin-top: 1rem;
}
#hero > div > ul{
	margin-top: 3rem;
  width: 50%
}
#hero > div > ul li{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	font-weight: bold;
	
}
#hero > div > ul li > span{
	color: #fff;
	background: #006934;
	padding: 0.3rem 2rem;
	margin-right: 1rem;
	border-radius: 2rem;
}
#hero > div > ul li > p{
	flex: 1;
	font-size: 2.8rem;
	line-height: 1.2;
}
#hero > div > ul li:last-child p{
  line-height: 0.8;
}
#hero > div > ul li > p > b{
	font-size: 4rem;
}
#hero > div > ul li > p > span{
	display: block;
	font-size: 1.6rem;
}
#hero > div > span{
	position: absolute;
	content: "";
	top: 2rem;
	right: 2rem;
	border-radius: 50%;
	height: 14rem;
	width: 14rem;
	background: #FFA600;
	color: #fff;
	font-weight: 600;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	line-height: 1.4;
	font-size: 2.4rem
}
#hero > div > ul li > p em{
  display: inline-block;
  margin-right: 2rem;
  font-size: 1.8rem;
}
#hero > div > a {
  display: inline-block;
  position: relative;
  height: 100%;
  font-weight: bold;
  color: #fff;
  padding: 0.5rem 3rem;
  background: #FFA600;
  border-radius: 2rem;
}
#hero > div > a:hover{
  text-decoration: none;
}
#hero > div .kv_index{
	margin-top: 2rem;
	width: 50%;
	background: rgba(255, 238, 0, 0.8);
	padding: 1.5rem 1.5rem 0.5rem;
	border-radius: 1rem;
}
#hero > div .kv_index > ul > li{
	font-weight: bold;
	position: relative;
	padding-left: 3rem;
}
#hero > div .kv_index > ul > li::before{
	position: absolute;
	content: "";
	background-image: url("../img/convention/icon-check.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	width: 2.5rem;
	height: 2.5rem;
	top: 0.5rem;
	left: 0;
}
#hero > div .kv_index > ul ul{
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#hero > div .kv_index > ul ul li{
	width: calc(50% - 0.5rem);
	text-align: center;
	font-weight: bold;	
	font-size: 1.4rem;
	margin: 0 0 1rem;
}
#hero > div .kv_index > ul ul li a{
	color: #006934;
	position: relative;
	display: block;
	background: #fff;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	border-radius: 2rem;
  font-size: 1.4rem;
}
#hero > div .kv_index > ul ul li a::after {
	position: absolute;
	right: 0.8rem;
	z-index: 2;
	top: 45%;
	width: .9rem;
	height: .9rem;
	content: "";
	margin: auto;
	border-top: .2rem solid #006934;
	border-right: .2rem solid #006934;
	transform: translateY(-50%) rotate(135deg);
	box-sizing: border-box;
}
#hero > div .kv_index > ul ul li a:hover{
	background: #006934;
	color: #fff;
	opacity: 1;
	text-decoration: none;
}
#hero > div .kv_index > ul ul li a:hover::after{
	border-top: .2rem solid #fff;
	border-right: .2rem solid #fff;
}
@media (max-width: 768px) {
  #hero {
    padding: 0;
    background: url("../img/convention/bg-visual-sp.jpg") no-repeat center top / cover;
    height: 120rem;
    margin: 0rem 0 0;
  }
  #hero > p{
    left: 2rem;
    right: 2rem;
    top: 2rem;
    padding: 1rem 1rem;
    border-radius: 0.5rem;
    text-align: center;
    margin: 0 auto;
    height: auto;
    width: calc(100% - 4rem);
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
  }
  #hero > p > b{
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.8rem;
  }
  #hero > div {
    max-width: none;
    padding: 2rem 1.5rem 28rem;
  }
  #hero > div > div:first-child{
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 1rem;
    align-items: center;
    width: 100%;
  }
  #hero > div > div:first-child .free_admissition{
    font-size: 2.2rem;
  }
  #hero > div > div:first-child .free_admissition.fin{
    font-size: 1.8rem;
  }
  #hero > div > div:first-child > div{
    flex: 1;
  }
  #hero > div > div:first-child p{
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  #hero > div > div:first-child a{
    font-size: 1.4rem;
    padding: 0.2rem 3rem 0.2rem 1.5rem;
  }
  #hero > div > div:first-child a::after{
    right: 1rem;
  }
  #hero > div > a {
    margin: auto;
    width: 70%;
    display: block;
    text-align: center;
  }
  #hero > div h1{width: 100%;}
	#hero > div >figure{width: 100%;}
	#hero > div .kv_index{
    width: 100%;
    padding: 1rem 1rem 1rem;
  }
	#hero > div .kv_index > ul ul li{
		font-size: 1.2rem;
		line-height: 1.4;
		width: 100%;
    margin: 0 0 0.5rem;
	}
	#hero > div .kv_index > ul > li{
		padding-left: 1.6rem;
    font-size: 1.2rem;
	}
	#hero > div .kv_index > ul > li::before{
		width: 1.5rem;
		height: 1.5rem;
    top: 0.3rem;
	}
  #hero > div > ul {
    margin-top: 1.5rem;
    width: 100%;
  }
  #hero > div > ul li{
    margin-bottom: 1rem;
    align-items: flex-start;
  }
  #hero > div > ul li > span{
    margin-top: 0.2rem;
    padding: 0.3rem 1rem;
  }
  #hero > div > ul li > p{
   font-size: 2rem;
  }
  #hero > div > ul li > p > b {
    font-size: 2.4rem;
  }
  #hero > div > ul li > p > span{
    font-size: 1.2rem;
  }
  #hero > div > ul li > p em{
    font-size: 1.4rem;
  }
  #hero > div > span{
    top: auto;
    bottom: 3rem;
    height: 10rem;
	  width: 10rem;
    font-size: 1.8rem
  }
}

/*===== ■4. Section [information] Setting =====*/
#information{
  margin-bottom: 4rem;
}

#information .box_min h2{
  padding: 0.5rem 3rem;
  background: #006934;
  color: #fff;
  font-weight: bold;
}

#information .box_min ul{
  padding: 1rem 3rem 1rem 3rem;
  background: rgba(0, 105, 52, 0.1);
  height: 17.5rem;
  overflow: scroll;
}
#information .box_min ul li{
  padding: 1rem 0;
}

#information .box_min ul li:not(:last-child){
  border-bottom: 0.1rem #006934 dotted;
}

#information .box_min ul li a{
  display: flex;
  align-items: center;
  color: #333;
  position: relative;
}

#information .box_min ul li a.soon{
  opacity: 1;
}
#information .box_min ul li a:hover{
  text-decoration: none;
}


#information .box_min ul li a::after{
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 0.1rem #006934;
  border-right: solid 0.1rem #006934;
  right: 1rem;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

#information .box_min ul li a.soon::after{
  display: none;
}
#information .box_min ul li a time{
  display: block;
  width: 12rem;
  font-weight: bold;
  font-size: 1.4rem;
}
/*===== ■5. Div [hint] Setting =====*/
#hint{
  margin-bottom: 3rem;
}
#hint h2{
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
  color: #006934;
  margin-bottom: 0rem;
}
#hint ul{
  background: rgba(0, 105, 52, 0.1);
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#hint ul li{
  width: calc(50% - 2rem);
  background: #fff;
  padding: 0.1rem;
  border-radius: 0.4rem;
  margin: 1rem 0;
}
#hint ul li h3{
  background: rgba(0, 105, 52, 0.8);
  font-weight: 500;
  color: #fff;
  padding: 0.5rem;
  text-align: center;
  border-radius: 0.4rem 0.4rem 0 0;
}
#hint ul li h3 span{font-size: 2rem;}
#hint ul li > p{
  padding:  1rem 0.5rem 0.5rem;
}
#hint ul li > div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
#hint ul li > div > div{
	padding: 2rem 2rem 2rem 2rem;
	flex: 1;
}
#hint ul li > div > figure{
	width: 20%;
}
#hint ul li:nth-child(2) > div > figure,
#hint ul li:nth-child(4) > div > figure{
	width: 25%;
}
#hint ul li > div > figure img{
	vertical-align: bottom;
}
#hint ul li > div > div > p{
  margin-bottom: 0.2rem;
  font-size: 1.6rem;
  font-weight: bold;
	line-height: 1.4
}
#hint ul li > div > div > div >p{
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}
#hint ul li div > a{
  background: #E67920;
  padding: 0.5rem 2rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  border-radius: 3rem;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  #hint h2{
    font-size: 2rem;
  }
	#hint ul li{
		width: 100%;
	}
	#hint ul li > div > div{
		padding: 1rem;
	}
	#hint ul li div > a{
		font-size: 1.4rem;
	}
}
/*===== ■6. Div [news] Setting =====*/
#news{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
#news > *{
  width: calc(50% - 2rem);
  background: #E67920;
  padding: 2.5rem;
  border-radius: 1rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
#news > div:first-child h2{
  margin-bottom: 2rem;
  font-size: 2.4rem;
}
#news > div:first-child li{
  margin-bottom: 1rem;
  margin-left:0.5rem;
  margin-right:0.5rem;
  font-weight:bold;
  display: inline-block;
  border-radius: 3rem;
  padding: 0.5rem 2rem;
  background: #fff;
  color: #E67920;
  font-size: 2.6rem;
}
#news > div:last-child h2{
  font-size: 1.6rem;
  margin-bottom: 1rem
}
#news > div:last-child ul{
  text-align: left;
  width: 60%;
  min-width: 30rem;
  margin: 0 auto 1rem;
}
#news > div:last-child li{
  padding-left: 1rem;
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.4rem;
}
#news > div:last-child li::after{
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 768px) {
  #news > *{
    width: 100%;
    margin-bottom: 3rem;
    padding: 2rem;
  }
  #news > div:first-child h2{
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
  }
  #news > div:first-child li{
    margin-left:0.5rem;
    margin-right:0.5rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 3rem;
    padding: 0.5rem 2rem;
    font-size: 2.0rem;
  }
  #news > div:last-child h2{
    margin-bottom: 1rem
  }
}


/*===== ■7. Div [ancer] Setting =====*/
#ancer {margin: 0 auto 6rem}
#ancer > ul {
  display: flex;
	flex-wrap: wrap;
  gap: 1rem 2rem;
}
#ancer > ul > li {
  width: calc(100% / 3 - 1.5rem);
  text-align: center;
  border: .1rem solid #e2e2e2;
  background: linear-gradient(0deg, #e3e2e2 8%, #ffffff 30%);
}
#ancer > ul > li > a {
  position: relative;
  padding: 2rem 1.5rem 3rem;
  height: 100%;
  color: #006934;
  font-weight: 600;
	line-height: 1.4;
  display: flex;
	flex-direction: column;
  justify-content: center;
	font-size: 1.6rem;
}
#ancer > ul > li > a span{font-size: 1.4rem;}
#ancer > ul > li > a::after {
  position: absolute;
  bottom: 1rem;
  z-index: 2;
  right: 50%;
  width: .9rem;
  height: .9rem;
  content: "";
  margin: auto;
  border-top: .2rem solid #006934;
  border-right: .2rem solid #006934;
  transform: translate(0.4rem, -.2rem) rotate(135deg);
  box-sizing: border-box;
}
#ancer > ul > li > a:hover {text-decoration: none;}
@media (max-width: 768px) {
  #ancer {margin: 0 auto 3rem}
  #ancer > ul {
    flex-wrap: wrap;
    gap: .5rem;
  }
  #ancer > ul > li {
    width: calc(98% / 2);
    min-height: 6rem;
  }
  #ancer > ul > li > a {font-size: 1.6rem; }
  #ancer > ul > li > a::after {
    content: '';
    position: absolute;
    width: .9rem;
    height: .9rem;
    border-top: .2rem solid #006934;
    border-right: .2rem solid #006934;
    transform: translateY(-.2rem) rotate(135deg);
    box-sizing: border-box;
  }
}

/*===== ■8. Section [floor_plan] Setting =====*/
#floor_plan img{
  max-width: none;
}

/*===== ■9. Section [participants] Setting =====*/
#participants .box_min:first-of-type{
	margin-bottom: 5rem;
}
#participants ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#participants ul li{
  border: #006934 solid 0.1rem;
  padding: 2rem; 
  border-radius: 1rem;
  width: calc(33.3% - 1em);
  display: flex;
  flex-direction:column; 
  margin-bottom: 2rem;
}
#participants ul li h3{
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #006934;
  font-size: 1.6rem;
}
#participants ul li h3 figure{
  width: 60%;
  margin: 0 auto;
}
#participants ul li > p{
	font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
#participants ul li div{
  margin: auto 0 0;
}
#participants ul li dl dt{
  font-size: 1.4rem;
  background: rgba(0, 105, 52, 0.4);
  padding: 0.2rem;
  color: #fff;
  text-align: center;
  border-radius: 0.4rem;
}
#participants ul li dl dd{
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
}
#participants ul li div dl:first-child dd{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  background: #2bac38;
  color: #fff;
  margin: 0.5rem auto 1rem;
  font-size: 1.6rem;
  line-height:2
}
@media (max-width: 768px) {
	#participants ul li{
		width: 100%;
	}
}

/*===== ■10. Section [lecture] Setting =====*/
#lecture table{
  width: 100%;
}
#lecture tr >*{
  vertical-align: middle;
  line-height: 1.6;
}
#lecture th{
  background: #006934;
  color: #fff;
  font-weight: 500; 
  padding: 1rem 2rem;
}
#lecture tr >th:first-child{
  border-right: 0.1rem #fff dotted;
}
#lecture td{
  background: rgba(0, 105, 52, 0.1);
  padding: 2rem;
  border-bottom: 0.1rem #006934 dotted;
}
#lecture tr >td:first-child{
  border-right: 0.1rem #006934 dotted;
  text-align: center;
  width: 10rem;
  font-weight: 500;
  font-size: 1.4rem;
}
#lecture td > span{
  display: inline-block;
  font-weight: 500;
  border:#006934 solid 0.1rem;
  padding: 0rem 1rem;
  color: #006934;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
}
#lecture td > b{
  display: inline-block;
  font-weight: 500;
  border:#fff solid 0.1rem;
  padding: 0rem 1rem;
  color: #006934;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  background: #fff;
}
#lecture td > p{
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
#lecture td > ul{
  font-size: 1.4rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
#lecture td > ul > li > span{
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 1rem;
}
#lecture td .speaker{
  display: flex;
  align-items: flex-end;
}
#lecture td .speaker + .speaker{
  margin-top: 1rem;
}
#lecture td .speaker figure{
  width: 10rem;
  margin-right: 1rem
}
#lecture td .speaker figure img{
  vertical-align: top;
}
#lecture td .speaker p{
  flex: 1;
  font-size: 1.4rem;
}
#lecture td .speaker p b{
  display: block;
  font-size: 1.6rem;
}
#lecture table + p{
	text-align: right;
	font-size: 1.4rem;
	margin-top: 0.5rem;
}

@media (max-width: 768px) {
  #lecture tr >td:first-child{
    width: 7rem;
    padding: 1rem;
  }
  #lecture td > p{
    font-size: 1.8rem;
  }
  #lecture td .speaker figure{
    width: 6rem;
  }
	#lecture th{padding: 1rem;}
	#lecture td{padding: 1rem;}
}

/*===== ■11. Section [seminar] Setting =====*/
#seminar p{
  text-align: center;
}
#seminar p:last-child{
  margin-top: 1rem;
}
#seminar p:last-child a{
  color: #006934
}
#seminar ul{
  margin-top: 2rem;
  background: rgba(0, 105, 52, 0.1);
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  border-radius: 1rem;
  text-align: center;
}
#seminar li{
  text-align: center;
  font-weight: bold;
  display: inline-block;
  background: rgba(0, 105, 52, 0.1);
  margin: 1rem;
  padding: 0.5rem 3rem; 
  border-radius: 3rem;
}
#seminar h3{
  color: #006934;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}
#seminar table{
  width: 100%;
}
#seminar tr >*{
  vertical-align: middle;
  line-height: 1.6;
}
#seminar th{
  background: #006934;
  color: #fff;
  font-weight: 500; 
  padding: 1rem 2rem;
}
#seminar tr >th:not(:last-child){
  border-right: 0.1rem #fff dotted;
}
#seminar tr >td:not(:last-child){
  border-right: 0.1rem #006934 dotted;
}
#seminar td{
  background: rgba(0, 105, 52, 0.1);
  padding: 1rem 2rem;
  border-bottom: 0.1rem #006934 dotted;
}
@media (max-width: 768px) {
	#seminar .table_box {
		white-space: nowrap;
		width: calc(100% + 1rem);
		padding-right: 1rem;
		overflow-x: auto;
	}
	#seminar td{
		padding: 1rem;
		font-size: 1.4rem;
	}
	#seminar ul{padding: 1rem;}
	#seminar li{
		margin: 1rem 0rem;
		display: block;
	}
}

/*===== ■12. Section [time_schedule] Setting =====*/
#time_schedule table{
  width: 100%;
}
#time_schedule tr > *{
  vertical-align: middle;
  line-height: 1.6;
}
#time_schedule th{
  background: #006934;
  color: #fff;
  font-weight: 500; 
  padding: 1rem 2rem;
	width: 50%;
}
#time_schedule tr th:last-child{
  border-left: 0.1rem #fff dotted;
}
#time_schedule th span{
  display: block;
  font-size: 1.4rem;
}
#time_schedule tr td{
  border-bottom: 0.1rem #006934 dotted;
  border-left: 0.1rem #006934 dotted;
  padding: 1.5rem;
}
#time_schedule tr td:last-child{
  border-right: 0.1rem #006934 dotted;
}
#time_schedule tr td.time{
  text-align: center;
  width: 14rem;
  font-weight: 500;
  font-size: 1.4rem;
   background: rgba(0, 105, 52, 0.1);
}
#time_schedule tr td b.lecture{
	font-weight: bold;
	font-size: 2rem;
}
#time_schedule tr td > span{
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.4rem 1rem;
	background: rgba(0, 105, 52, 0.2);
	color: #006934;
	border-radius: 2rem;
}
#time_schedule tr td p{}
#time_schedule tr td p.g_name{
	font-weight: 500;
	font-size: 1.4rem;
}
#time_schedule tr td p{
	line-height: 1.2;
	margin-top: 0.4rem;
	font-weight: 500;
}
#time_schedule tr td div ul{
  background: #ededed;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
}
#time_schedule tr td div li {
  font-size: 1.4rem
}
#time_schedule tr td div li > span{
  display: inline-block;
  margin-right: 1rem;
  font-weight: 500;
  font-size: 1.2rem;
}
#time_schedule .caution{
	text-align: right;
	font-size: 1.2rem;
	margin-top: 0.5rem;
}
 @media (max-width: 768px) { 
	 #time_schedule .table_box{
		white-space: nowrap;
		width: calc(100% + 1rem);
		padding-right: 1rem;
		overflow-x: auto;
	 }
	 #time_schedule .caution{
		text-align: left;
	}
}

/*===== ■13. Section [exchange_time] Setting =====*/
#exchange_time .intro{
  text-align: center;
}
#exchange_time .intro b{
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #006934;
  display: block;
}
#exchange_time .flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#exchange_time .flex dl{
  width: calc(50% - 2rem);
  background: rgba(0, 105, 52, 0.1);
}
#exchange_time .flex dt{
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 1rem;
  background: #006934;;
}
#exchange_time .flex dd{
  padding: 2rem;
}
#exchange_time .flex dd > ul >li{
  position: relative;
  line-height: 1.5;
  padding-left: 1rem;
  font-size: 1.6rem;
}
#exchange_time .flex dd li:not(:last-child){
  margin-bottom: 1rem;
}
#exchange_time .flex dd > ul > li:before{
  position: absolute;
  content: "";
  top :0.8rem;
  left: 0;
  background: #006934;
  border-radius: 1rem;
  width: 0.5rem;
  height: 0.5rem;
}
#exchange_time .flex dd li > b{
  display: block;
  font-weight: 500;
}
#exchange_time .flex dd > ul > li > ul > li{
  padding-left: 3.2rem;
  text-indent: -3.2rem;
  font-size: 1.5rem;
}
#exchange_time .flex dd > ul > li > ul > li span{
  font-weight: 600
}
#exchange_time .flex dd > ul > li > ul > li > ul > li{
  text-indent: 0;
  padding-left: 1rem;
  position: relative;
}
#exchange_time .flex dd > ul > li > ul > li > ul > li:before{
  position: absolute;
  content: "";
  top :0.8rem;
  left: 0;
  background: #333;
  border-radius: 1rem;
  width: 0.3rem;
  height: 0.3rem;
}
#exchange_time .flex dd p{font-size: 1.4rem;}
@media (max-width: 768px) {
	#exchange_time .flex dl{
		width: 100%;
		margin-bottom: 1.5rem;
	}
}

/*===== ■14. Section [purpose] Setting =====*/
#purpose .box_min > div {
	background: rgba(0, 105, 52, 0.1);
	padding: 2rem;
	margin-bottom: 3rem;
}
#purpose .box_min > div p {
    padding: 1rem;
}
#purpose picture{
	display: block;
	width: 80%;
	margin: 3rem auto 0;
}
#purpose picture img{
	max-width: none;
}
@media (max-width: 768px) {
  #purpose .box_min > div{
    padding: 1rem;
  }
	#purpose .box_min > div h2 {
		font-size: 2rem;
	}
  #purpose picture{
    width: 100%;
  }
}

/*===== ■15. Section [overview] Setting =====*/
#overview td a{
  color: #006934;;
  font-weight: 500;
  position: relative;
}
#overview td a::after {
	position: absolute;
	bottom: 0.3rem;
	z-index: 2;
	right: -1rem;
	width: .9rem;
	height: .9rem;
	content: "";
	margin: auto;
	border-top: .2rem solid #006934;
	border-right: .2rem solid #006934;
	transform: translate(0.4rem, -.2rem) rotate(135deg);
	box-sizing: border-box;
}
#overview #access p{
  margin-bottom: 1rem;
}
#overview #access iframe{
  width: 100%
}

#overview #access > div{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}
#overview #access dl{
  width: calc(50% - 2rem);
	background: rgba(0, 105, 52, 0.1);
}
#overview #access dl dt {
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 1rem;
	background: #006934;
}

#overview #access dl dd {
	padding: 2rem;
}
@media (max-width: 768px) {
	#overview #access dl{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	#overview #access dl dd {
		padding:1.5rem;
	}
}

/*===== ■16. Section [committee] Setting =====*/
#committee .box_min > p{
	font-size: 1.4rem;
	padding: 0;
}
@media (max-width: 768px) {
  #committee .box_min{
    margin-right: 1.5rem;
  }
}

/*===== ■16. a [registration] Setting =====*/
#registration li{
	padding-left: 1.5rem;
	position: relative;
}
#registration li::before{
	position: absolute;
	content: "";
	background: #006934;
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	top: 1.4rem;
	left: 0;
}

#registration .box_min div{
	text-align: center;
	margin-top: 3rem;
}
#registration a{
	display: inline-block;
	background: #c00;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.4;
	padding: 2rem 6rem;;
	transition: 0.6s;
	border-radius: 4rem;
	position: relative;
}
#registration a:hover{
	opacity: 1;
	background: #000;
	text-decoration: none;
	
}

#registration a::after {
	position: absolute;
	right: 2.5rem;
	top: 50%;
	width: 1.2rem;
	height: 1.2rem;
	content: "";
	margin: auto;
	border-top: .2rem solid #fff;
	border-left: .2rem solid #fff;
	transform: translateY(-50%) rotate(135deg);
	box-sizing: border-box;
	z-index: 3;
	transition: 0.6s;
}
#registration a:hover::after{
	right: 1.5rem;
}
#registration p{
  text-align: center;
}

/*===== ■17. a [fix_btn] Setting =====*/
.fix_btn{
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 20%;
  min-width: 30rem;
	background: #c00;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.4;
	padding: 2rem;
	z-index: 2;
	transition: 0.6s;
	border-radius: 1rem;
}
.fix_btn span{
	display: block;
	font-size: 1.6rem;
}
.fix_btn::after {
	position: absolute;
	right: 2.5rem;
	top: 50%;
	width: 1.2rem;
	height: 1.2rem;
	content: "";
	margin: auto;
	border-top: .2rem solid #fff;
	border-right: .2rem solid #fff;
	transform: translateY(-50%) rotate(135deg);
	box-sizing: border-box;
	z-index: 3;
	transition: 0.6s;
}
.fix_btn:hover{
	opacity: 1;
	background: #000;
	text-decoration: none;
	border-radius: 5rem
}
.fix_btn:hover::after {
	top: 60%;
}
@media (max-width: 768px) {
	.fix_btn{
		width: calc(100%  - 2rem);
		bottom: 1rem;
    right: 1rem;
	}
}


/*===== ■18. Section [common.css] reSetting =====*/
header {
  padding: 2.5rem 2rem 2.5rem;
}
header nav > ul > li > a {
  display: block;
  position: relative;
  height: 100%;
  font-weight: bold;
	color: #fff;
	padding: 0.5rem 2rem;
	background: #FFA600;
	border-radius: 2rem;
}
#chubu .subhead {
  background: #006934;
}
#chubu .subhead:after {
  background: #6b895c;
}
#chubu .table_ver th {
  background:rgba(0, 105, 52,0.3);
  color: #006934;
}
#chubu .table_basic th {
  background:rgba(0, 105, 52,0.3);
  color: #006934;
}
footer {
  background: #006934;
  color: #fff;
}
#footer_wrap h2{
	text-align: center;
	margin-bottom: 2rem
}
#footer_wrap h2 span{
	display: inline-block;
	color: #006934;
	background: #fff;
	padding: 0.5rem 2rem;
	border-radius: 3rem;
}
#footer_wrap dd a{
	color: #fff;
}

footer > p {
  background: #005d29;
}

@media (max-width: 768px) {
  header {
    padding: 1.5rem;
  }
	footer > p {
		padding-bottom: 12rem
	}
}