.event_explanation{
	
	padding: 5px;
	width:70%;
	margin-left: 10px;
	margin-right: 10px;
	
}
@media screen and (max-width: 777px) {
  .event_explanation {
	  width:100%;
  }
}

.event_detail h2 {
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  font-weight: 400;
  font-size: calc(23px + 20 * ((100vw - 420px) / 860));
  color: #eb3700;
}
.event_detail h2 span {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: 500;
  font-size: calc(15px + 5 * ((100vw - 420px) / 860));
  display: block;
  color: #828282;
}

.about__content {
  width: 100%;
  height: auto;
  color: #b5111e;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  font-weight: 500;
  font-size: calc(15px + 3 * ((100vw - 420px) / 860));
}
@media screen and (max-width: 777px) {
  .about__content {
    padding-top: 10%;
    padding-right: 0;
    padding-bottom: 10%;
    padding-left: 0;
    border-radius: 0;
  }
}
.about__box {
  width: 70%;
  height: auto;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding-top: 2%;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #b5111e;
}
@media screen and (max-width: 777px) {
  .about__box {
    width: 95%;
    height: auto;
    margin-top: 5%;
    margin-right: auto;
    margin-bottom: 5%;
    margin-left: auto;
  }
}

.about__title {
  width: 20%;
  height: auto;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 0;
}
@media screen and (max-width: 777px) {
  .about__title {
    width: 25%;
    height: auto;
  }
}


.about__text {
  width: 70%;
  height: auto;
}

a {
  color: #b5111e;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

.program{
	display: flex;
	flex-direction:row;
	justify-content: space-around;
	width: 70%;
	margin-top: 10px;
	margin-bottom: 10px;

}
@media screen and (max-width: 1000px) {
  .program {
	  width:100%;
	  flex-direction:column;
	  align-items: center;
  }
}

.event_program{
	border: 2px solid #2735a1;
	border-radius :5px;
	margin: 5px;
	max-width: 600px;
	width:45%;
}

@media screen and (max-width: 1000px) {
  .event_program {
	  width:100%;
  }
}


.event_program_title{
	background:  #2735a1;
	color: white;
	font-size: 20px;
	text-align: center;
	
}
.event_program_title span{
	font-size: 13px;	
}

.event_program_catch{
	font-size: 20px;
	color: #2735a1;
	text-align: center;
	font-weight: bold;
}

.event_program_detail{
	margin: 10px;
	display: flex;
	
}
.event_program_image img{
	width: 120px;
}
.event_program_explanation{
	font-size: 13px;
	margin-left: 10px;
	
	
}
.event_program_explanation_catch{
	font-size: 16px;
	border: 2px solid #7E7E7E;
	border-radius :8px;
	margin: 5px;
	text-align: center;
	color: #7E7E7E;

	
}

#kizuna_logo{
	width: 40%;
	display: flex;
	margin-left: 10px;
	margin-right: 10px;
	
}

#about_kizuna{
	border: 2px solid #2735a1;
	border-radius :5px;
	padding: 10px;
	width:70%;
	display: flex;
	flex-direction: row;
	align-items: center;
	
}
@media screen and (max-width: 777px) {
	#about_kizuna{
		display: flex;
		flex-direction:column;
		width:90%;
		
		
	}
	#kizuna_logo{
		width: 80%;
		justify-content: center;
	
	}
}

#about_kizuna img {
	width: 100%;
	object-fit: contain;
	
}
.sub_contents_item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.sub_contents_item h2{
	
	font-family: 'Noto Serif JP', serif;
  	text-align: center;
  	font-weight: 400;
  	font-size: calc(23px + 20 * ((100vw - 420px) / 860));
  	color: #eb3700;
}

.sub_contents_item h2 span {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: 500;
  font-size: calc(15px + 5 * ((100vw - 420px) / 860));
  display: block;
  color: #828282;
}
.sub_contents_item_subtitle{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #ebb400;
	font-size: 25px;
	margin:10px;
}

#sponsor{
	width:70%;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

@media screen and (max-width: 777px) {
  #sponsor {
    width:90%;
  }
}
.sponsor_logo{
	width: 30%;
	margin: 1.6%;
	
	
}
@media screen and (max-width: 777px) {
	.sponsor_logo {
		width:45%;
		margin: 2.5%;
  	}
}
.sponsor_logo img{
	width: 100%;
	object-fit: contain;
	
	
}


