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

.teacherinterview{
	padding-top: 58px;
	background-image: url(../images/teacherinterview/teacher-bg.jpg);
	background-position: center top 58px;
	background-repeat: no-repeat;
	background-size: 100%;
	}

	.teacherinterview .captionArea{
		max-width: 1020px;
		margin: 0 auto;
		padding-top: 30px;
		padding-right: 20px;
		padding-left: 20px;
		text-align: center;
		}
		.teacherinterviewHeadTitle{
			padding-bottom: 15px;
			font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
			font-size: 22px;
			font-weight: bold;
			line-height: 1;
			border-bottom: 3px solid #0f6432;
			}

.teacherinterview .mainArea{
	max-width: 1020px;
	margin-top: 3em;
	}
	.teacherinterview .contentsMain{padding-right: 0;}
	.teacherinterview .contentsMainArea{max-width: 100%;}

/* list */
.teacherinterviewBanner{
	max-width: 400px;
	margin: 0 auto 40px;
	}
	/* .teacherinterviewBannerLink{display: flex;} */
		.teacherinterviewBannerLink:hover{opacity: .7;}

.teacherinterviewList{
	display: flex;
	flex-wrap: wrap;
	max-width: 450px;
	margin: 0 auto;
	}
	.teacherinterviewItem{width: 100%;}
		.teacherinterviewItem:not(:last-of-type){margin-bottom: 40px;}
		.teacherinterviewItem.mgnTop{}
		.teacherinterviewLink{text-decoration: none;}
		.teacherinterviewFig{margin-bottom: 10px;}
		.okishima .teacherinterviewFig img{
			display: block;
			width: 102%;
			max-width: 102%;
			margin-left: -2%;
			}
		.contentsMainArea .teacherinterviewLead{
			margin: 0;
			margin-bottom: 15px;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.4;
			text-align: left;
			}
			.contentsMainArea .teacherinterviewLead br{display: none;}
			.teacherinterviewInfo{}
				.teacherinterviewCourse{
					margin-bottom: 5px;
					text-align: center;
					}
					.teacherinterviewCourseTxt{
						font-size: 16px;
						font-weight: bold;
						font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
						color: #0f6432;
						}
				.teacherinterviewCourseName{
					display: flex;
					justify-content: center;
					}
					.discussion .teacherinterviewCourseName{
						flex-direction: column;
					}
					.teacherinterviewCourseNameInner{
						text-align: center;
						position: relative;
						}
					.discussion .teacherinterviewCourseNameInner{
						text-align:left;
					}
					.teacherinterviewCourseNameInner:nth-of-type(2){margin-left: 35px;}
					.discussion .teacherinterviewCourseNameInner:nth-of-type(2){
						margin-left:0;
					}

					.teacherinterviewCourseNameInner:nth-of-type(2)::before{
						content: "×";
						display: flex;
						align-items: center;
						justify-content: center;
						width: 35px;
						height: 100%;
						font-size: 20px;
						color: #0f6432;
						position: absolute;
						left: -35px;
						}
					.discussion .teacherinterviewCourseNameInner:nth-of-type(2)::before {
						content:"";
					}
						.teacherinterviewCourseFullname{
							margin-right: 0.2em;
							font-size: 24px;
							font-weight: bold;
							font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
							color: #0f6432;
							}
						.discussion .teacherinterviewCourseFullname{
							font-size:1.25rem;
						}
						.teacherinterviewCourseHonorific{
							font-size: 16px;
							font-weight: bold;
							font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
							color: #0f6432;
							}
							
/* detail */
.teacherinterviewDetail .mainArea{margin-top: 2em;}
.contentsMainArea .interviewDetailCatch{
		margin: 0 0 15px;
		font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
		font-size: 18px;
		font-weight: bold;
		color: #0f6432;
		line-height: 1.6;
		}
