@charset "utf-8";
/**
 * style.css
 */

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}


/*--------------------------------------------------
 course_voice
--------------------------------------------------*/

/* mainVisual
--------------------------------------------------*/
#course_voice #mainVisual {
	position: relative;
	padding: 152px 25px 150px;
}
#course_voice #mainVisual .inBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#course_voice #mainVisual .inner {
	position: relative;
	max-width: 1216px;
	margin: 0 auto;
	z-index: 2;
}
#course_voice #mainVisual .commonBigTitle {
	margin-bottom: 0;
}
@media only screen and (max-width:767px) {
	#course_voice #mainVisual {
		padding: 280px 25px 30px;
	}
}


/* section
--------------------------------------------------*/
#course_voice .section {
	position: relative;
}
#course_voice .section + .section {
	margin-top: 30px;
}
#course_voice .section .enTxt {
	position: absolute;
	z-index: 2;
}
#course_voice .section .enTxt01 {
	top: 0;
	left: 0;
}
#course_voice .section .enTxt02 {
	bottom: 0;
	right: 0;
}
@media only screen and (max-width:767px) {
	#course_voice .section .enTxt img {
		width: 30px;
		height: auto;
	}
	#course_voice .section,
	#course_voice .section + .section {
		margin-top: 20px;
	}
}

#course_voice .section .inPageBtn {
	margin-top: 70px;
}
#course_voice .section .inPageBtn a {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: block;
	max-width: 400px;
	margin: 0 auto;
	padding-right: 60px;
	color: #0083cb;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#course_voice .section .inPageBtn a span {
	display: block;
	padding: 15px 0 14px;
	background-color: #fff;
}
#course_voice .section .inPageBtn a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 56px;
	height: 100%;
	background-color: #fff;
}
#course_voice .section .inPageBtn a:after {
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	content: '';
	margin-top: -6px;
	border-left: #0083cb solid 9px;
	border-top: transparent solid 6px;
	border-bottom: transparent solid 6px;
}
@media only screen and (max-width:767px) {
	#course_voice .section .inPageBtn {
		margin-top: 25px;
	}
	#course_voice .section .inPageBtn a {
		padding-right: 35px;
		font-size: 13px;
	}
	#course_voice .section .inPageBtn a span {
		padding: 8px 0;
		background-color: #fff;
	}
	#course_voice .section .inPageBtn a:before {
		width: 32px;
	}
	#course_voice .section .inPageBtn a:after {
		right: 13px;
		margin-top: -4px;
		border-left: #0083cb solid 6px;
		border-top: transparent solid 4px;
		border-bottom: transparent solid 4px;
	}
}




/* section01
--------------------------------------------------*/
#course_voice #section01 {
	padding: 80px 0;
	background: #e95704;
	background: -moz-linear-gradient(left, #e95704 0%, #fccd00 100%);
	background: -webkit-linear-gradient(left, #e95704 0%,#fccd00 100%);
	background: linear-gradient(to right, #e95704 0%,#fccd00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95704', endColorstr='#fccd00',GradientType=1 );
}
#course_voice #section01 .commonBigTitle {
	margin-bottom: 45px;
}
#course_voice #section01 .lead {
	text-align: center;
}
#course_voice #section01 .lead,
#course_voice #section01 .lead * {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.8;
}
#course_voice #section01 .lead p + p {
	margin-top: 1.2em;
}
#course_voice #section01 .lead span {
	display: inline-block;
}
@media only screen and (max-width:767px) {
	#course_voice #section01 {
		padding: 40px 10px;
	}
	#course_voice #section01 .commonBigTitle {
		margin-bottom: 20px;
	}
	#course_voice #section01 .lead,
	#course_voice #section01 .lead * {
		font-size: 14px;
		line-height: 1.6;
	}
	#course_voice #section01 .lead span {
		display: inline-block;
	}
}

