@charset "utf-8";

/* common
--------------------------------------------------------------- */
.aC {
	text-align: center;
	margin: 0 auto;
}


@media screen and (max-width:768px){
	.no-pc { display: none; }
	#explanatory .no-pc{ display:inherit; }
	.no-sp { display:inherit; }
}
@media screen and (max-width:480px){
	.no-pc { display: inherit; }
	.no-sp { display: none; }
}



/* LP コンテンツ
--------------------------------------------------------------- */
#sec01 {
	padding-bottom: 10px;
	background-color: #fff104;
}

@media screen and (max-width:768px){
	#sec01 {
		background-color: #fff;
	}
}



/* LPメイン画像 ---------------------*/
#sec01 h4 img {
	width: 100%;
}
#main #sec01 .lp_intro {
	margin-bottom: 0;
	text-align: center;
	background-color: #fff104;
}

#main #sec01 .lp_intro.no-pc {
	padding: 0 10px 25px;
}
#main #sec01 .lp_intro.no-pc img:first-child {
	padding: 10px 0 15px;
}

#main #sec01 .lp_intro.no-sp img + img {
	width: 95%;
	padding: 25px 0 20px 10px;
}





/* クラス授業＆55段階 ---------------------*/
#main #sec01 .inner01 {
	margin: 0;
	padding: 0 12px;
}

/* 見出し */
#sec01 .inner01 .title {
	border-top:8px solid #009940;
	border-bottom:1px solid #009940;
	background:#fff;
}
#sec01 .inner01.type02 .title {
	border-top-color: #e50012;
	border-bottom-color: #e50012;
}
#sec01 .inner01 .title.no-pc {
	border-bottom: 0;
}

#sec01 .inner01 .title p {
	margin-bottom: 0;
}

#sec01 .inner01 .column {
	min-height: 197px;
	background-color: #fff;
	background-size: 358px;
	background-repeat: no-repeat;
}

/* 教え方の上手な先生 */
#sec01 .inner01.type01 .column01 {
	padding: 0 0 20px 335px;
	background-image: url(/campaign_all_A/images/index_bg08.jpg);
	background-position: left -50px top 0;
}

/* 学力の伸びに対応 */
#sec01 .inner01.type01 .column02 {
	padding: 0 0 20px 30px;
	background-image: url(/campaign_all_A/images/index_bg09.jpg);
	background-position: top 0 right -50px;
}

/* 先生との距離が近い */
#sec01 .inner01.type01 .column03 {
	padding: 0 0 0 350px;
	background-image: url(/campaign_all_A/images/index_bg10.jpg);
	background-position: left -50px top 0;
}

/* 55段階のプログラム */
#sec01 .inner01.type02 .column01 {
	padding: 0 0 20px 335px;
	background-image: url(/campaign_all_A/images/index_bg11.jpg);
	background-position: left -50px top 0;
}

/* 記述式テスト */
#sec01 .inner01.type02 .column02 {
	padding: 0 0 30px 40px;
	background-image: url(/campaign_all_A/images/index_bg12.jpg);
	background-position: top 0 right -50px;
}

/* プロ講師と1対1 */
#sec01 .inner01.type02 .column03 {
	padding: 0 0 0 335px;
	background-image: url(/campaign_all_A/images/index_bg13.jpg);
	background-position: left -50px top 0;
}

/* テキスト部分 */
#sec01 .inner01 .column dl {
	width: 350px;
	padding-top: 20px;
}
#sec01 .inner01 .column dt {
	margin-bottom: 15px;
}
#sec01 .inner01 .column dt img {
	margin: 0 auto;
}
#sec01 .inner01 .column dd {
	font-size: 14px;
}
#sec01 .inner01 .column dd .strong01 {
	color: #e50012;
	font-weight: bold;
}
#sec01 .inner01 .column02 dl {
	width: 350px;
	padding-top:20px;
}
#sec01 .inner01.type01 .column03 dl {
	width: 330px;
	padding-top:30px;
}
#sec01 .inner01.type02 .column01 dl {
	padding-top: 40px;
}


@media screen and (max-width:700px){
	#main #sec01 .inner01 {
		padding: 0;
	}
	
	#sec01 .inner01 .column .no-pc { display: inherit; }
	#sec01 .inner01 .column .no-sp { display:none; }
	
	#sec01 .inner01 .column {
		padding-bottom: 0 !important;
		padding-left: 0 !important;
		background-image: none !important;
	}
	
	#sec01 .inner01 .column dl {
		width: 100% !important;
		padding-top: 20px !important;
	}
	#sec01 .inner01 .column03 {
		padding-bottom: 25px !important;
	}
}