.contentsMainArea .interviewDetailCatch br{display: none;}
	.interviewDetailBadge{
		display: flex;
		justify-content: flex-start;
		margin-bottom: 15px;
		}
	.discussion.interviewDetailBadge{
		flex-direction: column;
	}
		.interviewDetailBadge.multipleBadge{
			justify-content: flex-end;
			margin-bottom: 25px;
			}
		.interviewDetailBadgeInner{
			display: flex;
			align-items: center;
			padding-top: 5px;
			padding-right: 10px;
			padding-bottom: 5px;
			padding-left: 10px;
			color: #fff;
			font-weight: bold;
			background-color: #0f6432;	
			line-height: 1.2;
			}
		.discussion .interviewDetailBadgeInner{
			margin: 0 0 0.5rem;
		}
			.interviewDetailCourse{
				margin-right: 1em;
				font-size: 3.1vw;
				vertical-align: middle;
				}
			.interviewDetailName{
				margin-right: 0.2em;
				font-size: 4.1vw;
				}
			.interviewDetailHonorific{
				font-size: 2.5vw;
				position: relative;
				top: .2em
				}
	.interviewDetailMainvisual{margin-bottom: 20px;}
		.interviewDetailMainvisual.multipleMainvisual{margin-bottom: 15px;}
	.interviewDetailArea{margin-bottom: 2.5em;}
	.interviewDetailArea.bottom{margin-bottom: 6em;}
		.interviewDetailSubttl{
			width: 100%;
			margin-bottom: 20px;
			padding: 1rem 0.5rem;
			font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
			font-size: 4.5vw;
			font-weight: bold;
			color: #0f6432;
			text-align: center;
			border: 2px solid #0f6432;
			}
		.interviewDetailSubvisual{margin-bottom: 30px;}
	.interviewDetailItem{
		max-width: 860px;
		margin: 0 auto;
		}
		.interviewDetailItem:not(:last-of-type){margin-bottom: 1.5em;}
		.interviewDetailQuestion{
			display: flex;
			margin-bottom: 0.5em;
			}
			.contentsMainArea .interviewDetailQuestionPar{
				margin-bottom: 0;
				padding-left: 1em;
				font-size: 14px;
				font-weight: bold;
				color: #0f6432;
				line-height: 1.4;
				text-indent: -1em;
				}
				.interviewDetailQuestionPar::before{content: "―";}
		.interviewDetailAnswer{}
			.contentsMainArea .interviewDetailAnswerPar{
				display: flex;
				margin-bottom: 0;
				font-size: 14px;
				line-height: 1.6;
				}
				.interviewDetailAnswerName{
					width: 4em;
					font-weight: bold;
					}
				.interviewDetailAnswerTxt{width: calc(100% - 4em);}
	.interviewDetailMerge{
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		margin: 0 auto 1.5em;
		padding-left: 0;
		}
		.interviewDetailMergeTxt{
			width: 100%;
			margin-right: 0;
			margin-bottom: 1.5em;
			}
		.interviewDetailMergeFig{
			width: 100%;
			max-width: 350px;
			margin: 0 auto;
			}