/* section02
--------------------------------------------------*/
#course_voice #section02 {
	background: #e30013;
}
#course_voice #section02 .texts {
	width: 50%;
}
#course_voice #section02 .textInner * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section02 .textInner {
	max-width: 460px;
	margin-left: auto;
	padding: 80px 90px;
}
#course_voice #section02 .textInner .ttl {
	margin-bottom: 20px;
	font-size: 32px;
}
#course_voice #section02 .textInner .ttl span {
	position: relative;
	display: inline-block;
}
#course_voice #section02 .textInner .ttl span:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	opacity: 0.5;
}
#course_voice #section02 .textInner .colorTxt {
	margin-bottom: 20px;
}
#course_voice #section02 .textInner .colorTxt * {
	color: #faea01;
	font-size: 18px;
	line-height: 1.9;
}
#course_voice #section02 .textInner .colorTxt small {
	font-size: 11px;
}
#course_voice #section02 .textInner .txt {
	font-size: 18px;
	line-height: 2;
}
#course_voice #section02 .textInner .txt p + p {
	margin-top: 0.8em;
}
#course_voice #section02 .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#course_voice #section02 .image img {
	display: none;
}
@media only screen and (max-width:1100px) {
	#course_voice #section02 {
		overflow: hidden;
		width: 100%;
	}
	#course_voice #section02 .texts {
		width: auto;
	}
	#course_voice #section02 .textInner {
		max-width: none;
		margin-left: 0;
		padding: 40px 35px 20px;
	}
	#course_voice #section02 .textInner .ttlWrap {
		text-align: center;
	}
	#course_voice #section02 .textInner .ttl {
		display: inline-block;
		margin-bottom: 20px;
		text-align: left;
	}
	#course_voice #section02 .textInner .ttl span:before {
		height: 2px;
		opacity: 0.8;
	}
	#course_voice #section02 .textInner .colorTxt {
		margin-bottom: 20px;
		text-align: center;
	}
	#course_voice #section02 .textInner .colorTxt > div {
		display: inline-block;
	}
	#course_voice #section02 .image {
		position: static;
		width: auto;
		height: 100%;
		background: none;
	}
	#course_voice #section02 .image img {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	#course_voice #section02 .textInner .ttl {
		font-size: 20px;
		line-height: 1.8;
	}
	#course_voice #section02 .textInner .colorTxt * {
		font-size: 14px;
	}
	#course_voice #section02 .textInner .txt {
		font-size: 14px;
		line-height: 1.9;
	}
}

/* section03
--------------------------------------------------*/
#course_voice #section03 {
	background: #006d08;
}
#course_voice #section03 .texts {
	width: 50%;
	margin-left: auto;
}
#course_voice #section03 .textInner * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section03 .textInner {
	max-width: 460px;
	margin-right: auto;
	padding: 80px 90px;
}
#course_voice #section03 .textInner .ttl {
	margin-bottom: 20px;
	font-size: 32px;
}
#course_voice #section03 .textInner .ttl span {
	position: relative;
	display: inline-block;
}
#course_voice #section03 .textInner .ttl span:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	opacity: 0.5;
}
#course_voice #section03 .textInner .colorTxt {
	margin-bottom: 20px;
}
#course_voice #section03 .textInner .colorTxt * {
	color: #faea01;
	font-size: 18px;
	line-height: 1.9;
}
#course_voice #section03 .textInner .colorTxt small {
	font-size: 11px;
}
#course_voice #section03 .textInner .txt {
	font-size: 18px;
	line-height: 2;
}
#course_voice #section03 .textInner .txt p + p {
	margin-top: 0.8em;
}
#course_voice #section03 .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#course_voice #section03 .image img {
	display: none;
}
@media only screen and (max-width:1100px) {
	#course_voice #section03 {
		overflow: hidden;
		width: 100%;
	}
	#course_voice #section03 .texts {
		width: auto;
	}
	#course_voice #section03 .textInner {
		max-width: none;
		margin-left: 0;
		padding: 40px 35px 20px;
	}
	#course_voice #section03 .textInner .ttlWrap {
		text-align: center;
	}
	#course_voice #section03 .textInner .ttl {
		display: inline-block;
		margin-bottom: 20px;
		text-align: left;
	}
	#course_voice #section03 .textInner .ttl span:before {
		height: 2px;
		opacity: 0.8;
	}
	#course_voice #section03 .textInner .colorTxt {
		margin-bottom: 20px;
		text-align: center;
	}
	#course_voice #section03 .textInner .colorTxt > div {
		display: inline-block;
	}
	#course_voice #section03 .image {
		position: static;
		width: auto;
		height: 100%;
		background: none;
	}
	#course_voice #section03 .image img {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	#course_voice #section03 .textInner .ttl {
		font-size: 20px;
		line-height: 1.8;
	}
	#course_voice #section03 .textInner .colorTxt * {
		font-size: 14px;
	}
	#course_voice #section03 .textInner .txt {
		font-size: 14px;
		line-height: 1.9;
	}
}