@media screen and (max-width:480px){
	#sec01 .inner01 .column dd {
		font-size: 1.6rem;
	}
}


/* 先生の声 ---------------------*/
#sec01 .inner01 .teachers {
	padding-top: 10px;
	padding-bottom: 20px;
	border-top:1px solid #009940;
	background-color: #fff;
}
#sec01 .inner01.type02 .teachers {
	border-top-color:#e50012;
}

#sec01 .inner01 .teachers ul.teachers_video {
	padding: 20px 15px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
/*	border-bottom:1px dotted #009940; */
}
/*
#sec01 .inner01.type02 .teachers ul.teachers_video {
	border-bottom-color: #e50012;
}
*/
#sec01 .inner01 .teachers ul.teachers_video li {
	width: 49%;
	padding-bottom: 20px;
	box-sizing: border-box;
}

#sec01 .inner01 .teachers ul.teachers_video li .teacher_name {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #009940;
}
#sec01 .inner01.type02 .teachers ul.teachers_video li .teacher_name { color: #e50012; }

#sec01 .inner01 .teachers ul.teachers_video li .teacher_name .label {
	margin-right: 8px;
	padding: 5px;
	color: #fff;
	background-color: #009940;
	border-radius: 3px;
}
#sec01 .inner01.type02 .teachers ul.teachers_video li .teacher_name .label { background-color: #e50012; }

#sec01 .inner01 .teachers ul.teachers_video li .message {
	margin: 10px 0 0 0;
	font-size: 13px;
}

/*
#sec01 .inner01 .teachers ul.teachers_video li dl {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	box-sizing: border-box;
}
#sec01 .inner01 .teachers ul.teachers_video li dl dt {
	width: 23.8%;
	text-align: center;
}
#sec01 .inner01 .teachers ul.teachers_video li dl dt img {
	width: 140px;
}
#sec01 .inner01 .teachers ul.teachers_video li:first-child dl dt img {
	width: 180px;
}

#sec01 .inner01 .teachers ul.teachers_video li dl dd {
	width: 36.2%;
	padding-left: 15px;
}
#sec01 .inner01 .teachers ul.teachers_video li dl dd.video {
	width: 37.6%;
}

@media screen and (max-width:768px){
	#sec01 .inner01 .teachers ul.teachers_video li dl {
		width:100%;
	}
}
*/
@media screen and (max-width:600px){
	#sec01 .inner01 .teachers .no-pc { display: inherit; }
	#sec01 .inner01 .teachers .no-sp { display: none; }
	
	#sec01 .inner01 .teachers ul.teachers_video {
		padding: 0;
		display: block;
	}
	
	#sec01 .inner01 .teachers ul.teachers_video li {
		padding: 20px 0;
		width: 100%;
		border-bottom: 1px dotted #009940;
	}
	#sec01 .inner01 .teachers ul.teachers_video li:last-child {
		border-bottom: 0;
	}
	#sec01 .inner01.type02 .teachers ul.teachers_video li { border-bottom-color: #e50012; }
}
@media screen and (max-width:480px){
	#sec01 .inner01 .teachers ul.teachers_video li .teacher_name {
		font-size: 1.4rem;
	}
	#sec01 .inner01 .teachers ul.teachers_video li .message {
		font-size: 1.5rem;
	}
}
	/*
	#sec01 .inner01 .teachers ul.teachers_video li dl {
		flex-wrap: wrap;
	}
	#sec01 .inner01 .teachers ul.teachers_video li dl dt {
		width: 30%;
		padding-bottom: 10px;
	}
	#sec01 .inner01 .teachers ul.teachers_video li dl dd {
		width: 65%;
		padding-bottom: 10px;
	}
	#sec01 .inner01 .teachers ul.teachers_video li dl dd.video {
		width: 100%;
		padding: 0;
	}
	*/


#sec01 .inner01 .teachers ul.teachers_video_3column {
	padding: 10px 15px 25px;
	display: flex;
	justify-content: space-between;
}
#sec01 .inner01 .teachers ul.teachers_video_3column li {
	width: 33%;
	padding: 0;
}
#sec01 .inner01 .teachers ul.teachers_video_3column li .teacher_name {
	text-align: center;
}


@media screen and (max-width:600px){
	#sec01 .inner01 .teachers ul.teachers_video_3column {
		padding: 0;
		margin-bottom: 20px;
		display: block;
		border-top: 1px dotted #009940;
	}
	#sec01 .inner01 .teachers ul.teachers_video_3column li {
		width: 100%;
		padding: 20px 0;
