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

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


/*--------------------------------------------------
 school_index
--------------------------------------------------*/


/* mainVisual
--------------------------------------------------*/
#school_index #mainVisual {
	padding: 141px 25px 171px;
	background: url(../../images/school/main_bg.jpg) no-repeat center center;
	background-size: cover;
}
#school_index #mainVisual .inner {
	max-width: 1216px;
	margin: 0 auto;
}
#school_index #mainVisual .commonBigTitle {
	margin-bottom: 0;
}
@media only screen and (max-width:767px) {
	#school_index #mainVisual {
		padding: 280px 25px 30px;
		background-image: url(../../images/school/_sp/main_bg.jpg);
	}
}


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


/* section01
--------------------------------------------------*/
#school_index #section01 {
	padding: 60px 35px;
	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 );
}

#school_index #section01 .inner {
	max-width: 1060px;
	margin: 0 auto;
}
#school_index #section01 .inner * {
	color: #ef0b79;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#school_index #section01 .lists {
	margin: -35px 0 0 -35px;
}
#school_index #section01 .lists li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 16.6667%;
	padding: 35px 0 0 35px;
}
#school_index #section01 .lists li a {
	position: relative;
	display: block;
	min-height: 30px;
	padding-right: 34px;
	line-height: 1.3;
}
#school_index #section01 .lists li a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #fff;
}
#school_index #section01 .lists li a:after {
	position: absolute;
	top: 50%;
	right: 11px;
	display: block;
	content: '';
	margin-top: -3px;
	border-top: #ef0b79 solid 6px;
	border-right: transparent solid 4px;
	border-left: transparent solid 4px;
}
#school_index #section01 .lists li a > span {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
#school_index #section01 .lists li a > span > span {
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width:767px) {
	#school_index #section01 {
		padding: 40px 35px;
	}
	#school_index #section01 .inner * {
		color: #fff;
	}
	#school_index #section01 .lists {
		margin: -12px 0 0 -10px;
	}
	#school_index #section01 .lists li {
		width: 33.3333%;
		padding: 12px 0 0 10px;
	}
	#school_index #section01 .lists li a {
		padding: 0 0 0 15px;
		min-height: 0;
	}
	#school_index #section01 .lists li a:before {
		display: none;
	}
	#school_index #section01 .lists li a:after {
		right: auto;
		left: 0;
		border-top-color: #fff;
	}
	#school_index #section01 .lists li a > span {
		display: block;
		height: auto;
		width: auto;
		text-align: left;
		background-color: transparent;
	}
	#school_index #section01 .lists li a > span > span {
		display: block;
	}
}




/* section02
--------------------------------------------------*/
#school_index #section02 {
	padding: 80px 35px;
	background: #1f1f86;
	background: -moz-linear-gradient(left, #1f1f86 0%, #eb0a7a 100%);
	background: -webkit-linear-gradient(left, #1f1f86 0%,#eb0a7a 100%);
	background: linear-gradient(to right, #1f1f86 0%,#eb0a7a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f86', endColorstr='#eb0a7a',GradientType=1 );
}
#school_index #section02 .inner {
	max-width: 950px;
	margin: 0 auto;
}
#school_index #section02 .schoolList li {
	display: table;
	width: 100%;
	background-color: #fff;
}
#school_index #section02 .schoolList li + li {
	margin-top: 40px;
}
#school_index #section02 .schoolList li > * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#school_index #section02 .schoolList li .image {
	width: 41.05%;
	background-position: center center;
	background-size: cover;
}
#school_index #section02 .schoolList li .image img {
	opacity: 0;
}
#school_index #section02 .schoolList li .texts {
	width: 58.95%;
	padding: 26px 20px 20px 30px;
}
#school_index #section02 .schoolList li .texts .name {
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: bold;
}
#school_index #section02 .schoolList li .texts .tel {
	margin-bottom: 15px;
	line-height: 1;
}
#school_index #section02 .schoolList li .texts .tel > * {
	display: inline-block;
	padding: 8px 10px 8px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background:#e30013 url(../../images/school/icon_tel.png) no-repeat 9px center;
}
#school_index #section02 .schoolList li .texts .addr {
	font-size: 18px;
	font-weight: bold;
}
#school_index #section02 .schoolList li .texts .btns {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 330px;
	margin: 30px 0 0 auto;
	padding-left: 10px;
}
#school_index #section02 .schoolList li .texts .btns .btn {
	width: 50%;
	float: left;
	margin-left: 10px;
}
#school_index #section02 .schoolList li .texts .btns .btn:nth-child(1) {
	margin-left: -10px;
}
#school_index #section02 .schoolList li .texts .btns .btn a {
	position: relative;
	display: block;
	padding-right: 33px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#school_index #section02 .schoolList li .texts .btns .btn a:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #000;
}
#school_index #section02 .schoolList li .texts .btns .btn a:after {
	position: absolute;
	top: 50%;
	right: 11px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #fff solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