/* section04
--------------------------------------------------*/
#course_voice #section04 {
	background: #1c1f86;
}
#course_voice #section04 .texts {
	width: 50%;
}
#course_voice #section04 .textInner * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section04 .textInner {
	max-width: 460px;
	margin-left: auto;
	padding: 80px 90px;
}
#course_voice #section04 .textInner .ttl {
	margin-bottom: 20px;
	font-size: 32px;
}
#course_voice #section04 .textInner .ttl span {
	position: relative;
	display: inline-block;
}
#course_voice #section04 .textInner .ttl span:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	opacity: 0.5;
}
#course_voice #section04 .textInner .colorTxt {
	margin-bottom: 20px;
}
#course_voice #section04 .textInner .colorTxt * {
	color: #faea01;
	font-size: 18px;
	line-height: 1.9;
}
#course_voice #section04 .textInner .colorTxt small {
	font-size: 11px;
}
#course_voice #section04 .textInner .txt {
	font-size: 18px;
	line-height: 2;
}
#course_voice #section04 .textInner .txt p + p {
	margin-top: 0.8em;
}
#course_voice #section04 .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#course_voice #section04 .image img {
	display: none;
}
@media only screen and (max-width:1100px) {
	#course_voice #section04 {
		overflow: hidden;
		width: 100%;
	}
	#course_voice #section04 .texts {
		width: auto;
	}
	#course_voice #section04 .textInner {
		max-width: none;
		margin-left: 0;
		padding: 40px 35px 20px;
	}
	#course_voice #section04 .textInner .ttlWrap {
		text-align: center;
	}
	#course_voice #section04 .textInner .ttl {
		display: inline-block;
		margin-bottom: 20px;
		text-align: left;
	}
	#course_voice #section04 .textInner .ttl span:before {
		height: 2px;
		opacity: 0.8;
	}
	#course_voice #section04 .textInner .colorTxt {
		margin-bottom: 20px;
		text-align: center;
	}
	#course_voice #section04 .textInner .colorTxt > div {
		display: inline-block;
	}
	#course_voice #section04 .image {
		position: static;
		width: auto;
		height: 100%;
		background: none;
	}
	#course_voice #section04 .image img {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	#course_voice #section04 .textInner .ttl {
		font-size: 20px;
		line-height: 1.8;
	}
	#course_voice #section04 .textInner .colorTxt * {
		font-size: 14px;
	}
	#course_voice #section04 .textInner .txt {
		font-size: 14px;
		line-height: 1.9;
	}
}



/* section05
--------------------------------------------------*/
#course_voice #section05 {
	padding: 80px 10px 0;
	background: #ee037d;
	background: -moz-linear-gradient(left, #ee037d 0%, #fae703 100%);
	background: -webkit-linear-gradient(left, #ee037d 0%,#fae703 100%);
	background: linear-gradient(to right, #ee037d 0%,#fae703 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee037d', endColorstr='#fae703',GradientType=1 );
}
#course_voice #section05 .commonBigTitle {
	margin-bottom: 30px;
}
#course_voice #section05 .inner {
	position: relative;
	max-width: 1284px;
	margin: 0 auto;
	padding-bottom: 80px;
}
#course_voice #section05 .chara01 {
	position: absolute;
	top: -10%;
	left: 0;
}
#course_voice #section05 .chara02 {
	position: absolute;
	bottom: 0;
	right: 80px;
}
#course_voice #section05 .image {
	position: relative;
	text-align: center;
	z-index: 1;
}
#course_voice #section05 .image img {
	margin: 0 auto;
}
@media only screen and (max-width:1250px) {
	#course_voice #section05 .chara01 {
		top: -20px;
	}
}
@media only screen and (max-width:767px) {
	#course_voice #section05 {
		padding: 40px 0 20px;
	}
	#course_voice #section05 .inner {
		padding-bottom: 0;
	}
	#course_voice #section05 .chara01,
	#course_voice #section05 .chara02 {
		display: none;
	}
}



