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



.title {
	position: relative;
	text-align: center;

}


.title__img{
  width:  100%;
  height:auto;
  overflow: hidden;
	}
.title__img img{
     width: 100%;
   }

.main_text_after {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 70%;
	padding:30px;
	background : rgba(0,0,0,0.5);
}


@media screen and (max-width: 992px){
	.main_text_after {

width: 80%;

}

.title__img{
  height: auto;
	  width: auto;
	}
}

.title__img img{
     width: 80%;
   }



.main_text_after h2 {
	  font-size:24px;
	  letter-spacing:2px;
	  margin-bottom:10px;
		  width:100%;

	    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			  line-height:40px;
	color: #FFFFFF;

}
.main_text_after h6 {
	  font-size:16px;
	  letter-spacing:2px;
	  margin-bottom:24px;
		  width:100%;
line-height:20px;
	color: #fff;

}
.main_text_after p {
	  font-size:18px;
	  letter-spacing:1px;
	  line-height:40px;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:center;	
		color: #FFFFFF;
	 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}


@media screen and (max-width: 767px){
	.title__img img{
     width: 82%;
   }
	
	.main_text_after {
	
	width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}
.main_text_after h2 {
	  font-size:18px;
		line-height:26px;

}
	
	.main_text_after p {
	  font-size:16px;
	  line-height:28px;
	  
}
}







/* ==========================================================================
	box_4
========================================================================== */

#convention{
	padding-bottom: 70px;

  }


#convention h3{
	padding-top: 40px;
	padding-bottom: 10px;
	margin-top: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	 color: #a3cca7;

  }

#activity{
	padding-bottom: 30px;
	background-image: url("../img/convention/bg_activety.gif");
	background-repeat: repeat;


  }
#activity h3{
	padding-top: 40px;
	padding-bottom: 10px;
	margin-top: 20px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
			  color: #a3cca7;

  }

@media screen and (max-width: 992px){
	
#convention h3{
	font-size:18px;
  }
	#activity h3{

	font-size: 18px;
	
  }
  }


.activity_height{
	height: 280px;
	
  }



.box4 {
margin-bottom:30px;
	margin-top: 30px;
	float: left;
  }
 
  .box4 img {
	  width:100%;
	  height:auto;

  }

.over_img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}


  .box4 h5 {
    font-weight: 400;
	text-align:center;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height: 16px;
	  margin-top:14px;
}


  .box4 p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:12px;
	  line-height: 18px;
	  margin-top:10px;
	  padding-left: 10px;
	  padding-right: 10px;
	  color: #000000;
	  height: 60px;
}