#school_index #section02 .schoolList li .texts .btns .btn a span {
	display: block;
	padding: 5px 0;
	background-color: #000;
}
@media only screen and (max-width:767px) {
	#school_index #section02 {
		padding: 40px 35px;
	}
	#school_index #section02 .inner {
		max-width: 400px;
		margin: 0 auto;
	}
	#school_index #section02 .schoolList li {
		display: block;
	}
	#school_index #section02 .schoolList li + li {
		margin-top: 20px;
	}
	#school_index #section02 .schoolList li > * {
		display: block;
	}
	#school_index #section02 .schoolList li .image {
		width: auto;
		background: none !important;
	}
	#school_index #section02 .schoolList li .image img {
		opacity: 1;
		width: 100%;
	}
	#school_index #section02 .schoolList li .texts {
		width: auto;
		padding: 15px 15px 18px;
	}
	#school_index #section02 .schoolList li .texts .name {
		margin-bottom: 5px;
		font-size: 15px;
		line-height: 1.2;
	}
	#school_index #section02 .schoolList li .texts .tel {
		margin-bottom: 8px;
	}
	#school_index #section02 .schoolList li .texts .tel > * {
		display: inline-block;
		padding: 3px 5px 4px 17px;
		font-size: 12px;
		background-position: 4px center;
		background-size: 10px auto;
	}
	#school_index #section02 .schoolList li .texts .addr {
		font-size: 13px;
	}
	#school_index #section02 .schoolList li .texts .btns {
		max-width: 330px;
		margin: 15px auto 0;
		padding-left: 13px;
	}
	#school_index #section02 .schoolList li .texts .btns .btn {
		width: 50%;
		float: left;
		margin-left: 13px;
	}
	#school_index #section02 .schoolList li .texts .btns .btn:nth-child(1) {
		margin-left: -13px;
	}
	#school_index #section02 .schoolList li .texts .btns .btn a {
		padding-right: 21px;
		font-size: 9px;
	}
	#school_index #section02 .schoolList li .texts .btns .btn a:before {
		width: 19px;
	}
	#school_index #section02 .schoolList li .texts .btns .btn a:after {
		right: 7px;
		margin-top: -3px;
		border-left: #fff solid 4px;
		border-top: transparent solid 3px;
		border-bottom: transparent solid 3px;
	}
}