/* section06
--------------------------------------------------*/
#course_voice #section06 {
	padding: 80px 0;
	background: url(../../images/course/voice/sec06_bg.jpg) no-repeat center center;
	background-size: cover;
}
#course_voice #section06 .inner {
	max-width: 930px;
	margin: 0 auto;
	padding: 0 30px;
}
#course_voice #section06 .tableStyle * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section06 .tableStyle dl {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
	border-bottom: #fff solid 8px;
	border-left: #fff solid 8px;
}
#course_voice #section06 .tableStyle dl:first-child {
	border-top: #fff solid 8px;
}
#course_voice #section06 .tableStyle dl > * {
	display: table-cell;
	padding: 15px 30px;
	vertical-align: middle;
	border-right: #fff solid 8px;
}
#course_voice #section06 .tableStyle dt {
	width: 19%;
	text-align: center;
}
#course_voice #section06 .tableStyle .ttl {
	margin-bottom: 5px;
	color: #faea01;
	font-size: 26px;
}
#course_voice #section06 .tableStyle dd {
	line-height: 1.9;
}
#course_voice #section06 .inPageBtn a {
	max-width: 300px;
}
#course_voice #section06 .inPageBtn a span {
	color: #006d08;
}
#course_voice #section06 .inPageBtn a:after {
	border-left-color: #006d08;
}
@media only screen and (max-width:767px) {
	#course_voice #section06 {
		padding: 40px 0;
	}
	#course_voice #section06 .tableStyle dl,
	#course_voice #section06 .tableStyle dl:first-child,
	#course_voice #section06 .tableStyle dl > * {
		border-width: 4px;
	}
	#course_voice #section06 .tableStyle dl > * {
		padding: 10px;
	}
	#course_voice #section06 .tableStyle .ttl {
		font-size: 13px;
	}
	#course_voice #section06 .tableStyle dd {
		font-size: 11px;
		line-height: 1.6;
	}
	#course_voice #section06 .tableStyle .ttl {
		margin-bottom: 3px;
	}
	#course_voice #section06 .inPageBtn a {
		max-width: 260px;
	}
}



/* section07
--------------------------------------------------*/
#course_voice #section07 {
	padding: 80px 0;
	background: #0084cb;
	background: -moz-linear-gradient(left, #0084cb 0%, #26d5b0 100%);
	background: -webkit-linear-gradient(left, #0084cb 0%,#26d5b0 100%);
	background: linear-gradient(to right, #0084cb 0%,#26d5b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084cb', endColorstr='#26d5b0',GradientType=1 );
}
#course_voice #section07 .inner {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 23px;
}
#course_voice #section07 .movie {
	border: #fff solid 10px;
	background-color: #000;
}
#course_voice #section07 .movie a {
	display: block;
}
#course_voice #section07 .movieTxt {
	margin: 15px 0 50px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
#course_voice #section07 .timeTableTxt {
	margin: 15px 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
@media only screen and (max-width:767px) {
	#course_voice #section07 {
		padding: 40px 0;
	}
	#course_voice #section07 .movie {
		border: #fff solid 7px;
	}
	#course_voice #section07 .movieTxt {
		margin: 8px 0 30px;
		font-size: 14px;
	}
	#course_voice #section07 .timeTable {
		overflow: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch;
	}
	#course_voice #section07 .timeTable > div {
		width: 767px;
	}
	#course_voice #section07 .timeTableTxt {
		margin: 10px 0 0;
		font-size: 11px;
	}
}


/* section08
--------------------------------------------------*/
#course_voice #section08 {
	padding: 80px 0;
	background: #e30215;
	background: -moz-linear-gradient(left, #e30215 0%, #ff80a7 100%);
	background: -webkit-linear-gradient(left, #e30215 0%,#ff80a7 100%);
	background: linear-gradient(to right, #e30215 0%,#ff80a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30215', endColorstr='#ff80a7',GradientType=1 );
}
#course_voice #section08 .inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 35px;
}
#course_voice #section08 .imageText {
	display: table;
	width: 100%;
}
#course_voice #section08 .imageText * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section08 .imageText > * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#course_voice #section08 .imageText .image {
	width: 48%;
}
#course_voice #section08 .imageText .texts {
	width: 52%;
	padding: 40px 0 40px 40px;
}
#course_voice #section08 .imageText:nth-child(odd) .texts {
	padding-left: 0;
	padding-right: 40px;
}
#course_voice #section08 .imageText .ttl {
	margin-bottom: 12px;
	font-size: 32px;
}
#course_voice #section08 .imageText .name {
	margin-bottom: 10px;
	font-size: 22px;
}
#course_voice #section08 .imageText .name small {
	font-size: 16px;
}
#course_voice #section08 .imageText .school {
	margin-bottom: 20px;
	font-size: 15px;
}
#course_voice #section08 .imageText .school span {
	display: inline-block;
	padding: 0 10px;
	border: #fff solid 1px;
}
#course_voice #section08 .imageText .txt {
	font-size: 18px;
	line-height: 2;
}
#course_voice #section08 .imageText + .imageText {
	margin-top: 30px;
}