.interviewSubmenu{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	}
	.interviewSubmenuItem{width: 48%; margin-bottom: 1em;}
	.interviewSubmenuItem:nth-child(2n+1) { margin-right: 4%;}
	/* .interviewSubmenuItem:not(:nth-of-type(2n+2)){margin-right: 4%;}
	.interviewSubmenuItem:nth-of-type(-n+2){margin-bottom: 1em;}
		.interviewSubmenuItem:not(:last-of-type){margin-bottom: 30px;} */
		.interviewSubmenuLink{text-decoration: none;}
			.interviewSubmenuFig{
				margin: 0 auto;
				margin-bottom: 15px;
				}
			.interviewSubmenuCourse{
				margin-bottom: 2px;
				}
				.interviewSubmenuCourseTxt{
					font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
					font-size: 16px;
					font-weight: bold;
					color: #0f6432;
					}
			.interviewSubmenuCourseName{
				display: flex;
				justify-content: center;
				}
			.discussion .interviewSubmenuCourseName{
				flex-direction: column;
			}
				
				.interviewSubmenuCourseNameInner{
					font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
					line-height: 1.2;
					position: relative;
					}
				.interviewSubmenuCourseNameInner:nth-of-type(2){margin-left: 20px;}
				.interviewSubmenuCourseNameInner:nth-of-type(2)::before{
					content: "×";
					display: flex;
					align-items: center;
					justify-content: center;
					width: 20px;
					height: 100%;
					font-size: 16px;
					color: #0f6432;
					position: absolute;
					left: -20px;
					}
					.discussion	.interviewSubmenuCourseNameInner:nth-of-type(2),
					.discussion	.interviewSubmenuCourseNameInner:nth-of-type(3){margin-left: 0;}
					.discussion	.interviewSubmenuCourseNameInner:nth-of-type(2)::before,
					.discussion	.interviewSubmenuCourseNameInner:nth-of-type(3)::before {
						content:"";
					}

					
					
					.interviewSubmenuCourseFullname{
						font-size:4vw;
						font-weight: bold;
						color: #0f6432;
						}
					.musics .interviewSubmenuCourseFullname{font-size:4vw;}	
					.discussion .interviewSubmenuCourseFullname{font-size:4vw;}	
					.interviewSubmenuCourseHonorific{
						font-size:3vw;
						font-weight: bold;
						color: #0f6432;
						}
						.musics .interviewSubmenuCourseHonorific{font-size:3vw;}
						.discussion .interviewSubmenuCourseHonorific{font-size:3vw;}

.contentsMainArea .interviewNote{
	max-width: 860px;
	margin: 0 auto 6em;
	font-size: 14px;
	}
						
@media screen and (min-width: 481px) {

.teacherinterview .captionArea{padding-top: 50px;}
	.teacherinterviewHeadTitle{
		padding-bottom: 20px;
		font-size: 26px;
		}

/* list */
.contentsMainArea .teacherinterviewLead{
	font-size: 16px;
	text-align: center;
	}
	.contentsMainArea .teacherinterviewLead br{display: block;}
	.teacherinterviewCourseFullname{font-size: 26px;}
	.teacherinterviewCourseHonorific{font-size: 16px;}

/* detail */
.contentsMainArea .interviewDetailCatch{
	font-size: 20px;
	}
.contentsMainArea .interviewDetailCatch br{display: block}

}/* min-width:481px */