/*#school_index #section02 .schoolList li:nth-child(1) .image {
	background-image: url(../../images/school/img_01.jpg);
}
#school_index #section02 .schoolList li:nth-child(2) .image {
	background-image: url(../../images/school/img_02.jpg);
}
#school_index #section02 .schoolList li:nth-child(3) .image {
	background-image: url(../../images/school/img_03.jpg);
}
#school_index #section02 .schoolList li:nth-child(4) .image {
	background-image: url(../../images/school/img_04.jpg);
}
#school_index #section02 .schoolList li:nth-child(5) .image {
	background-image: url(../../images/school/img_05.jpg);
}
#school_index #section02 .schoolList li:nth-child(6) .image {
	background-image: url(../../images/school/img_06.jpg);
}
#school_index #section02 .schoolList li:nth-child(7) .image {
	background-image: url(../../images/school/img_07.jpg);
}
#school_index #section02 .schoolList li:nth-child(8) .image {
	background-image: url(../../images/school/img_08.jpg);
}
#school_index #section02 .schoolList li:nth-child(9) .image {
	background-image: url(../../images/school/img_09.jpg);
}
#school_index #section02 .schoolList li:nth-child(10) .image {
	background-image: url(../../images/school/img_10.jpg);
}
#school_index #section02 .schoolList li:nth-child(11) .image {
	background-image: url(../../images/school/img_11.jpg);
}
#school_index #section02 .schoolList li:nth-child(12) .image {
	background-image: url(../../images/school/img_12.jpg);
}
#school_index #section02 .schoolList li:nth-child(13) .image {
	background-image: url(../../images/school/img_13.jpg);
}
#school_index #section02 .schoolList li:nth-child(14) .image {
	background-image: url(../../images/school/img_14.jpg);
}
#school_index #section02 .schoolList li:nth-child(15) .image {
	background-image: url(../../images/school/img_15.jpg);
}
#school_index #section02 .schoolList li:nth-child(16) .image {
	background-image: url(../../images/school/img_16.jpg);
}*/




/*--------------------------------------------------
 school_detail
--------------------------------------------------*/

/* mainVisual
--------------------------------------------------*/
#school_detail #mainVisual {
	background-color: #006d08;
}
#school_detail #mainVisual .commonBigTitle {
	margin-bottom: 0;
}
#school_detail #mainVisual .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 80px;
}
#school_detail #mainVisual .texts .textInner {
	max-width: 525px;
	margin-left: auto;
}
#school_detail #mainVisual .texts .inTb {
	display: table;
	width: 100%;
	height: 460px;
}
#school_detail #mainVisual .texts .inCell {
	display: table-cell;
	vertical-align: middle;
}
#school_detail #mainVisual .commonBigTitle .type02 {
	font-size: 28px;
}
#school_detail #mainVisual .image {
	overflow: hidden;
	position: relative;
	float: right;
	width: 50%;
	height: 460px;
	background-position: center center;
	background-size: cover;
}
#school_detail #mainVisual .image img {
	opacity: 0;
	/*position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%,-50%);*/
}
@media only screen and (max-width:767px) {
	#school_detail #mainVisual .texts {
		float: none;
		width: auto;
		padding: 30px 25px;
	}
	#school_detail #mainVisual .texts .textInner {
		max-width: 525px;
		margin-left: auto;
	}
	#school_detail #mainVisual .texts .inTb {
		display: table;
		width: 100%;
		height: auto;
	}
	#school_detail #mainVisual .texts .inCell {
		display: table-cell;
		vertical-align: middle;
	}
	#school_detail #mainVisual .commonBigTitle .type02 {
		font-size: 18px;
	}
	#school_detail #mainVisual .image {
		float: none;
		width: auto;
		height: auto;
	}
	#school_detail #mainVisual .image img {
		opacity: 1;
	}
}


/* section
--------------------------------------------------*/
#school_detail .section {
	overflow: hidden;
	position: relative;
	padding: 80px 0;
}
#school_detail .section + .section {
	margin-top: 30px;
}
#school_detail .section .enTxt {
	position: absolute;
	z-index: 2;
}
#school_detail .section .enTxt01 {
	top: 0;
	left: 0;
}
#school_detail .section .enTxt02 {
	bottom: 0;
	right: 0;
}
#school_detail .section .inner {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 35px;
}
#school_detail .section .inner02 {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 35px;
}
#school_detail .section .inner02 .innerTexts * {
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.9;
}
#school_detail .section .inner02 .innerImage {
	margin-top: 70px;
	text-align: center;
}
#school_detail .section .inner02 .innerTexts p + p {
	margin-top: 2em;
}
#school_detail .group + .group {
	margin-top: 80px;
}
#school_detail .inner * {
	color: #fff;
	font-weight: bold;
}
#school_detail .bdrTitle {
	margin-bottom: 40px;
	padding-bottom: 5px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: #fff solid 4px;
}
@media only screen and (max-width:767px) {
	#school_detail .section {
		padding: 40px 0;
	}
	#school_detail .section .enTxt img {
		width: 30px;
		height: auto;
	}
	#school_detail .section,
	#school_detail .section + .section {
		margin-top: 20px;
	}
	#school_detail .group + .group {
		margin-top: 40px;
	}
	#school_detail .bdrTitle {
		margin-bottom: 15px;
		font-size: 16px;
		border-bottom: #fff solid 2px;
	}
	#school_detail .section .inner02 .innerTexts * {
		font-size: 13px;
		line-height: 1.7;
	}
	#school_detail .section .inner02 .innerImage {
		margin-top: 30px;
	}
	#school_detail .section .inner02 .innerTexts p + p {
		margin-top: 1.4em;
	}
}