@media only screen and (max-width:767px) {
	#course_voice #section08 {
		padding: 40px 0;
	}
	#course_voice #section08 .imageText {
		display: block;
	}
	#course_voice #section08 .imageText > * {
		display: block;
	}
	#course_voice #section08 .imageText .image {
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	#course_voice #section08 .imageText .texts {
		width: auto;
		padding: 0 !important;
	}
	#course_voice #section08 .imageText .ttl {
		margin-bottom: 5px;
		font-size: 17px;
	}
	#course_voice #section08 .imageText .name {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#course_voice #section08 .imageText .name small {
		font-size: 13px;
	}
	#course_voice #section08 .imageText .school {
		margin-bottom: 10px;
		font-size: 10px;
	}
	#course_voice #section08 .imageText .school span {
		padding: 0 7px;
	}
	#course_voice #section08 .imageText .txt {
		font-size: 13px;
		line-height: 1.7;
	}
}



/* section09
--------------------------------------------------*/
#course_voice #section09 {
	padding: 80px 0;
	background: #764d25;
	background: -moz-linear-gradient(left, #764d25 0%, #c59b6c 100%);
	background: -webkit-linear-gradient(left, #764d25 0%,#c59b6c 100%);
	background: linear-gradient(to right, #764d25 0%,#c59b6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#764d25', endColorstr='#c59b6c',GradientType=1 );
}
#course_voice #section09 .inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 30px;
}
#course_voice #section09 .inner * {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#course_voice #section09 .listsWrap {
	margin: -50px 0 0 -55px;
}
#course_voice #section09 .listsWrap .box {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 50px 0 0 55px;
}
#course_voice #section09 .listsWrap .box .img {
	float: left;
	width: 58.96%;
}
#course_voice #section09 .listsWrap .box .txt {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 41.04%;
	padding-left: 20px;
}
#course_voice #section09 .listsWrap .box .txt li + li {
	margin-top: 10px;
}
#course_voice #section09 .listsWrap .box .txt li {
	display: table;
	width: 100%;
}
#course_voice #section09 .listsWrap .box .txt li > * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}
#course_voice #section09 .listsWrap .box .txt li span:nth-child(1) {
	width: 7em;
}
#course_voice #section09 .listsWrap .box .txt li span:nth-child(2) {
	text-align: right;
}
@media only screen and (max-width:767px) {
	#course_voice #section09 {
		padding: 40px 0;
	}
	#course_voice #section09 .inner * {
		font-size: 11px;
	}
	#course_voice #section09 .listsWrap {
		margin: -15px 0 0 -20px;
	}
	#course_voice #section09 .listsWrap .box {
		padding: 15px 0 0 20px;
	}
	#course_voice #section09 .listsWrap .box .img {
		float: none;
		width: auto;
		text-align: center;
	}
	#course_voice #section09 .listsWrap .box .txt {
		float: none;
		width: auto;
		margin-top: 10px;
		padding-left: 0;
	}
	#course_voice #section09 .listsWrap .box .txt li + li {
		margin-top: 5px;
	}
	#course_voice #section09 .listsWrap .box .txt li {
		width: 80%;
		margin: 0 auto;
	}
	#course_voice #section09 .listsWrap .box .txt li > * {
		vertical-align: bottom;
	}
}