@media screen and (min-width: 641px) {

.teacherinterview .captionArea{padding-top: 70px;}
	.teacherinterviewHeadTitle{font-size: 34px;}

/* list */
.teacherinterviewBanner{
  margin: 0 auto 60px;
  max-width: 400px;
  }
	.teacherinterviewList{max-width: 100%;}
	.teacherinterviewItem{width: calc((100% - 30px) / 2);}
	.teacherinterviewItem:not(:nth-of-type(2n+2)){margin-right: 30px;}
	.teacherinterviewItem:not(:last-of-type){margin-bottom: 70px;}  
  .teacherinterviewItem.mgnTop:not(:nth-of-type(2n+2)){
    margin-right: 30px;
    margin-top: 1rem;
  }
  .teacherinterviewItem.mgnTop:not(:last-of-type){
    margin-bottom: 70px;
    margin-top: 1rem;
  }
	.contentsMainArea .teacherinterviewLead{text-align: left;}
	.contentsMainArea .teacherinterviewLead br{display: none;}
	.teacherinterviewCourseTxt{font-size: 20px;}
	.teacherinterviewCourseNameInner:nth-of-type(2){margin-left: 35px;}

/* detail */
.contentsMainArea .interviewDetailCatch{
	font-size: 26px;
	}
	.interviewDetailCourse{font-size: 18px;}
	.interviewDetailName{font-size: 24px;}
	.interviewDetailHonorific{font-size: 16px;}
	.interviewDetailSubttl{font-size: 22px;}
.contentsMainArea .interviewDetailQuestionPar{font-size: 16px;}
.contentsMainArea .interviewDetailAnswerPar{font-size: 16px;}
.interviewSubmenu{max-width: 100%;}
.interviewSubmenuItem{/* width: calc((100% - 30px) / 2); */ margin-bottom: 30px;}
/* .interviewSubmenuItem:not(:last-of-type){margin-right: 0;} */
/* .interviewSubmenuItem:not(:nth-of-type(2n+2)){margin-right: 30px;} */
/* .interviewSubmenuItem:nth-of-type(-n+2){margin-bottom: 30px;} */

.musics .interviewSubmenuCourseFullname {font-size: 20px;}
.discussion .interviewSubmenuCourseFullname {font-size: 20px;}
.interviewSubmenuCourseFullname {font-size: 1.5rem;}
.musics .interviewSubmenuCourseHonorific {font-size: 13px;}
.discussion .interviewSubmenuCourseHonorific {font-size: 13px;}
.interviewSubmenuCourseHonorific {font-size: 1rem;}

.contentsMainArea .interviewNote{font-size: 16px;}

.interviewSubmenuCourse{
	text-align: center;
	margin-bottom: 5px;
}

}/* min-width:641px */