/* schoolInfo
--------------------------------------------------*/
#school_detail .schoolInfo .image {
	float: left;
	width: 41.05%;
}
#school_detail .schoolInfo .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 58.95%;
	padding-left: 30px;
}
#school_detail .schoolInfo .texts .name {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
}
#school_detail .schoolInfo .texts .tel {
	margin-bottom: 15px;
	line-height: 1;
}
#school_detail .schoolInfo .texts .tel > * {
	display: inline-block;
	padding: 8px 10px 8px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background:#e30013 url(../../images/school/icon_tel.png) no-repeat 9px center;
}
#school_detail .schoolInfo .texts .addr {
	font-size: 18px;
	font-weight: bold;
}
#school_detail .schoolInfo .texts .btns {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 25px;
	max-width: 400px;
	padding-left: 20px;
}
#school_detail .schoolInfo .texts .btns .btn {
	float: left;
	width: 33.3333%;
	margin-left: 10px;
}
#school_detail .schoolInfo .texts .btns .btn:first-child {
	margin-left: -20px;
}
#school_detail .schoolInfo .texts .btns .btn a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}
#school_detail .schoolInfo .texts .btns .btn:nth-child(1) a {
	background-color: #f2b92d;
}
#school_detail .schoolInfo .texts .btns .btn:nth-child(2) a {
	background-color: #16b8cf;
}
#school_detail .schoolInfo .texts .btns .btn:nth-child(3) a {
	background-color: #ff82a9;
}

@media only screen and (max-width:767px) {
	#school_detail #section01 {
		padding: 40px 0;
	}
	#school_detail .schoolInfo .image {
		width: auto;
		margin-bottom: 15px;
	}
	#school_detail .schoolInfo .image img {
		width: 100%;
	}
	#school_detail .schoolInfo .texts {
		width: auto;
		padding: 0;
	}
	#school_detail .schoolInfo .texts .name {
		margin-bottom: 10px;
		font-size: 17px;
		line-height: 1.2;
	}
	#school_detail .schoolInfo .texts .tel {
		margin-bottom: 10px;
	}
	#school_detail .schoolInfo .texts .tel > * {
		display: inline-block;
		padding: 3px 5px 4px 17px;
		font-size: 12px;
		background-position: 4px center;
		background-size: 10px auto;
	}
	#school_detail .schoolInfo .texts .addr {
		font-size: 13px;
	}
	#school_detail .schoolInfo .texts .addr p + p {
		margin-top: 5px;
	}
	#school_detail .schoolInfo .texts .btns {
		margin-top: 20px;
		padding-left: 0;
	}
	#school_detail .schoolInfo .texts .btns .btn {
		margin-left: 0 !important;
	}
	#school_detail .schoolInfo .texts .btns .btn a {
		padding: 13px 0;
	}
}