/* section10
--------------------------------------------------*/
#course_voice #section10 {
	padding: 80px 0;
	background: #1c2187;
	background: -moz-linear-gradient(left, #1c2187 0%, #27a1da 100%);
	background: -webkit-linear-gradient(left, #1c2187 0%,#27a1da 100%);
	background: linear-gradient(to right, #1c2187 0%,#27a1da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2187', endColorstr='#27a1da',GradientType=1 );
}
#course_voice #section10 .inner {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 35px;
}
#course_voice #section10 .faqBox {
	padding: 30px;
	border: #fff solid 8px;
}
#course_voice #section10 .faqBox + .faqBox {
	margin-top: 55px;
}
#course_voice #section10 .faqBox * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section10 .faqBox .qTxt,
#course_voice #section10 .faqBox .aTxt {
	position: relative;
	padding-left: 65px;
}
#course_voice #section10 .faqBox .qTxt:before,
#course_voice #section10 .faqBox .aTxt:before {
	position: absolute;
	top: -5px;
	left: 0;
	display: block;
	font-size: 38px;
	color: #faea01;
	font-weight: normal;
	line-height: 1;
}
#course_voice #section10 .faqBox .qTxt:before {
	content: 'Q.';
}
#course_voice #section10 .faqBox .aTxt:before {
	content: 'A.';
}
#course_voice #section10 .faqBox .qTxt {
	margin-bottom: 20px;
	font-size: 22px;
}
#course_voice #section10 .faqBox .aTxt {
	font-size: 18px;
}

#course_voice #section10 .teachMember {
	margin-top: 60px;
	border: #fff solid 8px;
}
#course_voice #section10 .teachMember  * {
	color: #fff;
	font-weight: bold;
}
#course_voice #section10 .teachMember .ttl {
	padding: 10px;
	font-size: 24px;
	text-align: center;
	border-bottom: #fff solid 8px;
}
#course_voice #section10 .teachMember .clearfix {
	padding: 30px;
}
#course_voice #section10 .teachMember .image {
	float: left;
	width: 19.5%;
}
#course_voice #section10 .teachMember .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 80.5%;
	padding-left: 30px;
}
#course_voice #section10 .teachMember .texts .name {
	margin-bottom: 10px;
	font-size: 22px;
}
#course_voice #section10 .teachMember .texts .name small {
	font-size: 16px;
}
#course_voice #section10 .teachMember .texts .school {
	margin-bottom: 15px;
	font-size: 15px;
}
#course_voice #section10 .teachMember .texts .school span {
	display: inline-block;
	padding: 3px 15px;
	border: #fff solid 1px;
}
#course_voice #section10 .teachMember .texts .info p {
	position: relative;
	padding-left: 7em;
}
#course_voice #section10 .teachMember .texts .info p span {
	position: absolute;
	top: 0;
	left: 0;
}


@media only screen and (max-width:767px) {
	#course_voice #section10 {
		padding: 40px 0;
	}
	#course_voice #section10 .faqBox {
		padding: 15px;
		border-width: 4px;
	}
	#course_voice #section10 .faqBox + .faqBox {
		margin-top: 20px;
	}
	#course_voice #section10 .faqBox .qTxt,
	#course_voice #section10 .faqBox .aTxt {
		padding-left: 40px;
	}
	#course_voice #section10 .faqBox .qTxt:before,
	#course_voice #section10 .faqBox .aTxt:before {
		top: -3px;
		font-size: 28px;
	}
	#course_voice #section10 .faqBox .qTxt {
		margin-bottom: 15px;
		font-size: 13px;
	}
	#course_voice #section10 .faqBox .aTxt {
		font-size: 13px;
	}
	#course_voice #section10 .teachMember {
		margin-top: 20px;
		border-width: 4px;
	}
	#course_voice #section10 .teachMember .ttl {
		font-size: 15px;
		border-width: 4px;
	}
	#course_voice #section10 .teachMember .clearfix {
		padding: 15px;
	}
	#course_voice #section10 .teachMember .image {
		width: 30%;
	}
	#course_voice #section10 .teachMember .texts {
		width: 70%;
		padding-left: 15px;
	}
	#course_voice #section10 .teachMember .texts .name {
		margin-bottom: 5px;
		font-size: 15px;
	}
	#course_voice #section10 .teachMember .texts .name small {
		font-size: 12px;
	}
	#course_voice #section10 .teachMember .texts .school {
		margin-bottom: 12px;
		font-size: 9px;
	}
	#course_voice #section10 .teachMember .texts .school span {
		padding: 2px 8px;
	}
	#course_voice #section10 .teachMember .texts .info p {
		font-size: 10px;
	}
}