@media screen and (min-width: 981px) {

/* list */
.teacherinterview .captionArea{padding-top: 100px;}
	.teacherinterviewHeadTitle{
		padding-bottom: 25px;
		font-size: 60px;
		}
	.teacherinterviewItem{width: calc((100% - 40px) / 2);}
	.teacherinterviewItem:not(:nth-of-type(2n+2)){margin-right: 40px;}
	.teacherinterviewItem:not(:last-of-type){margin-bottom: 100px;}
  .teacherinterviewItem.mgnTop:not(:nth-of-type(2n+2)){
    margin-right: 40px;
    margin-top: 1.5rem;
  }
  .teacherinterviewItem.mgnTop:not(:last-of-type){
    margin-bottom: 100px;
    margin-top: 1.5rem;
  }
	.contentsMainArea .teacherinterviewLead{
		margin-bottom: 20px;
		font-size: 20px;
		text-align: center;
		}
	.contentsMainArea .teacherinterviewLead br{display: block;}	
	.teacherinterviewCourseTxt{font-size: 20px;}
	.teacherinterviewCourseFullname{font-size: 34px;}
	.discussion .teacherinterviewCourseFullname{font-size: 1.5em;}
	.teacherinterviewCourseHonorific{font-size: 18px;}

/* detail */
.teacherinterviewDetail .mainArea{margin-top: 2em;}
.contentsMainArea .interviewDetailCatch{
		margin: 0 0 20px;
		font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
		font-size: 40px;
		font-weight: bold;
		color: #0f6432;
		line-height: 1.6;
		}
	.interviewDetailBadge{margin-bottom: 20px;}
		.interviewDetailBadgeInner{
			display: flex;
			align-items: center;
			padding-top: 5px;
			padding-right: 10px;
			padding-bottom: 5px;
			padding-left: 10px;
			color: #fff;
			font-weight: bold;
			background-color: #0f6432;	
			line-height: 1.2;
			}
			.interviewDetailCourse{
				margin-right: 1em;
				font-size: 25px;
				vertical-align: middle;
				}
			.interviewDetailName{
				margin-right: 0.2em;
				font-size: 35px;
				}
			.interviewDetailHonorific{
				font-size: 20px;
				position: relative;
				top: .3em
				}
	.interviewDetailBadge.multipleBadge{margin-bottom: 35px;}			
	.interviewDetailMainvisual{margin-bottom: 75px;}
		.interviewDetailMainvisual.multipleMainvisual{margin-bottom: 20px;}
	.interviewDetailArea{margin-bottom: 2.5em;}
	.interviewDetailArea.bottom{margin-bottom: 6em;}
		.interviewDetailSubttl{
			width: 100%;
			margin-bottom: 25px;
			padding-top: 30px;
			padding-bottom: 30px;
			font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
			font-size: 35px;
			font-weight: bold;
			color: #0f6432;
			text-align: center;
			border: 2px solid #0f6432;
			}
		.interviewDetailSubvisual{margin-bottom: 30px;}
	.interviewDetailItem{
		max-width: 860px;
		margin: 0 auto;
		}
		.interviewDetailItem:not(:last-of-type){margin-bottom: 1.5em;}
		.interviewDetailQuestion{
			display: flex;
			margin-bottom: 0.5em;
			}
			.contentsMainArea .interviewDetailQuestionPar{
				margin-bottom: 0;
				padding-left: 1em;
				font-size: 16px;
				font-weight: bold;
				color: #0f6432;
				line-height: 1.4;
				text-indent: -1em;
				}
				.interviewDetailQuestionPar::before{content: "―";}
		.interviewDetailAnswer{}
			.contentsMainArea .interviewDetailAnswerPar{
				margin-bottom: 0;
				font-size: 16px;
				line-height: 1.6;
				}
	.interviewDetailMerge{
		display: flex;
		max-width: 1000px;
		margin: 0 auto 1.5em;
		padding-left: 60px;
		}
		
		.interviewDetailMergeTxt{
			width: calc(55% - 40px);
			margin-right: 40px;
			}
			
		.interviewDetailMergeFig{
			width: 45%;
			max-width: 100%;
		}

.interviewSubmenu{display: flex;}

	.interviewSubmenuItem{width: calc((100% - 60px) / 4); margin-right: 20px;}
	.interviewSubmenuItem:nth-child(2n+1) { margin-right:20px;}
	.interviewSubmenuItem:nth-child(4n) { margin-right:0;}
		/* .interviewSubmenuItem:not(:last-of-type){margin-right: 20px;} */
		.interviewSubmenuLink{text-decoration: none;}
			.interviewSubmenuFig{margin-bottom: 15px;}
			.interviewSubmenuCourse{margin-bottom: 10px;}
				.interviewSubmenuCourseTxt{
					font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
					font-size: 1.25rem;
					font-weight: bold;
					color: #0f6432;
					}
			.interviewSubmenuCourseName{
				display: flex;
				justify-content: center;
				}
				.musics .interviewSubmenuCourseName{
					width: 120%;
					margin-left: -10%;
					padding-top: 0.5em;
					}
				.discussion .interviewSubmenuCourseName{
					width: 100%;
					margin-left: 0;
					padding-top: 0;
					}
				.interviewSubmenuCourseNameInner{
					font-family: "游明朝", "Yu Mincho", YuMincho, "kozuka-mincho-pro", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
					position: relative;
					}
				.interviewSubmenuCourseNameInner:nth-of-type(2){margin-left: 20px;}
				.interviewSubmenuCourseNameInner:nth-of-type(2)::before{
					content: "×";
					display: flex;
					align-items: center;
					justify-content: center;
					width: 20px;
					height: 100%;
					font-size: 16px;
					color: #0f6432;
					position: absolute;
					left: -20px;
					}
					.interviewSubmenuCourseFullname{
						font-size: 30px;
						font-weight: bold;
						color: #0f6432;
						}
					.musics .interviewSubmenuCourseFullname{font-size: 20px;}	
					.discussion .interviewSubmenuCourseFullname{font-size: 20px;}	
					.interviewSubmenuCourseHonorific{
						font-size: 20px;
						font-weight: bold;
						color: #0f6432;
						}
						.musics .interviewSubmenuCourseHonorific{font-size: 13px;}
						.discussion .interviewSubmenuCourseHonorific{font-size: 13px;}


}/* min-width:981px */