/* gMapArea
--------------------------------------------------*/
#school_detail .gMapArea > div {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 72.83%;
}
#school_detail .gMapArea > div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* staffVoice
--------------------------------------------------*/
#school_detail .staffVoice .staffImage {
	float: left;
	width: 42.39%;
}
#school_detail .staffVoice .staffTexts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 57.61%;
	padding-left: 30px;
}
#school_detail .staffVoice .staffTexts .position {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1.3;
}
#school_detail .staffVoice .staffTexts .name {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 1.3;
}
#school_detail .staffVoice .staffTexts .name small {
	font-size: 18px;
}
#school_detail .staffVoice .staffTexts .txt {
	font-size: 18px;
	line-height: 1.6;
}
#school_detail .staffVoice .staffTexts .spot {
	margin-top: 30px;
	text-align: right;
}
#school_detail .staffVoice .staffTexts .spot .item {
	position: relative;
	display: inline-block;
	line-height: 0;
}
#school_detail .staffVoice .staffTexts .spot .item .inTtl01 {
	padding: 3px 0;
	font-size: 12px;
	text-align: center;
	background-color: #000;
	line-height: 1.5;
}
#school_detail .staffVoice .staffTexts .spot .item .inTtl02 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 12px;
	text-align: center;
	background-color: rgb(0,0,0,0.5);
	line-height: 1.5;
}
@media only screen and (max-width:767px) {
	#school_detail .staffVoice .staffImage {
		float: none;
		width: auto;
		margin-bottom: 12px;
	}
	#school_detail .staffVoice .staffImage img {
		width: 100%;
	}
	#school_detail .staffVoice .staffTexts {
		float: none;
		width: auto;
		padding-left: 0;
	}
	#school_detail .staffVoice .staffTexts .position {
		margin-bottom: 7px;
		font-size: 12px;
	}
	#school_detail .staffVoice .staffTexts .name {
		margin-bottom: 8px;
		font-size: 15px;
	}
	#school_detail .staffVoice .staffTexts .name small {
		font-size: 13px;
	}
	#school_detail .staffVoice .staffTexts .txt {
		font-size: 13px;
	}
	#school_detail .staffVoice .staffTexts .spot {
		margin-top: 20px;
		text-align: center;
	}
}