/*		border-bottom: 1px dotted #009940;
		width: 100%;*/
	}
	/*#sec01 .inner01.type02 .teachers ul.teachers_video_3column li { border-bottom: 1px dotted #e50012; }
	*/
	#sec01 .inner01 .teachers ul.teachers_video_3column li .teacher_name {
		text-align: left;
	}
}


/* 生徒の声 ---------------------*/
#sec01 .inner01 .voice {
	border: 15px solid #009742;
	border-bottom: none;
	background: #fff;
	padding: 20px 20px 20px 10px;
}
#sec01 .inner01 .voice:last-child {
	border-bottom: 15px solid #009742;
}
#sec01 .inner01.type02 .voice {
	border-color: #e50012;
}
#sec01 .inner01.type02 .voice:last-child {
	border-bottom-color: #e50012;
}

/* 顔写真＆名前 */
#sec01 .inner01 .voice .colLeft {
	float: left;
	width: 180px;
}
#sec01 .inner01 .voice .colLeft p {
	margin: 9px 0 0 40px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #009742;
	line-height:1.3;
}
#sec01 .inner01.type02 .voice .colLeft p {
	color: #e50012;
}

/* テキスト */
#sec01 .inner01 .voice .colRight {
	float: right;
	width: 450px;
}
#sec01 .inner01 .voice .colRight dl {
}
#sec01 .inner01 .voice .colRight dt {
	margin-bottom: 10px;
}
#sec01 .inner01 .voice .colRight dt img.voice_title01 { width: 390px; }
#sec01 .inner01 .voice .colRight dt img.voice_title02 { width: 450px; }
#sec01 .inner01 .voice .colRight dt img.voice_title11 { width: 450px; }
#sec01 .inner01 .voice .colRight dt img.voice_title12 { width: 380px; }

#sec01 .inner01 .voice .colRight dd {
	font-size: 13px;
}

/* 個人の感想 */
#sec01 .comments {
	padding: 6px 12px 0 0;
	font-size: 12px;
	text-align: right;
}

@media screen and (max-width:700px){
	#sec01 .inner01 .voice .no-pc { display: inherit; }
	#sec01 .inner01 .voice .no-sp { display: none; }
	
	#sec01 .inner01 .voice {
		padding: 15px;
		background-color: #f6f7f1;
	}
	#sec01 .inner01 .voice .colRight {
		float: none;
		width: 100%;
	}

	#sec01 .inner01 .voice .colRight dt img {
		width: 100%;
	}
	
	#sec01 .comments {
		padding-right: 0;
	}
}
@media screen and (max-width:480px){
	#sec01 .inner01 .voice .colRight dd {
		font-size: 1.4rem;
	}
}


/* LP 生徒の声
--------------------------------------------------------------- */
#students #lp_voice {
	margin-bottom: 20px;
	padding: 25px 15px 15px;
	background-color: #fff104;
}
#students #lp_voice h3 {
	margin:0;
	text-align: center;
}
#students #lp_voice h3 img {
	margin: 0 auto;
}
#students #lp_voice .colWrap {
	width: 700px;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
}
#students #lp_voice .colWrap .col {
	margin-right: 6.85px;
	width: 335.65px;
	background-color: #f6f6f1;
	border-radius: 0 0 10px 10px;
}

#students #lp_voice .colWrap .col p {
	width: 342.5px;
	margin-top: -10px;
}
#students #lp_voice .colWrap .col dl {
	padding: 0 15px 17px;
}
#students #lp_voice .colWrap .col dl dt{
	margin: 3px 0 10px;
	line-height: 1.4;
	font-size: 15px;
	font-weight: bold;
}
#students #lp_voice .colWrap .col dl dd {
	font-size: 12px;
}

/* 個人の感想 */
#students #lp_voice .comments {
	padding: 6px 0 0 0;
	font-size: 11px;
	text-align: right;
}

@media screen and (max-width:730px){
	#students #lp_voice .no-pc { display: inherit; }
	#students #lp_voice .no-sp { display: none; }
	
	
	#students #lp_voice {
		padding: 10px 0;
		background-color: #fff104;
	}
	#students #lp_voice h3 {
		padding:10px;
	}

	#students #lp_voice .colWrap {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	#students #lp_voice .colWrap .col {
		width: 100%;
		padding-left: 1.8vw;
		margin-bottom: 5px;
		background-color: transparent;
		box-sizing: border-box;
	}
#students #lp_voice .colWrap .col p {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0 !important;
}
#students #lp_voice .colWrap .col p img {
	
}
#students #lp_voice .colWrap .col dl {
	background-color: #f6f6f1;
	margin-right: 2vw;
	border-radius: 0 0 8px 8px;
}
#students #lp_voice .colWrap .col dl dt{
	margin-top: 0;
	padding-top: 0.8em;
}

