/* talksession_single */
.talksession_single_top {
  position: relative;
  width: 100%;
}

.talksession_single_top_img {
  width: 100%;
}

.talksession_single_top_img img {
	display: block;
  width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.talksession_single_ttl {
  background-color: #00827e;
  bottom: 2%;
  color: white;
  height: 100px;
  position: absolute;
  width: 100%;
}

.talksession_single_ttl-box {
  display: flex;
  justify-content: space-between;
  max-width: 1024px;
  margin: auto;
  padding: 0 2%;
}

.talksession_single_ttl_left {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 100px;
}

.talksession_single_ttl_right {
  width: 60%;
  text-align: right;
}

.talksession_single_ttl_right-up {
  font-size: 18px;
  margin: 15px 0 0;
}

.talksession_single_ttl_right-bt {
  font-size: 36px;
  margin: 0;
}

.talksession_single_ttl_right-three {
	font-size: 1.3rem;
	margin: 10px 0 0;
}

.talksession_single {
  margin: 0 2%;
}

.talksession_single_preface {
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0 0;
}

.talksession_single_preface p {
  margin: 20px 0 0;
}

.talksession_single_caption {
  background: linear-gradient(transparent 10%, #E9F5F7);
  color: #00827e;
  font-size: 30px;
  font-weight: 700;
  margin: 40px 0 20px;
}

.talksession_single_body-left img {
  width: 50%;
  float: left;
  margin: 0 3% 0 0;
}

.talksession_single_body-right img {
  width: 50%;
  float: right;
  margin: 0 0 0 3%;
}

.talksession_single_body-left::after {
   content: "";
   display: block;
   clear: both;
}

.talksession_single_body-right::after {
   content: "";
   display: block;
   clear: both;
}

.talksession_single p {
  font-size: 18px;
  margin: 24px 0 0;
	letter-spacing: 1px;
	line-height: 1.8;
	text-align: justify;
}

.talksession_single_body-last {
  font-size: 36px;
  font-weight: 700;
  margin: 20px 0 0;
}

.talksession_single_body-link {
	margin: 1rem 0;
	word-break: break-all;
}

.talksession_single_body-link a {
	display: block;
	color: #000000;
}

/* talksession_footer */
.talksession_prev-next-link {
  display: flex;
  height: 3rem;
  margin: 2rem auto;
  width: 80%;
  justify-content: space-between;
}

.talksession_prev-next-link a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  width: 20%;
}

.talksession_prev-next-link div {
  display: block;
  width: 100%;
}

/* talksession_prev-link */
.talksession_prev-link {
  height: 1rem;
  position: relative;
}

.talksession_prev-label {
  position: absolute;
  text-align: right;
  font-size: 1.5rem;
}

.talksession_prev-box {
  position: absolute;
  bottom: -1.3rem;
  width: 100%;
  z-index: -1;
  border-bottom: 15px solid #00827E;
  opacity: 70%;
  border-left: 30px solid transparent;
  height: 0;
}

/* talksession_next-link */
.talksession_next-link {
  height: 1rem;
  position: relative;
}

.talksession_next-label {
  position: absolute;
  text-align: left;
  font-size: 1.5rem;
}

.talksession_next-box {
  position: absolute;
  bottom: -1.3rem;
  width: 100%;
  z-index: -1;
  border-bottom: 15px solid #00827E;
  opacity: 70%;
  border-right: 30px solid transparent;
  height: 0;
}

.talksession_single-back {
  text-align: center;
  margin: 0 0 40px;
}

.talksession_single-back a {
  display: inline-block;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  background-color: #000;
  color: #fff;
  border-radius: 18px;
}

.talksession_single-back a:link, .talksession_single-back a:visited, .talksession_single-back a:active {
  color: #fff;
}

.youtube_pre {
	margin: 32px 0 16px;
}

.youtube {
  width: 100%;
	max-width: 480px;
  aspect-ratio: 16 / 9;
	margin: 0 0 16px;
}

.youtube_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}


@media screen and (min-width: 550px) and (max-width: 800px) {
	.talksession_single_ttl {
		height: 70px;
	}
	
	.talksession_single_ttl_left {
		font-size: 2rem;
		line-height: 50px;
	}
	
	.talksession_single_ttl_right-up {
		font-size: 0.8rem;
		margin: 0;
	}
	
	.talksession_single_ttl_right-bt {
		font-size: 1.1rem;
	}
	
	.talksession_single_ttl_right-three {
		font-size: 1rem;
	}

	
	.talksession_single_preface {
		margin: 1rem 0;
	}
	
	.talksession_single p {
		font-size: 1rem;
		margin: 0.8rem;
		letter-spacing: 0px;
	}
	
	.talksession_single_caption {
		font-size: 1.2rem;
		margin: 1rem 0 0.5rem;
	}
	
	.talksession_single_body-last {
		font-size: 1.2rem;
		margin: 1rem;
	}
	
	.talksession_prev-label {
		font-size: 1.0rem;
	}
	
	.talksession_prev-box {
		bottom: -0.8rem;
	}

	.talksession_next-label {
		font-size: 1.0rem;
	}
	
	.talksession_next-box {
		bottom: -0.8rem;
	}
}

@media screen and (max-width: 549px) {
	.talksession_single_ttl {
		position: absolute;
		height: auto;
		bottom: -3.5rem;
	}
	
	.talksession_single_ttl-box {
		flex-direction: column;
	}
	
	.talksession_single_ttl_left {
		font-size: 1.2rem;
		height: auto;
		line-height: 2rem;
	}
	
	.talksession_single_ttl_right {
		width: 100%;
	}
	
	.talksession_single_ttl_right-up {
		font-size: 0.8rem;
		margin: 0;
	}

	.talksession_single_ttl_right-three {
		font-size: 0.9rem;
	}

	.talksession_single_ttl_right-bt {
		font-size: 1.1rem;
		margin: 0 0 0.5rem;
	}
	
	.talksession_single {
		width: 100%;
		margin: 5rem 0;
		padding: 0 20px
	}
	
	.talksession_single p {
		font-size: 1.0rem;
		margin: 0.7rem 0 0;
		letter-spacing: 0px;
		text-align: left;
	}
	.talksession_single_caption {
		font-size: 1.2rem;
		margin: 1rem 0 0.5rem;
	}
	
	.talksession_single_body-left img {
		width:100%;
		float: none;
		margin: 0;
	}

	.talksession_single_body-right img {
		width:100%;
		float: none;
		margin: 0;
	}
	
	.talksession_single_body-last {
		font-size: 1rem;
		margin: 0.5rem 0;
	}
	
	.talksession_prev-label {
		font-size: 0.8rem;
	}
	
	.talksession_prev-box {
		bottom: -0.3rem;
		border-bottom: 10px solid #00827E;
		border-left: 15px solid transparent;
	}

	.talksession_next-label {
		font-size: 0.8rem;
	}
	
	.talksession_next-box {
		bottom: -0.3rem;
		border-bottom: 10px solid #00827E;
		border-right: 15px solid transparent;
	}
}