/* lesson
--------------------------------------------------*/
#school_detail .lesson .bdrTitle.minMb {
	margin-bottom: 20px;
}
#school_detail .lesson .accordionBox {
	border-bottom: #fff solid 4px;
}
#school_detail .lesson .accordionBox .inTtl {
	position: relative;
	padding: 15px 150px 15px 0;
	font-size: 22px;
	font-weight: bold;
}
#school_detail .lesson .accordionBox .inTtl .acBtn {
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	transform: translateY(-50%);
}
#school_detail .lesson .accordionBox .inTtl .acBtn * {
	color: #1c1f86;
}
#school_detail .lesson .accordionBox .inTtl .acBtn {
	display: block;
	padding-right: 34px;
}
#school_detail .lesson .accordionBox .inTtl .acBtn:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #fff;
}
#school_detail .lesson .accordionBox .inTtl .acBtn:after {
	position: absolute;
	top: 50%;
	right: 11px;
	display: block;
	content: '';
	margin-top: -3px;
	border-top: #1c1f86 solid 6px;
	border-left: transparent solid 4px;
	border-right: transparent solid 4px;
}
#school_detail .lesson .accordionBox .inTtl .acBtn > span {
	display: block;
	width: 100px;
	padding: 5px 0 4px;
	background-color: #fff;
}
#school_detail .lesson .accordionBox .inTtl .acBtn > span:nth-child(2) {
	display: none;
}
#school_detail .lesson .accordionBox .inTtl .acBtn.on > span {
	display: none;
}
#school_detail .lesson .accordionBox .inTtl .acBtn.on > span:nth-child(2) {
	display: block;
}
#school_detail .lesson .accordionBox .inTtl .acBtn.on:after {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
}
#school_detail .lesson .accordionBox .inBody {
	padding: 30px 0 50px;
	display: none;
}
#school_detail .lesson .accordionBox .inBody .texts {
	font-size: 18px;
	line-height: 1.6;
}
#school_detail .lesson .accordionBox .inBody .texts p + p {
	margin-top: 1.3em;
}
#school_detail .lesson .accordionBox .inBody .btnList {
	margin-top: 45px;
}
#school_detail .lesson .accordionBox .inBody .btnList ul {
	margin: -25px 0 0 -25px;
}
#school_detail .lesson .accordionBox .inBody .btnList li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 33.3333%;
	padding: 25px 0 0 25px;
}
#school_detail .lesson .accordionBox .inBody .btnList li a {
	display: block;
	padding: 15px 20px 20px;
	text-align: center;
	text-decoration: none;
	border: #fff solid 4px;
}
#school_detail .lesson .accordionBox .inBody .btnList li a span {
	display: block;
}
#school_detail .lesson .accordionBox .inBody .btnList li .date {
	margin-bottom: 15px;
	font-size: 18px;
}
#school_detail .lesson .accordionBox .inBody .btnList li .btn {
	position: relative;
	padding-right: 33px;
}
#school_detail .lesson .accordionBox .inBody .btnList li .btn:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 30px;
	height: 100%;
	background-color: #fff;
}
#school_detail .lesson .accordionBox .inBody .btnList li .btn:after {
	position: absolute;
	top: 50%;
	right: 11px;
	display: block;
	content: '';
	margin-top: -4px;
	border-left: #1c1f86 solid 6px;
	border-top: transparent solid 4px;
	border-bottom: transparent solid 4px;
}
#school_detail .lesson .accordionBox .inBody .btnList li .btn span {
	padding: 5px 0 4px;
	color: #1c1f86;
	font-size: 14px;
	background-color: #fff;
}
@media only screen and (max-width:767px) {
	#school_detail .lesson .bdrTitle.minMb {
		margin-bottom: 10px;
	}
	#school_detail .lesson .accordionBox {
		border-bottom: #fff solid 2px;
	}
	#school_detail .lesson .accordionBox .inTtl {
		padding: 15px 110px 15px 0;
		font-size: 15px;
	}
	#school_detail .lesson .accordionBox .inTtl .acBtn {
		top: 20px;
		font-size: 13px;
		transform: translateY(0);
	}
	#school_detail .lesson .accordionBox .inTtl .acBtn > span {
		width: 60px;
	}
	#school_detail .lesson .accordionBox .inTtl .acBtn > span span {
		display: none;
	}
	#school_detail .lesson .accordionBox .inBody {
		padding: 20px 0 50px;
	}
	#school_detail .lesson .accordionBox .inBody .texts {
		font-size: 13px;
	}
	#school_detail .lesson .accordionBox .inBody .btnList {
		margin-top: 30px;
	}
	#school_detail .lesson .accordionBox .inBody .btnList ul {
		margin: 0;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li {
		float: none;
		width: auto;
		padding: 0;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li + li {
		margin-top: 13px;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li a {
		padding: 10px;
		border: #fff solid 2px;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li .date {
		max-width: 200px;
		margin: 0 auto 8px;
		font-size: 13px;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li .btn {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		max-width: 200px;
		margin: 0 auto;
	}
	#school_detail .lesson .accordionBox .inBody .btnList li .btn span {
		font-size: 13px;
	}
}








/* section01
--------------------------------------------------*/
#school_detail #section01 {
	background: #1c1f86;
	background: -moz-linear-gradient(left, #1c1f86 0%, #0083cb 100%);
	background: -webkit-linear-gradient(left, #1c1f86 0%,#0083cb 100%);
	background: linear-gradient(to right, #1c1f86 0%,#0083cb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1f86', endColorstr='#0083cb',GradientType=1 );
}
#school_detail #section01 .commonBtn01 {
	max-width: 300px;
	margin: 60px auto 0;
}
#school_detail #section01 .commonBtn01 span {
	color: #1c1f86;
}
@media only screen and (max-width:767px) {
	#school_detail #section01 {
		padding: 40px 0;
	}
	#school_detail #section01 .commonBtn01 {
		margin-top: 40px;
	}
}



/* section02
--------------------------------------------------*/
#school_detail #section02 {
	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 );
}

/* section03
--------------------------------------------------*/
#school_detail #section03 {
	background: #4d2682;
	background: -moz-linear-gradient(left, #4d2682 0%, #8457a6 100%);
	background: -webkit-linear-gradient(left, #4d2682 0%,#8457a6 100%);
	background: linear-gradient(to right, #4d2682 0%,#8457a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2682', endColorstr='#8457a6',GradientType=1 );
}

/* section04
--------------------------------------------------*/
#school_detail #section04 {
	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 );
}