/*
	#students #lp_voice #voiceSlider {
		width: 93.75%;
		margin: 0 auto;
		border-radius: 8px;
		background: #ffffff url(/campaign_all_A/sp/images/index_bg001.png) no-repeat 100% 0;
		background-size: 24% auto;
	}
	#students #lp_voice #voiceSlider:after {
		content: '';
		display: table;
		clear: both;
	}
	#students #lp_voice #voiceSlider #voiceWrap {
		width: 86.66667%;
		margin: 0 auto;
	}
	#students #lp_voice #voiceSlider ul li .voiceBox {
		padding: 20px 0 30px;
	}
	#students #lp_voice #voiceSlider ul li p:first-child {
		width: 44.42308%;
		float: left;
		margin-bottom: 0;
	}
	#students #lp_voice #voiceSlider ul li p:nth-child(2) {
		width: 55.57692%;
		float: right;
		margin-bottom: 0;
	}
	#students #lp_voice #voiceSlider ul li p:nth-child(3) {
		clear: both;
	}
	
	#students #lp_voice #voiceSlider .bx-wrapper {
		position: relative;
		margin: 0 auto 30px;
		padding: 0;
		*zoom: 1;
	}
	
	#students #lp_voice #voiceSlider .bx-wrapper .bx-pager,
	#students #lp_voice #voiceSlider .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: -30px;
		width: 100%;
	}
	
	
	#students #lp_voice #voiceSlider .bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #666;
		padding: 25px 0;
		background-color: #f6f6f1;
		border-radius: 0 0 8px 8px;
		margin-left: -7.69231%;
		width: 115.38462%;
	}

	#students #lp_voice #voiceSlider .bx-wrapper .bx-pager.bx-default-pager a {
		position: relative;
		background: url(/common/images/sp/campaign/index_ic003.png) no-repeat 0 0;
		background-size: 100% 100%;
		display: block;
		width: 14px;
		height: 14px;
		margin: 0 5px;
		outline: 0;
		box-sizing: border-box;
	}
	
	#students #lp_voice #voiceSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#students #lp_voice #voiceSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: url(/common/images/sp/campaign/index_ic004.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	*/
	/* DIRECTION CONTROLS (NEXT / PREV) */
/*
	#students #lp_voice #voiceSlider .bx-wrapper .bx-prev {
	left: -11.53846%;
		background: url(/common/images/sp/campaign/index_ic001.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	
	#students #lp_voice #voiceSlider .bx-wrapper .bx-next {
	right: -11.53846%;
		background: url(/common/images/sp/campaign/index_ic002.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	
	#students #lp_voice #voiceSlider .bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		outline: 0;
		width: 33px;
		height: 40px;
		z-index: 9999;
	}
*/
	
	/* 個人の感想 */
	#students #lp_voice .comments {
		padding: 6px 10px 0 0;
		font-size: 11px;
		text-align: right;
	}
	
}

@media screen and (max-width:480px){
	#students #lp_voice .colWrap .col dl dt{
		font-size: 1.6rem;
	}
	#students #lp_voice .colWrap .col dl dd {
		font-size: 1.5rem;
	}
	
	#students #lp_voice .comments {
		font-size: 1.2rem;
	}
}




/* プレイリスト
--------------------------------------------------------------- */
.koushiryoku_playlist {
	padding: 15px;
}

.koushiryoku_playlist .koushiryoku_playlist_ttl {
	margin-bottom: 15px;
	padding: 10px 0 5px;
	position: relative;
}
.koushiryoku_playlist .koushiryoku_playlist_ttl img {
	width: auto !important;
}

.koushiryoku_playlist .koushiryoku_playlist_ttl img.video_fukidashi {
	position: absolute;
	top: -30px;
}
.koushiryoku_playlist .koushiryoku_playlist_ttl img.video_ttl {
	margin-left: 160px;
}

.type01 .koushiryoku_playlist { background-color: #009742; }
.type02 .koushiryoku_playlist { background-color: #e50012; }

.koushiryoku_playlist .notes {
	margin: 20px 0 0;
	font-size: 90%;
	color: #fff;
}

@media screen and (max-width:650px){
	.koushiryoku_playlist .koushiryoku_playlist_ttl img.video_ttl {
		margin: 20px auto 0;
	}

}

@media screen and (max-width:480px){
	.koushiryoku_playlist .koushiryoku_playlist_ttl {
		margin-bottom: 10px;
	}
	.koushiryoku_playlist .koushiryoku_playlist_ttl img.video_ttl {
		margin: 20px auto 0;
	}
	.koushiryoku_playlist .notes {
		font-size: 100%;
	}
}