/* section07
--------------------------------------------------*/
#course_voice #section11 {
	padding: 80px 10px;
	background: url(../../images/top_pc/sec07_bg.png) no-repeat center center;
	background-size: cover;
}
#course_voice #section11 * {
	font-weight: bold;
	color: #fff;
}
#course_voice #section11 .sttl {
	margin-bottom: 105px;
}
#course_voice #section11 .movies {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
}
#course_voice #section11 .movies ul,#course_voice #section07 .movies ul {
	margin-left: -40px;
}
#course_voice #section11 .movies li, #course_voice #section07 .movies li{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding-left: 40px;
}
#course_voice #section11 .movies li > div,#course_voice #section07 .movies li > div {
	border: #fff solid 10px;
	background-color: #000;
}
#course_voice #section11 .movies li p,#course_voice #section07  .movies li p {
	margin-top: 15px;
	font-size: 20px;
	font-weight: bold;
    color:#fff;
}
#course_voice #section11 .inPageBtn a span {
	color: #000;
}
#course_voice #section11 .inPageBtn a:after {
	border-left-color: #000;
}

@media only screen and (max-width:767px) {
	#course_voice #section11 {
		padding: 40px 20px;
	}
	#course_voice #section11 .commonBigTitle {
		max-width: 320px;
	}
	#course_voice #section11 .commonBigTitle:before,
	#course_voice #section11 .commonBigTitle:after {
		max-width: 100%;
		background-image: url(../../images/common/_sp/border02.png);
	}
	#course_voice #section11 .movies,#course_voice #section07 .movies {
		max-width: 325px;
		margin: 0 auto;
	}
	#course_voice #section11 .movies li,#course_voice #section07 .movies li {
		float: none;
		width: auto;
	}
	#course_voice #section11 .movies li + li,#course_voice #section07 .movies li + li{
		margin-top: 20px;
	}
	#course_voice #section11 .movies li > div,#course_voice #section07 .movies li > div {
		border-width: 7px;
	}
	#course_voice #section11 .movies li p,#course_voice #section07 .movies li p {
		margin-top: 8px;
		font-size: 14px;
		font-weight: bold;
	}
	#course_voice #section11 .inPageBtn {
		margin: 40px 0 0;
	}
}





/*--------------------------------------------------
 course_voice_curriculum
--------------------------------------------------*/
#course_voice_curriculum .ttl {
	margin-bottom: 70px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
#course_voice_curriculum .ttl span {
	display: inline-block;
	padding: 0 15px 5px;
	border-bottom: #fff solid 2px;
}
#course_voice_curriculum .lists {
	margin-bottom: 100px;
}
#course_voice_curriculum .lists li {
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#course_voice_curriculum .lists li + li {
	padding-top: 100px;
}
#course_voice_curriculum .lists li + li:before {
	position: absolute;
	top: 40px;
	left: 50%;
	display: block;
	content: '';
	margin-left: -30px;
	border-top: #fff solid 20px;
	border-left: transparent solid 30px;
	border-right: transparent solid 30px;
}
@media only screen and (max-width:767px) {
	#course_voice_curriculum .ttl {
		margin-bottom: 30px;
		font-size: 17px;
	}
	#course_voice_curriculum .lists {
		margin-bottom: 40px;
	}
	#course_voice_curriculum .lists li {
		font-size: 14px;
	}
	#course_voice_curriculum .lists li + li {
		padding-top: 50px;
	}
	#course_voice_curriculum .lists li + li:before {
		top: 15px;
		margin-left: -20px;
		border-top: #fff solid 15px;
		border-left: transparent solid 20px;
		border-right: transparent solid 20px;
	}
}

.vtuber-lead {
    font-size: 28px !important;
}

.vtuber-lead>strong {
    font-size: 32px !important;
}

.vtuber-lead>strong>span {
    font-size: 16px !important;
}

@media only screen and (max-width:767px) {
.vtuber-lead {
    font-size: 18px !important;
}

.vtuber-lead>strong {
    font-size: 22px !important;
}

.vtuber-lead>strong>span {
    font-size: 14px !important;
}
}

.vtuber-box {
    margin: 1em 0;
    border: 2px solid #fff;
    padding: 16px 20px 20px;
}

.vtuber-box>div {
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 1em;
}

.vtuber-box>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vtuber-box>ul>li:not([class]) {
    background: #faea01;
    color: #333 !important;
    padding: 0 10px;
    border-radius: 4px;
}

.mb-s {
    margin-bottom: 1em;
}

.txt b {
    color: #faea01 !important;
    font-size: 20px;
}

@media only screen and (max-width:767px) {
.txt b {
    font-size: 14px;
}
}