#map {
  position: relative;
  width: 70%;
  height: 0;
  padding-top: 40%; 
}
@media screen and (max-width: 777px) {
	#map {
		width:90%;
  	}
}
 
#map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.program_item{
	
	width: 70%;
	border: 8px solid #2735a1;
	border-radius: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 777px) {
	.program_item {
		width:100%;
  	}
}
.program_item_title{
	font-size: 25px;
	color:white;
	background: #2735a1;
	padding:10px;
	font-weight: bold;
}
.program_item_subtitle{
	font-size: 25px;
	color:#2735a1;
	padding:10px;
	font-weight: bold;
	text-align: center;
}
.program_item_explain{
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
	margin: 20px;
}

@media screen and (max-width: 777px) {
	.program_item_explain {
		flex-direction: column;
  	}
}

.program_item_explain_text{
	width: 100%;
	line-height: 20px;
}
.program_item_explain_photo{
	width:180px;
	min-width: 180px;
	line-height: 20px;
	text-align: center;
	
}
.program_item_explain_photo img{
	
	width:100%;	
	object-fit: contain;
}

.program_item_explain_photo span{
	line-height: 40px;
	font-size: 25px;
}

.program_photogroup{
	display: flex;
	flex-direction: row;
    justify-content: space-around;
	
}


.program_photo{
	width:45%;
	margin: 1.6%;
	
}
.program_photo img{
	width:100%;	
	object-fit: contain;
}

#kichou_kouen .program_item_subtitle{
		font-size: 30px;
}

#kichou_kouen .program_item_explain_text{
	margin-left: 30px;
}

@media screen and (max-width: 777px) {
	#kichou_kouen .program_item_explain_text {
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
  	}
}

#kichou_kouen .program_item_explain_photo{
	width:200px;
	min-width: 200px;
}

#symposium .program_item_subtitle{
		font-size: 30px;
}

#symposium .program_item_explain_text{
	margin-left: 30px;
}



#symposium .program_item_explain_photo{
	width:220px;
	min-width: 220px;
}

@media screen and (max-width: 777px) {
	#symposium .program_item_explain_photo {
		width:250px;
		min-width: 250px;
  	}
}

#symposium .program_item_explain_text{
	
}

@media screen and (max-width: 777px) {
	#symposium .program_item_explain_text {
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
  	}
}

.program_item_role{
	width: 100%;
	font-size: 20px;
	background: #1289D1;
	text-align: center;
	font-weight: bold;
	color:white;
	
}

#health_session .program_item_subtitle{
		font-size: 30px;
}

#health_session .program_item_explain_text{
	margin-left: 30px;
}


#health_session .program_item_explain_photo{
	width:220px;
	min-width: 220px;
}

@media screen and (max-width: 777px) {
	#health_session .program_item_explain_photo {
		width:250px;
		min-width: 250px;
  	}
}

#health_session .program_item_explain_text{
	
}

@media screen and (max-width: 777px) {
	#health_session .program_item_explain_text {
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
  	}
}


#health_session .program_photogroup{
	display: flex;
	flex-direction: row;
	
}


#health_session .program_photo{
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
	
}
@media screen and (max-width: 777px) {
	#health_session .program_photo {
		width:80%;
		margin-left: 10%;
		margin-right: 10%;
  	}
}

#health_session .program_photo img{
	width:100%;	
	object-fit: contain;
}

.photo_explain{
    font-size: 10px;
    width: 100%;
    text-align: right;
}
.main_visual{
    position:relative;
}
.main_visual_explain{
    position: absolute;
    color:white;
    top:550px;
    font-size: 30px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    
}
.always_displayed_banner {
    background: #478384;
    
}
.always_displayed_banner_btn{
    background-color: #A7007D;
    border-radius: 30px;
}

.program_item_kenkou_session{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	margin: 20px;
}

.presentedby{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.presentedby img{
    width: 40%;
}
.instructor_group{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.instructor{
    width: 40%;
    text-align: center;
}
.instructor img{
    width: 100%;
    max-width: 200px;
}
.instructor span{
    font-size: 22px;
}