@charset "UTF-8";


/* nav
----------------------------------------*/
.nav-list li.seminar02::before{
	display: inline-block;
}

/* individual
----------------------------------------*/
.ans {
	margin-bottom: 1.5rem;
}

.ans span {
	padding-right: 1em;
	font-weight: bold;
	font-size: 1.1em;
}

.ans span.psn01 {color: #75cf00;}
.ans span.psn02 {color: #005eb0;}


/* photo
----------------------------------------*/
.f_center{
	max-width: 800px;
	margin: 60px auto;
}
.f_center.wide{
	max-width: 900px;
}
.section02 .f_center:last-of-type,
.section03 .f_center:last-of-type,
.section04 .f_center:last-of-type{
	margin: 60px auto 20px;
}

@media screen and (max-width: 767px){
	.section02 .f_center,
	.section03 .f_center{
		margin: 40px auto 10px;
	}
}


/* movie page */
.movie_area{
  margin: 2.8em auto 60px;
}
.movie_title{
  padding: 10px 20px;
  background: #0062b2;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}
.movie_content{
  max-width: 800px;
  margin: 0 auto;
}
.back_btn_area{
  max-width: 300px;
  margin: 0 auto;
}
.movie_area .caption{
  text-align: center;
  margin-top: 1em;
}
.bpimage_title{
  margin-top: 1em;
  color: #222;
  font-size: 1.6rem;
  font-weight: bold;
}
.bpimage_caption{
  font-size: 1.3rem;
}
.bpimage_caption .name{
  font-size: 1.7rem;
}
.bpimage_caption .shoulder{
  background-color: #3b689a;
  border-radius: 3px;
  color: #fff;
  font-size: 1.05rem;
  padding: 3px 6px;
  line-height: 1;
}
.img_right .bpimage_caption,
.img_left .bpimage_caption {
  background: #e5e5e5;
  font-size: 1.4rem;
  text-align: right;
  padding: 10px 18px;
}
.img_right .bpimage_caption.moderator,
.img_left .bpimage_caption.moderator {
  background: #e5e5e5;
  font-size: 1.4rem;
  text-align: right;
  padding: 10px 18px;
  margin-top: 10px;
}

.u-sp {
  display: none !important;
}


@media (max-width: 812px) {
	.movie-page .hero .l-content {
		padding: 40px 30px 50px 30px;
	}

	.movie_area {
		margin: 2em auto 30px;
	}

	.movie_title {
		font-size: 2.0rem;
	}

	.back_btn_area {
		width: 80%;
	}

	.u-pc {
		display: none !important;
	}

	.u-sp {
		display: inherit !important;
	}
}

/* end case-812 */
@media (max-width: 640px) {
	.movie_area .caption {
		text-align: left;
	}

	.bpimage_title {
		font-size: 1.4rem;
	}
}

/* end case-640 */
@media (max-width: 480px) {

	.img_right .bpimage_caption,
	.img_left .bpimage_caption {
		padding: 10px 10px;
		font-size: 1.2rem;
	}

	.bpimage_caption .name {
		font-size: 1.5rem;
	}
}

/* end case-480 */