@charset "UTF-8";
/* ******************************************************************

	--responsive.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headSection {
	width:auto;
	max-width:980px;
}
.headSection02.spStyle .headline2 .imageIconSp,
.headline2.spStyle .imageIconSp {
	display:none;
}
@media screen and (max-width:1000px) {
	.headSection {
		margin:0 10px 7px;
	}
}
@media screen and (max-width:765px) {
	.headline1W980 {
		padding-left:0;
	}
	.headSection {
		margin:0 25px 9px;
	}
	.noBorderSp {
		border:none;
	}
	.headline1 {
		width:100%;
		margin-bottom:15px;
		padding:0 0 0 0;
		font-size:28px;
		font-weight:bold;
	}
	.headSection .headline1 {
		margin-bottom:0;
	}
	.headSection .headline1 .bigSp {
		font-size:32px;
		font-weight:bold;
	}
	.headSection .headline1 .smallSp {
		display:block;
		padding-top:5px;
		font-size:24px;
		font-weight:bold;
	}
	.rateLecture .headTitle.spStyle,
	.headline2.spStyle,
	.headSection02.spStyle .headline2,
	.headline2.blue,
	.headline6 {
		position:relative;
		width:100%;
		margin-bottom:25px;
		padding:15px 15px 15px 65px;
		border:none;
		background:#4B7AAD;
		color:#FFF;
		font-size:16px;
		font-weight:bold;
	}
	.rateLecture .headTitle.spStyle .iconImage,
	.headSection02.spStyle .headline2 .imageIcon,
	.headline2 .iconImage,
	.headline2.blue .iconImage {
		display:none;
	}
	.rateLecture .headTitle.spStyle .imageIconSp,
	.headline2.spStyle .imageIconSp,
	.headSection02.spStyle .headline2 .imageIconSp,
	.headline2.blue .imageIconSp,
	.headline6 .imageIcon {
		position:absolute;
		top:0;
		left:0;
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		width:50px;
		height:100%;
		padding:5px;
		background:#385B81;
		text-align:center;
	}
	.rateLecture .headTitle.spStyle .imageIconSp img,
	.headline2.spStyle .imageIconSp img,
	.headSection02.spStyle .headline2 .imageIconSp img,
	.headline2.blue .imageIconSp img,
	.headline6 .imageIcon img {
		margin:auto;
		max-width:27px;
		height:auto;
	}
	.headline2 {
		font-size:18px;
	}
	.headline3 {
		font-size:15px;
	}
	.headline10 {
		margin:0 20px 10px;
		font-size:13px;
	}
	.headline10 span {
		display:block;
		padding:4px 0 0 0;
	}
	.headline11 {
		padding-left:20px;
		font-size:16px;
	}
	.headline11 .iconImage {
		width:10px;
		top:6px;
	}
	.headline12 {
		padding:15px 35px 15px 75px;
		background:#EA7166;
		color:#FFF;
		font-size:16px;
	}
	.headline12 .iconSp {
		position:absolute;
		top:50%;
		left:35px;
		display:block;
		width:30px;
		margin-top:-15px;
	}
	.headline12 .iconSp + .icon {
		display:none;
	}
	.headline13 {
		margin-bottom:15px;
		font-size:15px;
	}
	.headline13 .txtTag {
		margin-top:0;
		padding:3px 6px;
		font-size:10px;
	}
}
/*==================================================================
	2. Layout setting
===================================================================*/
/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
html {
	color:#333;
}
html, body, #wrapper, #header {
	min-width:320px;
}
.pcDisplay {
	display:block;
}
.hidden,
.spDisplay {
	display:none;
}
.mb30Pc {
	margin-bottom:30px;
}
@media screen and (min-width:766px) {
	.pcNone {
		display:none !important;
	}
}
@media screen and (max-width:765px) {
	.pcDisplay {
		display:none;
	}
	.spDisplay {
		display:block;
	}
	.mb0Sp,
	.mbSp0,
	.mb30Pc {
		margin-bottom:0 !important;
	}
	.paSp0 {
		padding:0 !important;
	}
	.pb20Sp {
		padding-bottom:20px !important;
	}
}
/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header .headerInner {
	width:auto;
	max-width:1024px;
}
#spHeader {
	display:none;
}
.menuBlock,
.consultBlock {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	overflow:auto;
	z-index:10000;
	width:100%;
	background:url(/img/sp/common/bg_transparent.png) 0 0 repeat;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}
.consultBlock .menuInner {
	padding-top:75px;
}
.menuInner {
	position:relative;
	max-width:600px;
	margin:auto;
	padding:30px 25px 21px;
}
.menuInner .title {
	margin-bottom:25px;
	color:#4978AE;
	font-size:30px;
}
.menuInner .btnClose,
.menuInner .btnClose02 {
	display:block;
	position:absolute;
	right:25px;
	top:36px;
	width:25px;
	height:25px;
}
#spNavi {
	padding-bottom:25px;
}
#spNavi li {
	margin-bottom:4px;
}
#spNavi li a {
	display:block;
	padding:13px 14px;
	background:#4978AE url(/img/sp/common/icon_arrow02.png) 95% 50% no-repeat;
	background-size:7px auto;
	color:#FFF;
	text-decoration:none;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 #DDD\9;
}
.btnSearchFormSP {
	position:relative !important;
	z-index:9998;
	width:80%;
	padding:6px 0 10px !important;
	background-color:#EC7063;
	margin:6px auto 30px;
	border-radius:5px;
	font-weight:bold;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 #DDD\9;
}
.btnSearchFormSP em {
	display:inline-block;
	padding:10px 20px 6px 0;
	background:url(/img/sp/common/icon_arrow02.png) 95% 52% no-repeat;;
	background-size:7px auto;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	display:block;
	font-weight:normal;
}
.btnSearchFormSP a {
	text-decoration:none;
}
.btnSearchFormSP .result {
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-bottom:8px;
	display:none;
}
.btnSearchFormSP .result span {
	color:#EC7063;
}
.searchBlock {
	padding:0 15px 3px;
	background-color:#FFF;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 #DDD\9;
}
.searchInner {
	border-top:4px solid #EC7063;
}
.searchBlock .headGroup .headline2 {
	display:inline-block;
	padding-bottom:6px;
	border-bottom:1px solid #EC7063;
	color:#EC7063;
	font-size:21px;
}
.searchBlock .headGroup .headline2 img {
	position:relative;
	top:1px;
	width:21px;
	margin-right:7px;
}
.searchBlock .lecturerNumber {
	padding-top:5px;
	color:#EC7063;
	font-size:14px;
}
.searchBlock .lecturerNumber span {
	padding-left:8px;
	font-size:20px;
	font-family:'Roboto Condensed', sans-serif;
}
.searchBlock .headGroup {
	padding:22px 0 24px;
	text-align:center;
}
.searchBlock dt {
	font-size:15px;
	padding-bottom:2px;
	color:#EC7063;
	font-weight:600;
}
.searchBlock dd {
	padding-bottom:17px;
}
.searchBlock select {
	width:100%;
	padding:7px 8px;
	border-radius:5px;
	border:1px solid #C0C0C0;
	background:url(/img/sp/common/icon_arrow01.png) 95% 50% no-repeat;
	background-size:8px auto;
	color:#ACACAC;
	font-size:14px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	box-shadow:none;
	white-space:nowrap;
}
.searchBlock select option {
	color:#ACACAC !important;
}
.searchBlock input[type=radio] {
	display:none;
}
.searchBlock input[type=text] {
	width:100%;
	padding:8px 10px;
	border:1px solid #C0C0C0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	box-shadow:none;
}
.searchBlock input[type=text]:hover,
.searchBlock input[type=text]:focus {
	border-color:#CBCBCB;
	background-color:#E4F9CE;
	-webkit-box-shadow:0px 0px 4px #EADFD8;
	-moz-box-shadow:0px 0px 4px #EADFD8;
	box-shadow:0px 0px 4px #EADFD8;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.searchBlock .radio label {
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding-left:25px;
	margin-right:15px;
	color:#4D4D4D;
	font-size:12px;
	vertical-align:middle;
}
.searchBlock .radio label:before {
	content:"";
	display:block;
	width:8px;
	height:8px;
	margin-right:10px;
	position:absolute;
	left:0;
	bottom:1px;
	border:3px solid #FFF;
	background:#FFF;
	-webkit-box-shadow:0px 0px 2px #AEAEAE;
	-moz-box-shadow:0px 0px 2px #AEAEAE;
	box-shadow:0px 0px 2px #AEAEAE;
}
.searchBlock .radio label:before {
	border-radius:50%;
}
.searchBlock input[type=radio]:checked + label:before {
	background:#EC7063;
}
.consult {
	position:absolute;
	right:0;
	top:50px;
	display:none;
	width:70px;
	height:70px;
	padding:0;
	background:url(/img/sp/common/bg_consult.png) 0 0 no-repeat;
	background-size:100%;
}
.consult a {
	display:block;
	height:70px;
	text-decoration:none;
}
.consult span {
	position:relative;
	right:-33px;
	color:#FFF;
	font-size:10px;
}

@media screen and (max-width:765px) {
	#header {
		height: auto;
	}
	#header .headerInner {
		-webkit-transition:all 0.2s ease 0s;
		-o-transition:all 0.2s ease 0s;
		transition:all 0.2s ease 0s;
	}

	#header .itemHeader{
		display: flex;
		background-color:#4978AE;

	}
	#header .itemHeader li{
		width: 20%;
		padding: 10px 5px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		align-content: space-between;
	}
	#header .itemHeader li:not(:last-child){
		border-right: 1px solid #749bc6;
	}
	#header .itemHeader .telStyle{
		padding: 5px;
	}
	#header .itemHeader li a{
		margin-bottom: 6px;
		text-align: center;
	}
	#header .itemHeader li img{
		width: 18px;
	}
	#header .itemHeader li a.btnMail img{
		width: 27px;
	}
	#header .itemHeader .txtItemH{
		width: 100%;
		color: #fff;
		font-size: 10px;
		text-align: center;
		display: block;
	}
	.btnCandidate {
		width: 31px;
		height:27px;
		background:url(/img/sp/common/icon_inbox.svg) 50% 10% no-repeat;
		background-size: 80% auto;
		text-decoration:none;
		position: relative;
	}
	.btnCandidate span {
		position: absolute;;
	    top: -6px;
    	right: -4px;
    	min-width: 15px;
    	min-height: 15px;
		background-color: #ec7063;
		border-radius: 50%;
		color:#FFF;
		font-size:10px;
		text-align: center;
		padding: 2px;
	}
	#logo {
		display: block;
		background-color: #fff;
		width: 100%;
		padding: 15px 0px;
	}
	#logo img{
		width: 150px;
	}

	#header .itemHeader .contentTel{
		background-color: #ec7063;
		border-radius: 5px;
		width: 100%;
		text-align: center;
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;

	}
	#header a.btnTel {
		box-shadow:none;
		display: block;
	}
	#header a.btnTel img {
		width: 22px;
	}
	.sideGroup {
		display:none;
	}
	#spHeader {
		display:block;
		height:100%;
	}
	.consult {
		display:block;
	}
	#searchModalButton {
		display:none;
	}
}
/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
	#naviInner > li {
		width:8.9%;
	}
	li#navi01 {
		width:12%;
	}
	li#navi03 {
		width:17.3%;
	}
	li#naviCandidate {
		width:9.3%;
	}
	li#naviCandidate .icon {
		margin-right:0;
		padding-right:8px;
	}
	li#naviCandidate .icon + span {
		display:none;
	}
	#naviInner > li#navi03 > a {
		padding:0 8px;
		text-align:center;
	}
	#naviInner > li#naviCandidate > a {
		padding:0 8px;
		text-align:center;
	}
	#naviInner > li > a > span {
		text-align:left;
	}
	#naviInner > li#navi01 > a > span {
		text-align:center;
	}
}
@media screen and (max-width:979px) {
	#naviInner li a {
		font-size:13px;
	}
	li#navi01 br {
		display:inline;
	}
}
@media screen and (max-width:765px) {
	#navi {
		display:none;
	}
}
/* ------------------------------------------------------------------
	2-3. Sidebar styles
-------------------------------------------------------------------*/
@media screen and (max-width:765px) {
	#side {
		display:none;
	}
}

/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	width:auto;
	max-width:1000px;
	padding:18px 10px 0;
}
.breadcrumbs ul {
	width:78%;
}
@media screen and (max-width:765px) {
	.consult{
		display: none;
	}
	.breadcrumbs p.searchText {
		display:none;
	}
	.breadcrumbs {
		overflow-x:auto;
		overflow-y:hidden;
		padding:0;
		margin-bottom: 20px;
		border-top: 1px solid #D5D5D5;
		border-bottom: 1px solid #D5D5D5;
		background-color: #E5E5E5;
		-webkit-overflow-scrolling:touch;
	}
	.breadcrumbs ul {
		display: flex;
		width:inherit;
		padding:0 10px 0 0;
	}

	.breadcrumbs li {
		z-index: 10;
		position: relative;
		display: flex;
		margin: 0px;
		line-height:1.3em;
	}
	.breadcrumbs li:first-child{
		background-color: #F0F0F0;

	}
	.breadcrumbs li:before{
		position: absolute;
		content: "";
		width: calc(100% - 1px);
		height: 50%;
     	border-right: 1px solid #D5D5D5;
		transform: skew(30deg);
		background-color: #F0F0F0;
		z-index: -1;
		top: 0;
		right: 0;

	}
	.breadcrumbs li:after{
		position: absolute;
		content: "";
		width: calc(100% - 1px);
		height: 50%;
     	border-right: 1px solid #D5D5D5;
		transform: skew(-30deg);
		top: 50%;
		right: 0;
		background-color: #F0F0F0;
		z-index: -1;
	}
	.breadcrumbs li:last-child:before, .breadcrumbs li:last-child:after{
		background-color: #E5E5E5;
		border-right:0;
	}
	.breadcrumbs li a,
	.breadcrumbs li em {
		display: flex;
		-ms-align-items:center;
		align-items:center;
		width:100%;
		padding: 12px 10px;
		background: none;
		color:#4D4D4D;
		font-size:10px;
		text-decoration:none;
		white-space:nowrap;
	}
}
/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/
#contents {
	width:100%;
}
.wrapperSection01 {
	width:auto;
	max-width:1024px;
}
.mainCol {
	width: calc(100% - 313px);
	max-width:715px;
	margin-left:22px;
}
.mainCol02 {
	width: calc(100% - 290px);
	max-width:715px;
	margin-left:22px;
}
.mainCol02.lastSection {
	padding-bottom:80px;
}
.section02SideInner .mainCol02 {
	padding: 35px 0px 38px;
}
@media screen and (max-width:765px) {
	#container {
		padding-top:123px;
	}
	#contents {
		margin-top:0;
	}
	.mainCol {
		width: 100%;
		max-width: none;
		margin-left: 0;
	}
	.mainCol02 {
		width: 100%;
		max-width: none;
		margin-left: 0;
		padding:0 20px;
	}
	.mainCol02.lastSection {
		padding-bottom:0px;
	}
	.section02SideInner .mainCol02 {
		padding: 20px 20px 40px;
	}
	.lastSection .section06 {
		padding-bottom:30px;
	}
}
/* ------------------------------------------------------------------
	2-6. Modal styles
-------------------------------------------------------------------*/
#wrapper {
	position:relative;
	right:0;
	width:100%;
	overflow:hidden;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
#wrapper.displayCandidate {
	right:85%;
	overflow:visible;
}
.displayCandidate #header .headerInner {
	left:-85%;
}
.displayCandidate .modal {
	right:0;
}
.displayCandidate .boxPosition.boxFix {
	left:-85%;
}
.modal,
.menuBlock {
	display:none;
}
.preventScroll{
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}
.custombox-modal-container {
	width:100%;
}
.custombox-modal-open .custombox-modal {
	max-width:1100px !important;
	margin:0 auto !important;
}
.ieCbox #searchListModal {
	margin:20px auto !important;
}
#searchListModal {
	width:auto;
	max-width:1100px;
}
#searchListModal .modalBoxInner {
	overflow:hidden;
	padding-left:5.45%;
	padding-right:5.45%;
}
#searchListModal .modalBoxInner ul {
	width:100%;
	overflow-x:auto;
}
.custombox-modal-container-slide>div {
	float:none !important;
}
.modal {
	display:block;
	position:fixed;
	top:0;
	bottom:0;
	right:-85%;
	overflow:auto;
	z-index:9999;
	width:85%;
	height:100%;
	border-left:1px solid #CECDCB;
	background-color:#F8F6F4;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.modal .modalInner {
	padding:39px 19px 0;
}
.modal .headline2 {
	margin-bottom:25px;
	border:none;
	color:#4978AE;
	font-size:30px;
	text-align:center;
}
.modal .candidate {
	display:inline-block;
	position:relative;
	top:0;
	margin-left:20px;
}
.modal .candidate img {
	display:block;
	width:34px;
}
.modal .candidate em {
	display:block;
	position:absolute;
	min-width:27px;
	font-size:13px;
	text-align:center;
}
.modal .validText {
	padding:10px 22px;
	border:1px solid #EC7063;
	border-radius:5px;
	color:#EC7063;
	font-size:14px;
}
.imageRound {
	padding:2px;
	border-radius:50%;
	background-color:#FFF;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.modal .photoImage img {
	width:54px;
}
.modal .infoGroup {
	display:inline-block;
}
.modal .candidateList {
	padding:17px 0 23px;
}
.modal .candidateList li {
	display:table;
	width:100%;
	padding-bottom:17px;
}
.modal .photoImage,
.modal .infoGroup,
.modal .btnDelete {
	display:table-cell;
	vertical-align:middle;
}
.modal .infoGroup {
	padding:0 15px 0 9px;
	color:#4978AE;
}
.modal .btnDelete {
	width:50px;
}
.modal .photoImage {
	width:54px;
}
.modal .btnDelete a {
	display:block;
	padding:5px 8px;
	border-radius:5px;
	background:#4978AE url(/img/sp/common/icon_cross.png) 7px 50% no-repeat;
	background-size:9px;
	color:#FFF !important;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}
.modal .name {
	font-size:14px;
}
.modal .name a {
	color:#4978AE;
	text-decoration:none;
}
.modal .job {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #4978AE;
	font-size:9px;
}
.modal .price {
	padding-left:20px;
	background:url(/img/sp/common/icon_money.png) 0 50% no-repeat;
	background-size:14px;
	font-size:12px;
}
.modal .btnReturn {
	display:block;
	padding:25px 0;
	color:#4978AE;
	text-decoration:none;
}
.modal .btnReturn:hover {
	color:#4978AE;
}
.modal .btnReturn img {
	display:inline-block;
	width:41px;
	padding-right:10px;
	vertical-align:middle;
}
.btnDiscuss {
	display:inline-block;
	width:100%;
	padding:10px 20px;
	margin-bottom:25px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
	border-radius:5px;
	background:#EC7063 url(/img/sp/common/icon_arrow02.png) 96% 50% no-repeat;
	background-size:7px auto;
	color:#FFF !important;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
}
.modalSp01 {
	display:none;
	position:fixed;
	top:50%;
	left:0;
	right:0;
	z-index:10000;
	width:90% !important;
	max-width:600px;
	margin:-86px auto 0;
}
.modalSp01 .infoBox {
	margin-bottom:4px;
	padding:20px 0 16px;
	background:#4978AE;
	color:#FFF;
	text-align:center;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
}
.modalSp01 .infoBox img {
	width:36px;
	color:#FFF;
}
.modalSp01 .infoBox .textInfo01 {
	margin:3px 0 5px;
	font-size:20px;
}
.modalSp01 .buttonInstructor {
	display:block;
	padding:12px 12px 12px 14px;
	background:#EC7063;
	color:#FFF;
	text-decoration:none;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);
}
.modalSp01 .buttonInstructor:hover {
	color:#FFF;
}
.modalSp01 .buttonInstructor span {
	float:right;
}
.modalSp01 .buttonInstructor img {
	width:7px;
	vertical-align:middle;
}
.modalSp01 .btnClose01 {
	display:inline-block;
	float:right;
	margin-top:-35px;
}
.modalSp01 .btnClose01 img {
	width:25px;
}
.candidateBlock {
	min-width:inherit;
	padding:100px 5%;
}
.candidateBlock .teacherList04 {
	width:auto;
}
.candidateBlock .teacherList04 .headline1 {
	width:100%;
}
.candidateBlock .teacherList04 .wrap {
	overflow:auto;
	width:100%;
}
.candidateBlock .teacherList04 .teacherList {
	width:auto;
	max-width:100%;
	margin:0;
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9999;
	background:#F8F6F4;
	opacity:0.95;
}
@media screen and (max-width:765px) {
	.overlay01 {
		position:fixed;
		top:0;
		bottom:0;
		left:-85%;
		z-index:9999;
		width:100%;
	}
}
/* ------------------------------------------------------------------
	2-7. #footer styles
-------------------------------------------------------------------*/
.fSection01 .fLink01 {
	width:auto;
	max-width:1000px;
	padding:13px 10px 11px;
}
.fSection02 .fSectionInner02 {
	width:auto;
	max-width:1044px;
	padding:16px 10px 19px;
	display: flex;
}
.fSection02 .fSectionInner02 div {
	width: auto;
	float: none;
}
#footer .fBlock .imageLogo01 img.spImg,
#footer .imageLogo img.spImg,
#footer .spFNavi + .social,
#footer .spFNavi,
#spCopyright,
.spPageTop {
	display:none;
}
@media screen and (max-width:765px) {
	.fSection02 .fSectionInner02 div {
		width:calc(100% - 190px);
	}
	.contactInfoBig {
		max-width:70%;
	}
	.contactInfoBig .notifyBox {
		margin-bottom:15px;
		padding:10px 15px;
		border:2px solid #4978AE;
		background:none;
	}
	.notifyBox p {
		background-color:#FFF;
		color:#4978AE;
		font-size:17px;
		text-align:center;
		line-height:1.2;
	}
	.notifyBox p span {
		display:inline-block;
	}
	.contactInfoBig .notifyContents {
		display:none;
	}
	.contactInfoBig .notifyBox .arrow {
		display:none;
	}
	.contactInfoBig .notifyBox:after,
	.contactInfoBig .notifyBox:before {
		top:100%;
		left:50%;
		border:solid transparent;
		content:" ";
		height:0;
		width:0;
		position:absolute;
		pointer-events:none;
	}
	.contactInfoBig .notifyBox:after {
		border-color:rgba(255, 255, 255, 0);
		border-top-color:#FFF;
		border-width:10px;
		margin-left:-10px;
	}
	.contactInfoBig .notifyBox:before {
		border-color:rgba(73, 120, 174, 0);
		border-top-color:#4978AE;
		border-width:13px;
		margin-left:-13px;
	}
	#footer .fText,
	#footer .fNavi,
	.contactInfoBig .anime-flip,
	#footer .fBlock .fButton,
	#footer .fSection01,
	#footer .fSection02 {
		display:none;
	}
	.contactInfoBig .phone {
		float:none;
		margin:0;
		text-align:center;
	}
	.contactInfoBig .phone .phoneNumber {
		display:block;
		margin-bottom:10px;
	}
	.contactInfoBig .phone .phoneNumber img {
		width:200px;
		margin:auto;
	}
	.contactInfoBig .phone .moreLecture {
		display:block;
		padding:0;
	}
	#footer {
		padding-top:0;
		border-top:none;
	}
	#footer .spFNavi {
		width:auto;
		display:block;
		margin:0 20px 25px;
		border-bottom:1px solid #4978AE;
	}
	#footer .spFNavi li {
		display:block;
		margin:0;
		padding:0;
		border-top:1px solid #4978AE;
		background:none;
		text-align:left;
	}
	#footer .spFNavi li a {
		display:block;
		position:relative;
		padding:14px 8% 14px 10px;
		background:url(/img/sp/common/icon_arrow04.png) 96% 50% no-repeat;
		background-size:7px auto;
		color:#4978AE;
		font-size:14px;
		text-decoration:none;
		font-weight: normal;
	}
	#footer .spFNavi img {
		position:absolute;
		top:37%;
		right:10%;
		width:17px;
	}
	#footer .spFNavi + .social {
		display:block;
		margin-bottom:40px;
	}
	#footer .imageLogo {
		padding-bottom:20px;
	}
	#footer .imageLogo img {
		width:160px;
		margin:auto;
	}
	#footer .fBlock .imageLogo01 {
		position:static;
		margin-bottom:20px;
		text-align:center;
	}
	#footer .fBlock .imageLogo01 img {
		width:40px;
		margin:auto;
	}
	#footer .fBlock .imageLogo01 img.pcImg,
	#footer .imageLogo img.pcImg {
		display:none;
	}
	#footer .fBlock .imageLogo01 img.spImg,
	#footer .imageLogo img.spImg {
		display:inline-block;
	}
	#spCopyright {
		display:block;
		margin-bottom:40px;
		color:#4978AE;
		font-size:10px;
		text-align:center;
	}
	.spPageTop {
		display:block;
	}
	.spPageTop a {
		display:block;
		height:58px;
		background:#4978AE;
		line-height:58px;
		color:#FFF !important;
		font-size:15px;
		vertical-align:middle;
		text-align:center;
		text-decoration:none;
	}
	.spPageTop a span {
		padding-left:25px;
		background:url(/img/sp/common/icon_pagetop.png) 0 50% no-repeat;
		background-size:15px auto;
	}
}
/* ------------------------------------------------------------------
	2-8. Common styles
-------------------------------------------------------------------*/
.firstSection.reset {
	max-width:980px;
	margin:0 auto;
	padding:22px 0 10px;
}
.section02 {
	width:auto;
	max-width:1044px;
	padding:0 10px;
}
.partnerBlock.fullItem .buttons {
	float:right;
	display:inline-block;
	width:24.5%;
	padding-right:5px;
	text-align:center;
}
.groupCandidate a {
	width:inherit;
	margin:0 !important;
	text-align:center;
}
.groupCandidate02 a.addCandidate,
.groupCandidate a.addCandidate,
.teacherList02 .photo .candidate a {
	display:inline-block;
	width:97px;
	height:24px;
	margin-top:10px;
	padding:6px 4px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	background-color:#EC7063;
	color:#FFF;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
}
.groupCandidate a.buttonCandidate,
.teacherList02 .photo .candidate a.buttonCandidate {
	padding:6px 18px 6px 4px !important;
	-webkit-background-position:98% 50%;
	-moz-background-position:98% 50%;
	background-position:98% 50%;
}
.groupCandidate02 a.addCandidate img,
.groupCandidate a.addCandidate img,
.teacherList02 .photo .candidate a img {
	width:14px;
	margin:0 0 3px 3px;
	vertical-align:middle;
}
.groupCandidate02 a.addCandidate:hover,
.groupCandidate a.addCandidate:hover,
.teacherList02 .photo .candidate a:hover {
	background-color:#4775A9;
}
.groupCandidate02 a.addCandidate:active,
.groupCandidate02 a.addCandidate.disable,
.groupCandidate a.addCandidate:active,
.groupCandidate a.addCandidate.disable,
.teacherList02 .photo .candidate a:active,
.teacherList02 .photo .candidate a.disable {
	background-color:#B6B6B6;
}
.button01Sp {
	display:inline-block;
	padding:12px 40px;
	border-radius:5px;
	border:1px solid #4978AE;
	color:#4978AE !important;
	font-size:15px;
	text-decoration:none;
}
.button01Sp img {
	width:17px;
	margin-left:15px;
	padding-bottom:2px;
}
.firstSection.reset .textDes {
	padding:0 25px;
	font-size:14px;
}
.firstSection.reset .textDes .txtNote {
	font-size:12px;
}
.firstSection .textDes.inlineItem {
	text-align:center;
}
.firstSection .textDes.inlineItem .boxInner {
	display:inline-block;
	text-align:left;
}
.content980 .wrapperSection01 {
	width:auto;
	max-width:980px;
}
.content980 .wrapperSection01 .section01 {
	padding:22px 0 38px;
}
.content980 .wrapperSection02 .section02 {
	width:auto;
	max-width:1000px;
	padding:40px 10px;
}
.bdTop {
	border-top:1px solid #D5D5D5;
}
@media screen and (max-width:765px) {
	.firstSection.reset {
		padding:0;
	}
	.firstSection .textDes {
		margin-bottom:0;
		padding:0 25px;
	}
	.sectionInner {
		padding:0 20px 20px;
	}
	.groupInfo {
		border:none;
	}
	.groupInfo ul:after {
		display:none;
	}
	.groupInfo ul li {
		background-image:none;
	}
	.groupInfo ul li div {
		float:none;
		width:100% !important;
		padding:17px 12% 17px 20px;
		border-bottom:1px dotted #999;
		background:url(/img/sp/common/icon_arrow15.png) no-repeat 93% 50%;
		-webkit-background-size:8px auto;
		-moz-background-size:8px auto;
		background-size:8px auto;
	}
	.groupInfo ul li:last-child div:last-child {
		border-bottom:1px solid #CCC;
	}
	#pageRyoukin .groupInfo ul li .groupLeft {
		border-right:none;
	}
	.teacherList02 > li:hover {
		border-color:#D5D5D5;
	}
}

/* ------------------------------------------------------------------
	2-8. Special styles
-------------------------------------------------------------------*/
/* ------------------------------------------------------------------
	2-8-1. sports/sports_top.htm
-------------------------------------------------------------------*/
#pageSportTop .section02Inner {
	width:auto !important;
}
#pageSportTop .section02Inner .headSection02 {
	max-width:980px;
	margin:auto;
}
.headline2 .imageIcon {
	margin-right:0;
}
.listLink.listLink02 {
	width:50%;
	padding-top:0;
	padding-bottom:2px;
}
.listLink.listLink02 li {
	margin-bottom:5px;
	padding:4px 10px;
	background:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #EC7063;
	background:#FFF;
	transition:all .2s linear 0s;
}
.listLink.listLink02 li.last {
	margin-right:5px;
}
.listLink.listLink02 li a {
	color:#EC7063;
}
.listLink.listLink02 li:hover,
.listLink.listLink02 li.active {
	border-color:#EC7063;
	background:#EC7063;
}
.listLink.listLink02 li:hover a,
.listLink.listLink02 li.active a {
	color:#FFF;
}
.carousel02 .prev a,
.carousel02 .next a {
	left:6px;
	width:16px;
	height:29px;
	margin-top:-8px;
	background:url(/img/common/btn_prev02.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.carousel02 .next a {
	left:auto;
	right:6px;
	background-image:url(/img/common/btn_next02.png);
}
.carousel02 .lectureImage {
	width:19%;
	max-width:171px;
	margin-right:2%;
}
.partnerBlock.fullItem .partnerInfo,
#pageSpot .partnerBlock .partnerInfo {
	width:48.7%;
	margin-right:3%;
}
.partnerBlock .bgArrow02 a.button01 {
	max-width:100%;
}
.partnerBlock .bgArrow02 a.addCandidate {
	margin-top:20px;
}
.partnerBlock .bgArrow02 a.addCandidate.disable {
	-webkit-background-image:url(/img/common/btn_arrow02_disable.png);
	-moz-background-image:url(/img/common/btn_arrow02_disable.png);
	background-image:url(/img/common/btn_arrow02_disable.png);
}
.partnerBlock .bgArrow02 a.addCandidate.disable:hover {
	cursor:default;
}
.partnerBlock .bgArrow02 a.addCandidate span {
	background:url(/img/common/icon_arrow14.png) no-repeat 96% 50%;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
}
.anchorOuter04 {
	position:relative;
}
.anchorOuter04 .inner {
	width:100%;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.anchorOuter04 .inner.tabFixed04 {
	z-index:998;
	position:fixed;
	top:60px;
	left:0;
	padding:10px;
	background:#FFF;
	-webkit-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
.groupCandidate02 a.addCandidate,
.groupCandidate a.addCandidate,
.teacherList02 .candidate a.addCandidate,
a.addCandidate {
	display:none;
}
.teacherList02 .lectureFee {
	margin:0;
	width:100%;
	transition:all 1s;
	text-indent:-4.5em;
	padding-left:5.5em;
}
.teacherList02 .lectureFee.noLabel {
	padding-left:22px;
	text-indent:0;
}
.teacherList02 > li:hover .lectureFee {
	z-index:-1;
	width:100%;
	margin:0;
	padding:13px 22px 12px 5.5em;
}
.teacherList02 > li:hover .lectureFee.noLabel {
	padding-left:22px;
}
.teacherList02.hasBottom > li .boxWrapper {
	padding-bottom:65px;
}
.teacherList02 > li .buttonList {
	display:none;
}
@media screen and (max-width:980px) {
	.firstSection.reset .textDes03,
	.firstSection.reset .textDes02,
	.responsivePage .firstSection.reset .textDes {
		padding:0 140px 0 25px;
	}
}
@media screen and (max-width:900px) {
	.teacherList10 > li,
	.rateLecture .teacherList02 > li {
		width:47.35%;
	}
	.topTen .teacherList02 > li {
		width:47.5%;
	}
	.contactInfo02 .teacherList .teacherImage {
		width:60px;
		height:60px;
	}
	.contactInfo02 .text br {
		display:inline-block;
	}
}
@media screen and (max-width:765px) {
	.firstSection.reset .textDes03,
	.firstSection.reset .textDes02,
	.responsivePage .firstSection.reset .textDes {
		padding:0 25px;
	}
	.firstSection.reset .textDes02,
	.responsivePage .firstSection.reset .textDes,
	.firstSection.reset p {
		min-height:initial;
		margin-bottom:20px;
	}
	.firstSection.reset .textDes03 {
		margin-bottom:20px;
	}
	.firstSection.reset .textDes02 p,
	.responsivePage .firstSection.reset .textDes p {
		float:none;
		width:100%;
		padding-right:0;
	}
	.firstSection .textDes02 .socialList,
	.firstSection .textDes .socialList {
		margin-bottom:0;
	}
	.responsivePage  .headSection .imageIcon {
		display:none;
	}
	.teacherList02.hasBottom > li .boxWrapper {
		padding-bottom:50px;
	}
	.teacherList02 .lectureFee {
		bottom:38px;
		padding:8px 20px 7px 6.2em;
		font-size:12px;
	}
	.teacherList02 > li:hover .lectureFee {
		padding:13px 22px 12px;
		padding-left:6.2em;
		z-index:1;
	}
	.anchorOuter04 .headBox {
		font-size:14px;
		padding:12px 10px;
	}
	.anchorOuter04 .inner.tabFixed04 {
		top:50px;
		padding:0;
	}
	.groupCandidate02 a.addCandidate,
	.groupCandidate a.addCandidate,
	.teacherList02 .candidate a.addCandidate,
	a.addCandidate {
		display:inline-block;
	}
	.groupCandidate02 a.buttonCandidate,
	.groupCandidate a.buttonCandidate,
	.teacherList02 .candidate a.buttonCandidate,
	a.buttonCandidate {
		display:none;
	}
	.contactInfo02{
		flex-wrap: wrap;
		border-top: 0px;
	}
	.contactInfo02 .contactLeft, .contactInfo02 .contactRight{
		width: 100%;
		padding: 25px 5px;
	}
	.contactInfo02 .contactLeft{
		border-bottom: 1px solid #D5D5D5;
		border-right: 0px;
	}
	.contactInfo02 .listBtn{
		flex-direction: column;
	}
	.contactInfo02 .listBtn li:not(:last-child){
		margin-right: 0px;
		margin-bottom: 15px;
	}
	.contactInfo02 .text {
		display:block;
		margin-bottom:10px;
		font-size:18px;
	}
	.contactInfo02 .text .inlineBlock{
		width: 100%;
	}
	.contactInfo02 .button04 {
		width:200px;
		padding:10px 20px 10px 14px;
		text-align:center;
	}
	.contactInfo02 .teacherList .teacherImage:hover {
		border:3px solid #DFDDE2;;
		background:#DFDDE2;
		padding: 0;
	}
	.specialNavi02 {
		border-top:1px solid #D5D5D5;
	}
	.specialNavi02 > li {
		width:50%;
		-webkit-border-width:1px;
		-moz-border-width:1px;
		border-width:1px;
		border-top:none;
	}
	.specialNavi02 > li:after {
		display:none;
	}
	.specialNavi02 li a {
		border-top:none;
		font-size:11px;
	}
	.specialNavi02 .subList li a {
		font-size:11px;
		line-height:1.4;
		padding:16px 30px 16px 16px;
	}
	.specialNavi02 > li:nth-child(2n+1) a {
		border-left:1px solid #D5D5D5;
	}
	.specialNavi02 li a em {
		min-height:38px;
	}
	.headSection02 .headline2 {
		width:calc(100% - 230px);
	}
	.headSection02 .listLink {
		padding-left:10px;
	}
	.headSection02.spStyle {
		border:none;
	}
	.headSection02.spStyle .headline2 {
		float:none;
	}
	.listLink.listLink02 {
		float:none;
		width:100%;
		max-width:inherit;
		margin-top:-5px;
		padding:0 10px 30px;
		text-align:center;
	}
	.listLink.listLink02 li {
		border-color:#4B7AAD;
		background:#FFF;
	}
	.listLink.listLink02 li a {
		color:#4B7AAD;
	}
	.listLink.listLink02 li:hover,
	.listLink.listLink02 li.active {
		border-color:#4B7AAD;
		background:#4B7AAD;
	}
	#pageSportTop .section02 {
		padding:0;
	}
	.lectureSlider .section02,
	#pageSportTop .section02Inner {
		padding:0 0 15px;
	}
	.carousel02.partnerInner {
		padding:0 30px;
	}
	.carousel02 .next a {
		right:10px;
	}
	.carousel02 .prev a {
		left:10px;
	}
	.partnerBlock.fullItem .partnerInfo {
		width:100%;
		margin:0 auto 20px;
	}
	.partnerBlock.fullItem .lectureImageSp {
		display:inline-block;
		max-width:165px;
		vertical-align:middle;
		width:30%;
	}
	.partnerBlock.fullItem .info01 {
		display:inline-block;
		margin-left:3%;
		vertical-align:middle;
		width:65%;
	}
	.partnerInfo .infoTitle,
	.partnerBlock .partnerInfo .name a {
		font-size:16px;
		font-weight:bold;
	}
	.partnerBlock .partnerInfo .job {
		color:inherit;
		font-size:13px;
		font-weight:bold;
	}
	.partnerBlock.fullItem .partnerInfo .theme {
		padding-top:15px;
		color:#EA7166;
		font-weight:bold;
	}
	.partnerBlock.fullItem .buttons {
		float:none;
		width:100%;
		display:block;
		margin:0;
	}
	.partnerBlock.fullItem .buttons a {
		margin:0 5px 15px;
	}
	.bgArrow02 a.button01.spBlue {
		background:#4B7AAD;
	}
	.bgArrow02 a.button01 span {
		-webkit-background:url(/img/sp/common/icon_arrow02.png) no-repeat 96% 50%;
		-moz-background:url(/img/sp/common/icon_arrow02.png) no-repeat 96% 50%;
		background:url(/img/sp/common/icon_arrow02.png) no-repeat 96% 50%;
		-webkit-background-size:7px auto;
		-moz-background-size:7px auto;
		background-size:7px auto;
	}
	.bgArrow02 a.addCandidate {
		background:#EA7166;
	}
	.bgArrow02 a.buttonCandidate span {
		-webkit-background-size:20px auto;
		-moz-background-size:20px auto;
		background-size:20px auto;
	}

	.relateContent .section01,
	#pageSportTop .wrapperSection01 .section01 {
		padding:0;
	}
	#pageSportTop .wrapperSection01 {
		background:#F8F6F4;
	}
	.lectureIntroGroup,
	#pageSportTop #group02 {
		padding-bottom:25px;
		background:#FFF;
	}
	.relateContent,
	#pageSportTop #group03 {
		margin-bottom:-1px;
		background:#FFF;
	}
	.lectureIntroGroup .headline2,
	.relateContent .headline2,
	#pageSportTop #group02 .headline2,
	#pageSportTop #group03 .headline2 {
		margin-bottom:0;
	}
	.rateLecture .lecture.noArrow,
	.rateLecture .lecture {
		padding:0 20px 10px;
		border:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.rateLecture .lecture .lectureInner {
		margin:0;
	}
	#pageSportTop .lecture.noArrow {
		padding:0;
	}
	.lecture .lectureInner .teacherList10 {
		margin:0;
	}
	.teacherList10 > li,
	.rateLecture .teacherList02 > li {
		float:none;
		width:100%;
		margin:0 0 15px;
	}
	.teacherList10 .photo,
	.teacherList08 .photo,
	#pageSportTop .teacherList02 .photo {
		padding-top:0;
	}
	.teacherList10 .photo .groupCandidate,
	.teacherList08 .photo .candidate,
	#pageSportTop .teacherList02 .photo .candidate {
		display:none;
	}
	.teacherList10 .photoImage,
	.teacherList08 .photoImage,
	#pageSportTop .teacherList02 .photoImage {
		overflow:hidden;
		display:inline-block;
		width:80px;
		height:80px;
		margin-right:10px;
		padding:2px;
		background-color:#FFF;
		border-radius:50%;
		-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
		box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
	}
	.teacherList10 .photoImage a,
	.teacherList08 .photoImage a,
	#pageSportTop .teacherList02 .photoImage a {
		overflow:hidden;
		display:block;
		height:100%;
		border-radius:50%;
	}
	.teacherList10 .photoImage img,
	.teacherList08 .photoImage img,
	#pageSportTop .teacherList02 .photoImage img {
		vertical-align:top;
	}
	.teacherList10 .info,
	.teacherList08 .info,
	#pageSportTop .teacherList02 .info {
		padding:0;
	}
	.teacherList10 .info .colSp,
	.teacherList08 .info .colSp,
	#pageSportTop .teacherList02 .info .colSp {
		display:inline-block;
		width:calc(100% - 96px);
		vertical-align:top;
	}
	.teacherList10 .headGroup,
	.teacherList08 .headGroup,
	#pageSportTop .teacherList02 .headGroup {
		padding-bottom:5px;
		border-bottom:1px solid #4978AE;
	}
	.teacherList10 .headGroup .name a,
	.teacherList08 .headGroup .name a,
	#pageSportTop .teacherList02 .headGroup .name a {
		color:#4978AE;
		font-size:18px;
		line-height:1.4em;
	}
	.teacherList10 .info .title,
	.teacherList08 .info .title,
	#pageSportTop .teacherList02 .info .title {
		clear:both;
		padding:15px 0 5px;
		color:#ec7063;
		font-size:14px;
		font-weight:600;
	}
	.teacherList10 .info .txtInfo01,
	.teacherList08 .info .txtInfo01,
	#pageSportTop .teacherList02 .info .txtInfo01 {
		padding:5px 0 0;
		border:none;
		font-size:12px;
	}
	.teacherList10 .headList,
	.teacherList08 .headList,
	#pageSportTop .teacherList02 .headList {
		border:none;
	}
	.teacherList10 > li .buttonList,
	.teacherList02 > li .buttonList {
		display:block;
		border:none;
	}
	.teacherList02 > li:hover .boxWrapper {
		border-color:#FFF;
	}
	.teacherList10 .buttonList,
	.teacherList02 .buttonList {
		text-align:center;
	}
	.teacherList10 .buttonList li,
	.teacherList02 .buttonList li {
		width:50%;
		text-align:center;
		line-height:1.4em;
	}
	.teacherList10 .buttonList li a,
	.teacherList02 .buttonList li a {
		display:inline-block;
		width:100%;
		padding:10px;
		background:#EC7063;
		font-size:14px;
		color:#FFF;
		text-decoration:none;
	}
	.addCandidate.disable {
		background-color:#B6B6B6 !important;
	}
	.teacherList10 .buttonList li:last-child a,
	.teacherList02 .buttonList li:last-child a {
		background-color:#4978AE;
	}
	.teacherList10 .buttonList li a img,
	.teacherList02 .buttonList li a img {
		width:15px;
		height:auto;
		margin-left:12px;
		padding-bottom:2px;
		vertical-align:middle;
	}
	.teacherList10 .buttonList li:last-child img,
	.teacherList02 .buttonList li:last-child img {
		width:7px;
		height:auto;
	}
	.lecture .recordList {
		margin:0;
	}
	.recordList > ul,
	.rateLecture .lecture > .groupInfo {
		margin:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		border:none;
	}
	.rateLecture .lecture:after {
		display:none;
	}
	.recordList > ul > li {
		padding:14px 15px 10px;
		border-bottom:1px dotted #999;
		background:#FFF;
	}
	.recordList > ul > li:last-child {
		border-bottom:none;
	}
	.recordList .teacherImage a {
		overflow:hidden;
		float:left;
		display:block;
		width:70px;
		height:70px;
		border-radius:50%;
	}
	.recordList .recordInfo {
		padding:6px 0 0 85px;
		line-height:1.5em;
	}
	.recordList .recordInfo .col01,
	.recordList .recordInfo .col02 {
		display:block;
		width:100%;
		font-size:12px;
		margin-bottom:5px;
	}
	.recordList .recordInfo .col01 a,
	.recordList .recordInfo .col02 a {
		color:#4B79AC;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	.recordList li .headline8 {
		-webkit-border-bottom-width:1px;
		-moz-border-bottom-width:1px;
		border-bottom-width:1px;
		font-size:14px;
	}
	.recordList li .headline8 span {
		display:none;
	}
	.recordPickUp {
		margin-bottom:20px;
	}
	.recordPickUp .col01 {
		float:none;
		width:100%;
	}
	.recordPickUp .col01 .title {
		margin-bottom:10px;
		font-size:14px;
		font-weight:bold;
	}
	.recordPickUp .col01.title02 {
		padding-bottom:3px;
	}
	.recordPickUp .col01 .text {
		display:none;
	}
	.recordPickUp .col02 {
		padding-left:0;
		font-size:12px;
	}
	.recordPickUp .titleList {
		display:none;
	}
}
@media screen and (max-width:480px) {
	.contactInfo02 .teacherList .teacherImage {
		width:55px;
		height:55px;
	}
	.contactInfo02 .teacherList li {
		margin-right: 1%;
	}

}

/* ------------------------------------------------------------------
	2-8-2. special/work_style_reform_seminar.htm
-------------------------------------------------------------------*/
@media screen and (max-width:980px) {
	.workList li {
		width:48%;
	}
	.workList .fullWidth .box .title a {
		font-size:16px;
	}
	.workList .box .text {
		font-size:12px;
	}
}
@media screen and (max-width:840px) {
	.workList .fullWidth .image,
	.workList .fullWidth .box {
		float:none;
		width:100%;
	}
}
@media screen and (max-width:765px) {
	.workList {
		padding:0 20px;
	}
	.workList li {
		margin-bottom:10px;
	}
}
@media screen and (max-width:480px) {
	.workList ul {
		margin:0;
	}
	.workList li {
		width:100% !important;
		margin:0 0 10px;
	}
}

/* ------------------------------------------------------------------
	2-9. About-kouen styles
-------------------------------------------------------------------*/
@media screen and (max-width:980px) {
	.reasonGroup .reasonInner > .leftBox img {
		position:absolute;
		top:50%;
		margin-top:-60%;
	}
	.listReason02 li {
		width:50%;
	}
	.listReason02 li.green,
	.listReason02 li.orange {
		border-right:1px solid #D5D5D5;
	}
	.listReason02 li.green > div,
	.listReason02 li.orange > div {
		border-right-width:2px;
	}
	.listReason02 li.cyan {
		border-right-width:0;
	}
	.listReason02 li.cyan > div {
		border-right-width:3px;
	}
	.listReason02 li.green {
		border-bottom:none;
	}
	.listReason02 li.green > div {
		border-bottom-width:3px;
	}
}
@media screen and (max-width:900px) {
	.aboutGroup .inner {
		padding:30px 3.4% 0;
	}
	.aboutTable .col01 {
		width:110px;
	}
	.aboutTable .col02 {
		width:50px;
	}
}
@media screen and (max-width:765px) {
	.lectureIntroGroup .lecture.noArrow,
	.relateContent .lecture.noArrow,
	#pageSportTop .lecture.noArrow {
		padding:0;
	}
	#pageAboutKouen .wrapperSection01 .section01,
	#pageAboutKouen .wrapperSection02 .section02 {
		padding:0 0 40px;
	}
	.aboutGroup {
		margin-top:40px;
	}
	.aboutGroup .headBlock {
		padding:20px 20px 0;
		background:none;
		color:#385B81;
		text-align:left;
	}
	.aboutGroup .inner {
		padding:0;
		border:none;
	}
	.aboutGroup .detailBlock {
		padding:20px 0 0;
	}
	.aboutGroup .detailBlock:not(:first-child) {
		margin-top:20px;
	}
	.aboutTable .headTable {
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.aboutTable:after {
		display:none;
	}
	.aboutTable th {
		padding:12px 3px;
		background:#4AAEC5;
		font-size:11px;
	}
	.aboutTable th br {
		display:inline;
	}
	.aboutTable td {
		min-width:50px;
		padding:3px 5px;
		font-size:12px;
	}
	#pageAboutKouen .aboutTable th:nth-child(5),
	#pageAboutKouen .aboutTable th:nth-child(6),
	#pageAboutKouen .aboutTable th:nth-child(7),
	#pageAboutKouen .aboutTable td:nth-child(6),
	#pageAboutKouen .aboutTable td:nth-child(7),
	#pageAboutKouen .aboutTable td:nth-child(8),
	.aboutTable.spNone4 th:nth-child(3),
	.aboutTable.spNone4 td:nth-child(4),
	.aboutTable.hideColSP01 td:nth-child(6),
	.aboutTable.hideColSP01 td:nth-child(7),
	.aboutTable.hideColSP01 td:nth-child(8),
	.aboutTable.hideColSP01 th:nth-child(5),
	.aboutTable.hideColSP01 th:nth-child(6),
	.aboutTable.hideColSP01 th:nth-child(7) {
		display:none;
	}
	.aboutTable td.col01 {
		width:50px;
	}
	.aboutTable .col03 {
		width:30%;
		padding-left:5px;
	}
	.aboutTable .col04 {
		padding-left:8px;
	}
	.aboutTable .groupCandidate {
		width:auto;
	}
	.aboutTable .col03 .text {
		font-size:12px;
	}
	.aboutGroup .yearList {
		padding:15px 20px 5px;
	}
	.yearList dt {
		padding-left:0;
		border-left:none;
		font-size:12px;
	}
	.linkList03.inlineItem li a {
		color:#EA7166;
	}
	.reasonGroup .reasonInner > .leftBox {
		display:none;
	}
	.reasonGroup .listReason02 {
		margin:0;
	}
	.listReason02 li {
		float:none;
		width:100%;
		margin:0;
		border:none !important;
		border-bottom:1px solid #D6D6D6 !important;
	}
	.listReason02 li:hover {
		border-color:#D6D6D6;
	}
	.listReason02 li > div {
		border:none;
	}
	.listReason02 li .titleReason {
		padding-bottom:5px;
		border-bottom-width:2px !important;
	}
	.aboutTable .groupCandidate a.addCandidate {
		height:28px;
		width:28px;
		padding:8px 4px;
		margin:0;
		font-size:0;
		text-align:center;
	}
	.aboutTable .groupCandidate a.addCandidate img {
		margin:0;
	}
	.tableFixed.scroll-to-fixed-fixed {
		top:50px !important;
	}
	.wrapTable01 {
		margin-bottom:20px;
		padding:10px;
	}
	.tableStyle01 th {
		width:30%;
		min-width:110px;
		padding:8px 5px 8px 10px;
		font-size:12px;
	}
	.tableStyle01 td {
		padding:8px 5px;
		font-size:12px;
	}
	.wrapButton01 {
		margin-bottom:20px;
		padding-bottom:20px;
	}
}

/* ------------------------------------------------------------------
	2-8-3. /special/list/
-------------------------------------------------------------------*/
.featureList02 .buttonSp {
	display:none;
}
.featureList02.fullWidth {
	margin-right:0;
}
.featureList02.fullWidth > li {
	float:none;
	width:100%;
	margin:0 0 20px;
}
@media screen and (max-width:1023px) {
	#pageSpecialList .featureList02 > li, .featureList02.style01 .item  {
		width:calc((100% - 18px)/2);
		margin-right:0;
    }
    #pageSpecialList .featureList02 > li {
		margin-bottom: 20px;
    }
}
@media screen and (max-width:950px) {
	#pageSpecialList .section05 {
		width:-webkit-calc(100% - 280px);
		width:-moz-calc(100% - 280px);
		width:calc(100% - 280px);
	}
}
@media screen and (max-width:765px) {
	#pageSpecialList .section05 {
		width:100%;
		max-width:inherit;
		margin:0;
		padding:0 10px 30px;
    }
    #pageSpecialList .featureList02 > li, .featureList02.style01 .item {
        width: 100%;
        margin-bottom: 0;
    }
    #pageSpecialList .featureList02 > li:not(:last-child),  .featureList02.style01 .item:not(:last-child) {
		margin-bottom: 20px;
	}
	.featureList02 {
		margin:0;
	}
	.featureList02 > li {
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	.featureList02 > li {
		margin-bottom:20px;
	}
	.grayBlock .featureList02 > li:last-child {
		margin-bottom:0;
	}
	.featureList02 .teacherList07 {
		display:none;
	}
	.featureList02 .buttonSp {
		display:block;
		padding:0 10px 20px;
		text-align:center;
	}
	.featureList02 .buttonSp a {
		text-align:center;
	}
	#pageSpecialList .txtSpecial.spBgWhite {
		margin:0 -10px 15px;
		padding:0 30px 10px;
		background:#FFF;
	}
}

/* ------------------------------------------------------------------
	2-8-4. /special/popular-celebrity-entertainer-lecture.html
-------------------------------------------------------------------*/
@media (min-width:766px) and (max-width:839px) {
	.topTen .teacherList02 .photo {
		float:none;
		padding:0 0 5px;
		text-align:center;
	}
	.topTen .teacherList02 .photoImage {
		margin:auto;
	}
	.topTen .teacherList02 .info {
		padding-left:0;
	}
}
@media screen and (max-width:765px) {
	.topTen .lecture:after {
		display:none;
	}
	.topTen .teacherList02 {
		padding-top:10px;
	}
	.topTen .teacherList02 > li {
		float:left;
		width:48%;
		margin:40px 4% 20px 0;
	}
	.topTen .teacherList02 > li:nth-child(2n+1) {
		margin-right:0;
	}
	.topTen .teacherList02 > li.fullWidthSp {
		width:100%;
		margin-right:0;
	}
	.topTen .teacherList02 .headList,
	.topThree .teacherList02 .headList {
		border-bottom:none;
	}
	.topTen .teacherList02 .teacherText01,
	.topThree .teacherList02 .teacherText01 {
		display:none;
	}
	.topThree .teacherList02 > li {
		margin:60px 0 20px;
	}
	.topThree .teacherList02 .photo {
		padding-bottom:5px;
	}
	.rateLecture.topThree .ranking02 {
		top:-40px;
		left:50%;
		margin-left:-22px;
	}
	.rateLecture.topThree .ranking02 {
		position:absolute;
		top:-44px;
		left:50%;
		width:53px;
		height:39px;
		margin-left:-25px;
		color:#FFF;
		font-size:12px;
		text-align:center;
	}
	.rateLecture.topThree .ranking02 img {
		position:absolute;
		top:0;
		left:0;
	}
	.rateLecture.topThree .ranking02 span {
		z-index:2;
		position:relative;
		top:17px;
	}
	.suggestCelebrity .headBox {
		margin:0 20px;
		padding:20px 0;
	}
	.suggestCelebrity .headBox span {
		background-color:#F8F6F4;
	}
	.suggestCelebrity .suggestBlock {
		margin-bottom:0;
		background:#F8F6F4;
	}
	.suggestBlock:not(:last-child) .teacherList02 > li:last-child {
		margin-bottom:0;
	}
	.suggestCelebrity .headBox span {
		font-size:15px;
	}
}
@media screen and (max-width:567px) {
	.topTen .teacherList02 > li .boxWrapper {
		padding:14px 8px 5px;
	}
	.topTen .teacherList02 > li:not(.fullWidthSp) .photo {
		float:none;
		padding:0 0 15px;
		text-align:center;
	}
	.topTen .teacherList02 > li:not(.fullWidthSp) .photoImage {
		margin:auto;
	}
	.topTen .teacherList02 > li:not(.fullWidthSp) .info {
		padding-left:0;
	}
}

/* ------------------------------------------------------------------
	2-8-5. /special/meteorologist.htm
-------------------------------------------------------------------*/
.lecture .aboutTable {
	margin:0 3.1% 24px 0;
}
.listStyle01 {
	margin-right:-1.5%;
}
.listStyle01 > li {
	float:left;
	width:23.5%;
	margin-right:1.5%;
	border:1px solid #D5D5D5;
	background:#FFF;
	-webkit-box-shadow:1px 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:1px 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:1px 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:1px 0 2px 0 #D7D7D7;
}
.listStyle01 > li .title {
	padding:17px 10% 5px;
	text-align:center;
}
.listStyle01 > li .title .icon {
	margin:auto;
}
.listStyle01 > li .title .text {
	display:block;
	min-height:48px;
	margin-top:10px;
	color:#EA7166;
	font-size:18px;
	font-weight:bold;
	line-height:45px;
}
.listStyle01 > li .title .text em {
	display:inline-block;
	line-height:1.35em;
	vertical-align:middle;
}
.listStyle01 > li .image img {
	width:100%;
}
.listStyle01 > li .content {
	padding:20px 13%;
}
.listStyle01 .termList {
	margin-left:0;
}
.listStyle01 .termList li {
	padding-bottom:9px;
	border-top:1px dotted #CCC;
	background-image:url(/img/common/icon_circle_h.png);
	font-size:14px;
	line-height:1.2;
}
.listStyle01 .termList li:first-child {
	border-top:none;
}
.listStyle01 .termList .txtSmall {
	font-size:11px;
}
.listStyle02 {
	margin:25px -1% 0;
}
.listStyle02 > li {
	float:left;
	width:48%;
	margin:0 1% 30px;
}
.listStyle02 > li a {
	display:block;
	text-decoration:none;
}
.listStyle02 .image {
	display:block;
	margin-bottom:15px;
	text-align:center;
}
.listStyle02 .title {
	color:#4978AE;
	font-size:15px;
	font-weight:bold;
	line-height:1.6;
}
.listStyle02 .title em {
	color:#EC7063;
}
.listStyle02 .bigBnr {
	margin-bottom:20px;
}
.listStyle02 .teacherStyle01 .teacherImg .image {
	margin-bottom:0;
}
.meteorologist.teacherList02 > li .boxWrapper {
	position:relative;
	padding-bottom:0;
	border-bottom-color:#F3FCF9;
}
.meteorologist.teacherList02 > li.bl-hover .boxWrapper {
	border-bottom-color:#EA7167;
}
.meteorologist.teacherList02 > li .bottomInfo {
	margin:12px -21px 0;
	padding:5px 20px;
	border-top:2px solid #E1E5E3;
	background:#F3FCF9;
	-webkit-transition:all .15s ease 0s;
	-moz-transition:all .15s ease 0s;
	transition:all .15s ease 0s;
}
.meteorologist.teacherList02 > li .bottomInfo:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	content:"";
	background:#F3FCF9;
	outline:solid 3px #F3FCF9;
	box-sizing:border-box;
	-webkit-transition:all .1s ease 0s;
	-moz-transition:all .1s ease 0s;
	transition:all .1s ease 0s;
}
.meteorologist.teacherList02 > li.bl-hover .bottomInfo {
	margin:12px -18px 0;
	padding:5px 17px;
}
.meteorologist.teacherList02 > li.bl-hover .bottomInfo:after {
	outline-width:0;
}
.meteorologist.teacherList02 > li .bottomInfo li {
	z-index:10;
	position:relative;
	padding:8px 3px;
	border-top:2px solid #E1E5E3;
	font-size:14px;
}
.meteorologist.teacherList02 > li .bottomInfo li:first-child {
	border-top:none;
}
.meteorologist.teacherList02 > li .bottomInfo li .title {
	float:left;
	min-width:50px;
	padding-right: 10px;
}
.meteorologist.teacherList02 > li .bottomInfo li .title span {
	float:right;
}
.meteorologist.teacherList02 > li .bottomInfo li .title + p {
	color:#EA7167;
}
.meteorologist.aboutTable .col04 {
	width:18%;
}
.meteorologist.aboutTable .col05 {
	width:auto;
	text-align:left;
}
.meteorologist.aboutTable .col06 {
	width:14%;
}
.meteorologist.aboutTable .col08 {
	width:30%;
}
.meteorologist .rateLecture + .rateLecture {
	margin-top:40px;
}
.meteorologist .headline2 {
	margin-bottom:32px;
}
@media screen and (max-width:765px) {
	.lecture .aboutTable {
		margin-right:0;
	}
	.listStyle01 {
		margin-right:0;
	}
	.listStyle01 > li {
		width:100%;
		margin-right:0;
		border:none;
		border-top:1px solid #CCC;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.listStyle01 > li .title {
		position:relative;
		padding:15px 10px 15px 55px;
		font-size:17px;
		text-align:left;
	}
	.listStyle01 > li .title .icon {
		position:absolute;
		top:50%;
		left:10px;
		width:32px;
		margin-top:-16px;
	}
	.listStyle01 > li .title .text {
		min-height:30px;
		margin:0;
		line-height:30px;
	}
	.listStyle01 > li .title .text em br {
		display:none;
	}
	.listStyle01 > li .content {
		padding:15px 25px;
	}
	.listStyle01 .termList li {
		background-image:url(/img/common/icon_circle02.gif);
	}
	.listStyle02 {
		margin:0;
		padding:0 15px 10px;
	}
	.listStyle02 > li {
		float:none;
		width:100%;
		margin:0 0 15px;
	}
	.listStyle02 .image {
		margin-bottom:5px;
	}
	.listStyle02 .title {
		font-size:13px;
	}
	.listStyle02 .bigBnr {
		margin-bottom:10px;
	}
	.meteorologist.aboutTable .col04,
	.meteorologist.aboutTable .col07 {
		width:24%;
	}
	.meteorologist.aboutTable .col08,
	.meteorologist.aboutTable .col09 {
		width:24%;
	}
	.meteorologist .rateLecture + .rateLecture {
		margin-top:0;
	}
	.meteorologist.teacherList02 > li .bottomInfo li {
		font-size:13px;
	}
	.meteorologist.teacherList02 > li.bl-hover .boxWrapper {
		border-bottom-color:#F3FCF9;
	}
	.meteorologist.teacherList02 > li.bl-hover .bottomInfo {
		margin:12px -21px 0;
		padding:5px 20px;
	}
}

/* ------------------------------------------------------------------
	2-8-5. /special/sports/olympic/index.htm
-------------------------------------------------------------------*/
.firstSection .medalist {
	margin-bottom:30px;
}
.txtLecture {
	font-size:14px;
}
@media screen and (max-width:980px) {
	.firstSection .medalist {
		padding:0 25px;
	}
}
@media screen and (max-width:765px) {
	.firstSection .medalist {
		padding:0;
		margin-bottom:0;
	}
	.firstSection .medalist .lecture {
		padding:0;
	}
	.innerSp {
		padding:0 20px;
	}
	.firstSection .medalist .innerSp {
		padding-bottom:30px;
	}
	.medalist .recordList .imgMedalist {
		margin-bottom:10px;
	}
	.medalist .recordList .col01 {
		float:none;
		width:100%;
		padding:0;
		text-align:center;
	}
	.medalist .recordList .col02 {
		padding-left:0;
	}
	.medalist .recordList .col02 li {
		display:block;
	}
	.medalist .recordList .col02 .title {
		position:relative;
		display:block;
		padding-left:10px;
	}
	.medalist .recordList .col02 .title:after {
		position:absolute;
		left:0;
		top:8px;
		content:"";
		border-radius:50%;
		background:#426C9C;
		width:6px;
		height:6px;
	}
	.medalist .recordList .col02 .title + span {
		font-size:12px;
	}
	.medalist .recordList .col02 .comma {
		display:none;
	}
}
/* ------------------------------------------------------------------
	2-8-6. #pageRyoukin styles
-------------------------------------------------------------------*/
#pageRyoukin .teacherList02 .buttonList {
	display:none;
}
.anchorOuter02 .inner.tabFixed {
	min-width:initial;
}
.tabFixed .featureButton,
.tabFixed .featureButton6 {
	max-width:1000px;
	padding:0 10px;
}
.featureButton.autoLayout li {
	min-width:150px;
}
@media screen and (max-width:765px) {
	#pageRyoukin .teacherList02 .buttonList {
		display:block;
	}
	.anchorOuter02 .inner.tabFixed {
		top:50px;
		padding:11px 0 1px;
	}
	.featureButton.autoLayout li {
		width:auto;
		min-width:initial;
	}
	.featureButton.autoLayout a.button04 {
		font-size:11px;
	}
	.wrapperHead {
		padding:25px 20px 0 20px;
	}
	#pageRyoukin .txtIntro {
		font-size:12px;
	}
	.newsList02 {
		padding:0 20px;
	}
	.section04 {
		padding:0;
	}
	.section04 .headline2.spStyle {
		margin-bottom:0;
	}
	.section04 .textNote {
		padding:0 20px 20px;
	}
	.section06 {
		padding:0;
		background:#F8F6F4;
	}
	.section07 {
		padding:20px 15px;
	}
	.rateLecture .headTitle.spStyle em {
		color:#FFF;
		font-weight:bold;
	}
	#pageRyoukin .txtContact {
		font-size:18px;
	}
	#pageRyoukin .txtContact .icon {
		width:30px;
	}
}

/* ------------------------------------------------------------------
	2-8-7. #pta styles
-------------------------------------------------------------------*/
@media screen and (max-width:765px) {
	.infoBox > li {
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	.infoBox.fullWidth > li {
		width:100%; /*special/kaisetsuseijikeizai.htm*/
	}
	.infoBox .headTitle02 {
		margin-bottom:10px;
		font-size:16px;
	}
}
/* ------------------------------------------------------------------
	2-8-9. Special kakugen styles
-------------------------------------------------------------------*/
@media screen and (max-width:765px) {
	.keyvStyle01 {
		margin:30px 0 20px;
	}
	.keyvStyle01 .keyvList {
		width:80%;
		margin-bottom:25px;
	}
	.keyvStyle01 .textKeyv01 {
		left:20px;
	}
	.keyvStyle01 .textKeyv01:after {
		width:1px;
		margin:10px 0 0;
	}
	.keyvStyle01 .textKeyv02 {
		left:13%;
	}
	.keyvStyle01 .textKeyv03 {
		left:41%;
	}
	.keyvStyle01 .textKeyv04 {
		padding:0 5% 0 10%;
	}
	.keyvStyle01 .textKeyv04 img {
		width:100%;
		max-width:350px;
	}
	.listStyle03 li {
		width:46%;
		margin-bottom:15px;
	}
	.listStyle03 .textBox {
		padding:12px 10px;
	}
	.listStyle03 .title {
		font-size:13px;
		margin-bottom:10px;
	}
	.listStyle03 .text01 {
		font-size:11px;
	}
	.listStyle03 .text02 {
		padding:0 15px 15px;
		font-size:11px;
	}
	.bgKakugen {
		padding-bottom:40px;
	}
	.bgKakugen:before,
	.bgKakugen:after {
		display:none;
	}
	.bgKakugen .bgKakugenBottom {
		padding-top:0;
	}
	.bgKakugen .bgKakugenBottom img {
		width:100%;
		max-width:310px;
	}
}

/*==================================================================


	RENEWAL css


===================================================================*/
/* ------------------------------------------------------------------
	Base styles
-------------------------------------------------------------------*/
.noPh980 {
	margin-left:-20px;
	margin-right:-20px;
}
.noPh980 > * {
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}
.wrapperKeyv {
	max-width:1020px;
	margin:0 auto;
	padding:0 20px;
}
.wrapperKeyv.style01 {
	padding-top:10px;
	padding-bottom:40px;
}
.wrapperBlock01 {
	background-color:#f8f6f4;
	padding:50px 0;
}
.innerBlock01 {
	max-width:1020px;
	margin:45px auto 0;
	padding:0 20px;
}
.innerBlock01:first-child {
	margin-top:0;
}
.wrapperBlock02,
.wrapperBlock04 {
	max-width:1020px;
	margin:0 auto;
	padding:50px 20px;
}
.wrapperBlock02:last-child {
	padding-bottom:120px;
}
.wrapperBlock02 .innerBlock02,
.wrapperBlock02 .innerBlock03 {
	margin-bottom:55px;
}
.wrapperBlock02 .innerBlock02:last-child,
.wrapperBlock02 .innerBlock03:last-child {
	margin-bottom:0;
}
.wrapperBlock03 {
	max-width:1020px;
	margin:0 auto;
	padding:0 20px 50px;
}
.wrapperBlock03:last-child {
	padding-bottom:100px;
}

@media screen and (max-width:765px) {
	.spPh0 {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.spPv0 {
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.spPa0 {
		padding:0 !important;
	}
	.spPt0 {
		padding-top:0 !important;
	}
	.wrapperBlock01,
	.wrapperBlock02,
	.wrapperBlock04 {
		padding:0;
	}
	.innerBlock01 {
		margin-top:0;
		padding:0;
	}
	.wrapperBlock02:last-child {
		padding-bottom:0;
	}
	.wrapperBlock02 .innerBlock02 {
		margin-bottom:0;
		padding:25px 20px 30px;
	}
	.wrapperBlock02 .innerBlock02 .buttonBox {
		margin-top:25px;
	}
	.wrapperBlock02 .innerBlock03 {
		margin-bottom:0;
		padding:0 0 30px;
	}
	.wrapperBlock03:last-child {
		padding-bottom:60px;
	}
	.wrapperBlock04 {
		background-color:#f8f6f4;
	}
	.inner01 {
		padding:30px 20px;
	}
	.inner01 .workList {
		margin:0 0 15px;
		padding:0;
	}
	.inner01 .workList:last-child {
		margin-bottom:0;
	}
	.wrapperKeyv.style01 {
		padding-bottom:30px;
	}
}
/* ------------------------------------------------------------------
	Headline styles
-------------------------------------------------------------------*/
.headSection04 {
	position:relative;
	max-width:1020px;
	margin:0 auto 30px;
	padding:0 20px;
}
.headSection04 .headline1 {
	float:none;
	width:100%;
	padding-bottom:6px;
	border-bottom:3px solid #4978AE;
}
.headSection04.hasSocial .headline1 {
	padding-right:280px;
}
.headline1.long {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
}
.headline1.long .text {
	font-size:inherit;
	flex:1;
}
.headSection04 .socialGroup,
.headSection04 .linkList06 {
	position:absolute;
	right:20px;
	bottom:10px;
}
.headline15 {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-ms-align-items:center;
	align-items:center;
	color:#EC7062;
	font-size:24px;
	font-weight:bold;
	line-height:1;
	margin-bottom:12px;
}
.headline15 .titleIcon {
	display:inline-block;
	margin-right:10px;
}
.headline14 {
	margin-bottom:30px;
	padding-bottom:2px;
	border-bottom:2px solid #4978AE;
	color:#4978AE;
	font-size:24px;
	line-height:1.6;
}
.headline14 .text {
	vertical-align:middle;
}
.headline14 .icon {
	display:inline-block;
	margin:0 2px;
	vertical-align:middle;
	line-height:0;
}
.headline14.hasLink {
	position:relative;
	padding-right:250px;
}
.headline14 .rightLink {
	position:absolute;
	right:7px;
	bottom:8px;
	max-width:245px;
}
.headline14.red {
	border-color:#EC7062;
	color:#EC7062;
}
.headline16 {
	margin-bottom:10px;
	color:#EC7062;
	font-size:24px;
}
.headline16.blue {
	color: #426C9C;
}
.headline17 {
	max-width:1024px;
	margin:0 auto;
	padding:30px 22px 22px;
}
.headline17 span {
	display:block;
	padding:13px 22px;
	background:#4777B0;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.headline17 + .section06 {
	padding-top:0;
}
.lecture + .headline17 {
	margin-top:30px;
}
@media screen and (min-width:766px) {
	.headline14.redPc {
		border-color:#EC7062;
		color:#EC7062;
	}
}
@media screen and (max-width:765px) {
	.headSection04 {
		margin:0;
		padding:0 20px;
	}
	.headSection04 .headline1 {
		margin-bottom:20px;
		padding:0;
		border-bottom:none;
	}
	.headSection04.hasSocial .headline1 {
		padding-right:0;
	}
	.headSection04 .headline1 .imageIcon {
		display:none;
	}
	.headSection04 .socialGroup {
		position:static;
		margin-bottom:15px;
	}
	.headSection04 .linkList06 {
		display:none;
	}
	.headline15 {
		display:-webkit-flex;
		display:flex;
		-ms-align-items:normal;
		align-items:normal;
		background-color:#ec7063;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.headline15 .titleIcon {
		display:-webkit-flex;
		display:flex;
		-ms-align-items:center;
		align-items:center;
		justify-content:center;
		width:50px;
		min-width:50px;
		margin:0;
		background-color:#c95f54;
	}
	.headline15 .titleText {
		padding:11px 10px;
		line-height:1.6;
	}
	.headline14 {
		display:-webkit-flex;
		display:flex;
		margin:0;
		padding:0;
		border:none;
		background:#4978AE;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
	}
	.headline14 .icon img {
		vertical-align:middle;
	}
	.headline14 .icon {
		display:-webkit-flex;
		display:flex;
		-ms-align-items:center;
		align-items:center;
		justify-content:center;
		width:50px;
		min-width:50px;
		margin:0;
		background:#365A82;
	}
	.headline14 .text {
		display:-webkit-flex;
		display:flex;
		-ms-align-items:center;
		align-items:center;
		padding:11px 10px;
	}
	.headline14.hasLink {
		padding:0;
	}
	.headline14 .rightLink {
		display:none;
	}
	.headline14.red {
		background:#EC7062;
		color:#FFF;
	}
	.headline14.red .icon {
		background:#DE5142;
	}
	.headline16 {
		font-size:20px;
	}
	.headline17 span {
		padding:0;
		background:none;
		color:#4777B0;
		text-align:center;
	}
	.lecture + .headline17 {
		margin-top:0;
	}
}
/* ------------------------------------------------------------------
	All Link styles
-------------------------------------------------------------------*/
.linkText {
	padding:0 0 0 15px;
	background:url(/img/common/icon_arrow06.png) no-repeat 0 50%;
	text-decoration:none;
}
.linkText:hover {
	text-decoration:underline !important;
}
a.linkText02 {
	padding-right:14px;
	background:url(/img/common/icon_arrow16.png) no-repeat 100% 50%;
	color:#4978AE;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
a.linkText02:hover {
	background-image:url(/img/common/icon_arrow30.png);
	color:#EC7063;
}
a.linkText02.red {
	background-image:url(/img/common/icon_arrow30.png);
	color:#EC7063;
}
a.linkText02.red:hover {
	background-image:url(/img/common/icon_arrow16.png);
	color:#4978AE;
}
a.linkText03 {
	display:inline-block;
	padding: 0 0 0 21px;
	background: url(/img/common/icon_arrow42.png) no-repeat 0 2px;
	background-size:13px;
	text-decoration: none;
	font-size:14px;
	transition:all .3s;
}
a.linkText03:hover {
	text-decoration:underline;
}
a.linkText04 {
	color:#4978AE;
	text-decoration:underline;
}
a.linkText04:hover {
	text-decoration:none;
}
@media screen and (max-width:765px) {
	a.linkText03Sp {
		display:inline-block;
		padding: 0 0 0 21px;
		background: url(/img/common/icon_arrow42.png) no-repeat 0 3px;
		background-size:13px;
		text-decoration: none;
		font-size:14px;
		transition:all .3s;
	}
	a.linkText03Sp:hover {
		text-decoration:underline;
	}
}
/* ------------------------------------------------------------------
	All Button styles
-------------------------------------------------------------------*/
.button03 {
	padding:13px 25px 13px 15px;
	font-size:14px;
}
.buttonBox {
	text-align:center;
}
@media screen and (max-width:765px) {
	a.loadMoreSp,
	a.loadMoreSp:hover {
		color:#4978AE;
		text-decoration:none;
	}
	.loadMoreSp {
		display:block;
		padding:10px;
		border:1px solid #4978AE;
		background:#FFF;
		color:#4978AE;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		line-height:1.6;
	}
	.loadMoreSp span {
		position:relative;
		display:inline-block;
		padding-right:25px;
	}
	.loadMoreSp span:before,
	.loadMoreSp span:after {
		position:absolute;
		content:"";
		top:50%;
		right:0;
		width:13px;
		height:2px;
		margin-top:-1px;
		background:#4978AE;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
	}
	.loadMoreSp span:after {
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.loadMoreSp.active span:before,
	.loadMoreSp.active span:after {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		transform:rotate(180deg);
	}
}
/* ------------------------------------------------------------------
	All List styles
-------------------------------------------------------------------*/
/*Social list styles*/
.socialGroup {
	text-align:right;
}
.socialGroup li {
	display:inline-block;
}
.socialGroup li a {
	display:block;
	min-width:80px;
	padding:6px 10px;
	border-radius:4px;
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	text-align:center;
}
.socialGroup li a:hover {
	color:#FFF;
}
.socialGroup li img {
	height:17px;
	padding-right:5px;
	vertical-align:middle;
}
.socialGroup li a span {
	display:inline-block;
	vertical-align:middle;
}
.socialGroup .facebook {
	background:#3B5998;
}
.socialGroup .twitter {
	background:#1CA5DB;
}
.socialGroup .line {
	background:#00C300;
}
.socialGroup .hatebu {
	background:#008FDE;
}
@media screen and (max-width:765px) {
	.social {
		margin:0 10px 20px;
	}
	.socialGroup {
		display:-webkit-flex;
		display:flex;
		width:100%;
		text-align:center;
	}
	.socialGroup li {
		display:-webkit-flex;
		display:flex;
		width:25%;
	}
	.socialGroup li a {
		display:-webkit-flex;
		display:flex;
		-ms-align-items:center;
		align-items:center;
		justify-content:center;
		min-width:inherit;
		width:100%;
		height:42px;
		padding:5px 0;
		border-radius:0;
		color:#FFF;
		font-size:10px;
		text-decoration:none;
		text-align:center;
	}
	.socialGroup li img {
		vertical-align:middle;
	}
	.socialGroup .facebook {
		border-radius:5px 0 0 5px;
	}
	.socialGroup .hatebu {
		border-radius:0 5px 5px 0;
	}
}
/*introList01 styles*/
.introList01 {
	margin-right:-2%;
	margin-bottom:-20px;
}
.introList01 > li {
	float:left;
	width:23%;
	margin:0 2% 20px 0;
	border:1px solid #CCC;
	background:#FFF;
}
.introList01 > li.fullWidth {
	width:98%;
}
.introList01 .image {
	position:relative;
}
.introList01 .image span {
	/*add*/
	display: block;
	width: 100%;


	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
}
.introList01 .image span img {
	width:100%;
}
.introList01 .image .iconNew {
	z-index:2;
	position:absolute;
	top:-4px;
	left:-4px;
	max-width:49px;
}
.introList01 .box {
	padding:10px;
}
.introList01 .fullWidth .image {
	float:left;
	width:60%;
}
.introList01 .fullWidth .box {
	float:right;
	width:40%;
	padding:15px 20px 8px;
}
.introList01 .headInfo {
	min-height:20px;
	margin-bottom:10px;
}
.introList01 .headInfo .wrapTag {
}
.introList01 .headInfo .date {
	float:right;
	width:70px;
	font-size:12px;
	text-align:right;
}
.introList01 .box .title a {
	color:#333;
	text-decoration:none;
	line-height:1.4;
}
.introList01 .fullWidth .box .title a {
	font-size:20px;
}
.introList01 .box .text {
	margin-top:10px;
	line-height:1.6em;
}
.introList01 .bl-hover .image span {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.introList01 .bl-hover .image .iconNew {
	opacity:1;
	filter: alpha(opacity=100);
}
@media screen and (max-width:980px) {
	.introList01 > li {
		width:48%;
	}
	.introList01 .fullWidth .box .title a {
		font-size:16px;
	}
	.introList01 .box .text {
		font-size:12px;
	}
}
@media screen and (max-width:840px) {
	.introList01 .fullWidth .image,
	.introList01 .fullWidth .box {
		float:none;
		width:100%;
	}
}
@media screen and (max-width:765px) {
	.introList01 {
		margin:0;
	}
	.introList01 > li {
		width:100% !important;
		margin:15px 0 0;
	}
	.introList01 > li:first-child {
		margin-top:0;
	}
	.introList01 .image img {
		width:100%;
	}
}
/*introList02 styles*/
.introList02 {
	margin-right:-2%;
	margin-bottom:-25px;
}
.introList02 > .item {
	float:left;
	width:31.33%;
	margin:0 2% 25px 0;
	border:1px solid #D5D5D5;
	background:#FFF;
}
.introList02 .itemInner {
	padding:12px 20px 0;
}
.introList02 .infoImg {
	text-align:center;
	overflow:hidden;
}
.introList02 .infoImg a {
	display:block;
	overflow:hidden;
}
.introList02 .infoImg img {
	width:100%;
}
.introList02 .introTitle {
	margin-bottom:5px;
	color:#EC7063;
	font-size:15px;
	font-weight:bold;
	line-height:1.4;
}
.introList02 .introTitle a {
	color:inherit;
	text-decoration:none;
}
.introList02 .introTitle a:hover {
	text-decoration:underline;
}
.introList02 .txtIntro01 {
	padding-bottom:12px;
	font-size:12px;
	line-height:1.55;
}
/*introList03 styles*/
.introList03 {
	margin-right:-4%;
}
.introList03 > .item {
	float:left;
	width:29.33%;
	margin:0 4% 10px 0;
}
.introList03 .infoImg {
	margin-bottom:10px;
}
.introList03 .introTitle {
	line-height:1.4;
}
.introList03 .introTitle a {
	text-decoration:none;
}
.introList03 .introTitle a:hover {
	color:#EC7063;
}
@media screen and (max-width:765px) {
/*introList02 styles*/
	.introList02 {
		margin:0;
	}
	.introList02 > .item {
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	.introList02 .itemInner {
		padding:10px 15px 0;
	}
	.teacherStyle01 .teacherImg .image {
		width:60px;
		height:60px;
		margin-left:-2px;
		border-width:2px;
	}
/*introList03 styles*/
	.introList03 {
		margin:0;
	}
	.introList03 > .item {
		float:none;
		width:100%;
		margin:0 0 15px;
	}
	.introList03 > .item:last-child {
		margin-bottom:0;
	}
	.introList03 .infoImg img {
		width:100%;
	}
}
/* .teacherStyle01 */
.teacherStyle01 > .item {
	display:-webkit-flex;
	display:flex;
	padding:11px 0;
	border-top:1px solid #D5D5D5;
}
.teacherStyle01 .teacherImg {
	width:72px;
	min-width:72px;
	padding-right:6px;
}
.teacherStyle01 .teacherImg .image {
	overflow:hidden;
	display:block;
	width:66px;
	height:66px;
	margin-left:-5px;
	border-radius:50%;
	border:3px solid #DFDDE2;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.teacherStyle01 .teacherImg .image:hover {
	border-color:#EC7063;
}
.teacherStyle01 .teacherImg img {
	vertical-align:middle;
}
.teacherStyle01 .detailBox {
	flex:1;
}
.teacherStyle01 .detailBox .name {
	margin-bottom:5px;
	color:#715451;
	font-size:14px;
	font-weight:bold;
}
.teacherStyle01 .detailBox .name a {
	color:inherit;
	text-decoration:none;
}
.teacherStyle01 .detailBox .name a:hover {
	text-decoration:underline;
}
.teacherStyle01 .detailBox .txtDetail {
	font-size:12px;
	line-height:1.3;
}
.teacherStyle01.noBorder > .item {
	padding-top:0;
	padding-bottom:15px;
	border:none;
}
.teacherStyle01.noBorder > .item:last-child {
	padding-bottom:0;
}
/* .linkList05 */
.linkList05 {
	border:1px solid #D5D5D5;
	-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px #DDD\9;
	behavior:url(/js/PIE.htc);
	background:#FFF;
}
.linkList05 > li{
	float:left;
	width:50%;
	background:url(/img/common/icon_dot.gif) repeat-x 0 100%;
}
.linkList05 > li a {
	display:block;
	padding:20px 32px 16px 23px;
	background:url(/img/common/icon_arrow09.gif) no-repeat 94% 50%;
	color:#EC7063;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.linkList05 > li a:hover {
	color:#EC7063;
	text-decoration:underline;
}
.linkList06 li {
	display:inline;
	width:auto;
	margin-left:6px;
	padding-left:8px;
	background:url(/img/common/bg_line01.gif) no-repeat 0 0;
	font-size:12px;
}
.linkList06 li:first-child {
	background:none;
	margin-left:0;
}
.linkList06 li a {
	color:#4978AE;
	text-decoration:none;
}
.linkList06 li a:hover {
	color:#4978AE;
	text-decoration:underline;
}
.linkList06 li img {
	display:inline-block;
	padding-right:2px;
	padding-bottom:3px;
	vertical-align:middle;
}
/* .featureList02 */
.grayBlock .featureList02 {
	margin-bottom:-30px;
}
@media screen and (max-width:765px) {
	.grayBlock .featureList02 {
		margin-bottom:0;
	}
}
/* ------------------------------------------------------------------
	All Block styles
-------------------------------------------------------------------*/
.grayBlock {
	padding:30px 3.1%;
	border:1px solid #E7E5E3;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#F8F6F4;
	behavior:url(/js/PIE.htc);
}

@media screen and (max-width:765px) {
	.grayBlock {
		padding:25px 20px 30px;
		border:none;
		border-radius:0;
	}
	.grayBlock.recordList {
		padding:0;
		background:none;
	}
	.borderWrap {
		padding:15px;
	}
}
/* ------------------------------------------------------------------
	Css for function
-------------------------------------------------------------------*/
/*jsFixedNav*/
.jsFixedNav01.scroll-to-fixed-fixed {
	left:0 !important;
	width:100% !important;
	padding:10px;
	background:#FFF;
	-webkit-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
/*jsAccorContentSp*/
.jsAccorContentSp .accorBtn {
	display:none;
}
@media screen and (min-width:766px) {
	.jsAccorContentSp .jsAccorList > * {
		display:block !important;
	}
	.noAccorPc .accordion {
		pointer-events:none;
	}
	.noAccorPc .accordionBox:not(.exceptCheck ) {
		display:block !important;
	}
}
@media screen and (max-width:765px) {
	/*jsFixedNav*/
	.jsFixedNav01.scroll-to-fixed-fixed {
		padding:0;
	}
	/*jsAccorContentSp*/
	.jsAccorContentSp .accorBtn {
		display:block;
		margin-top:20px;
	}
}
/* ------------------------------------------------------------------
	keyvArea
-------------------------------------------------------------------*/
.keyvArea {
	margin-bottom:35px;
}
.keyvArea .keyv {
	margin-bottom:25px;
	text-align:center;
}
.keyvArea .textKeyv {
	font-size:14px;
	line-height:1.75;
}
.keyvArea .textKeyv p {
	margin-bottom:24px;
	line-height:inherit;
}
.keyvArea .textKeyv p:last-child {
	margin-bottom:0;
}
.wrapperKeyv.style01 .keyvArea {
	margin-bottom:10px;
}
.socialKeyv .textKeyv {
	padding-right:145px;
}
.socialKeyv .socialGroup {
	float:right;
	width:120px;
}
.socialKeyv .socialGroup li {
	display:block;
	margin-bottom:5px;
}
@media screen and (max-width:765px) {
	.keyvArea,
	.keyvArea .keyv {
		margin-bottom:20px;
	}
	.keyvArea .textKeyv {
		font-size:13px;
	}
	.keyvArea .textKeyv p {
		margin-bottom:15px;
	}
	.socialKeyv {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction:column-reverse;
		flex-direction:column-reverse;
	}
	.socialKeyv .textKeyv {
		margin-bottom:20px;
		padding-right:0;
	}
	.socialKeyv .socialGroup {
		float:none;
		width:100%;
	}
}
.fixHeight .alignCenter {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content:center;
	overflow:hidden;
}
@media screen and (min-width:766px) {
	.fixHeight .alignCenter {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content:center;
	}
}

/*roudoukumiai_program_template*/
.recommendBlock {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border:3px solid #ed7063;
	background-color:#ed7063;
	margin-bottom: 30px;
}
.recommendBlock .name {
	width: calc(380/980*100%);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	color:#FFF;
	font-size: 24px;
}
.recommendBlock .name > * {
	width: 100%;
	text-align: center;
}
.recommendBlock .name .img {
	margin-bottom: 13px;
}
.recommendBlock .detail {
	width: calc(600/980*100%);
	background-color:#FFF;
	font-size: 15px;
	color:#ed7064;
	line-height: 1.9;
	font-weight: bold;
	padding: 23px 18px;
}
.whiteBlock {
	padding: 30px;
	background-color:#FFF;
	border:1px solid #dedcda;
	margin-bottom: 50px;
}
.whiteBlock:last-child {
	margin-bottom: 0;
}
.programDetailBlock .redTxt {
	font-size: 18px;
	font-weight: bold;
	color:#ed7063;
	margin-bottom: 21px;
}
.programDetailBlock .commTxt {
	font-size: 14px;
	line-height: 1.714;
}
.programDetailBlock .commTxt.red02 {
	color:#ed7063;
	font-weight: bold;
}
.programDetailBlock .commTxt02 {
	font-size: 18px;
	line-height: 1.5;
}
.programDetailBlock .commTxt02 li {
	margin-bottom:7px;
}
.programDetailBlock .commTxt02 li:last-child {
	margin-bottom:0;
}
.yellowBox {
	border:2px solid #ed7063;
	background-color:#fffef6;
	border-radius: 8px;
	padding: 20px 15px;
	margin-bottom: 30px;
}
.programDetailBlock .detailList > li {
	border-bottom:1px solid #dedcda;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
.programDetailBlock .detailList > li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom:none;
}
.mBottom20 {
	margin-bottom: 20px;
}
.flexBox02 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -20px;
}
.flexBox02 > * {
	width: calc((100% - 30px)/3);
	margin-bottom: 20px;
}
.programDetailBlock .image {
	margin-bottom: 15px;
}
.programDetailBlock .image img {
	width: 100%;
}
.programDetailBlock .caption {
	font-size: 12px;
}
.programDetailBlock .name {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #ec7063;
}
.programDetailBlock .noteList {
	line-height: 1.692;
}
.iconTime {
	padding-left: 35px;
	background:url('/img/common/icon_time.svg') no-repeat 0 50%;
	background-size: 23px 29px;
	line-height: 1.667;
}
.iconFee {
	padding-left: 35px;
	background:url('/img/common/icon_fee.svg') no-repeat 0 50%;
	background-size: 20px 27px;
	line-height: 1.667;
}
.iconGift {
	padding-left: 35px;
	background:url('/img/common/icon_gift.svg') no-repeat 0 50%;
	background-size: 20px 27px;
	line-height: 1.667;
}
.button01.blueBtn {
	background:#4a78ae;
	text-align: center;
	padding: 6px 11px;
	height: 24px;
	font-size: 11px;
	margin-top: 10px;
	width: 112px;
	transition:all .3s;
}
.button01.blueBtn:hover {
	background:#EC7063;
}
.programDetailBlock .profileBlock {
	padding: 25px;
	border:1px solid #dedcda;
	background-color: #fdfdfc;
	justify-content: space-between;
}
.programDetailBlock .profileBlock .img {
	border-radius: 10px;
	overflow:hidden;
}
.programDetailBlock .profileBlock .img a {
	display: block;
	transition: all .3s;
}
.programDetailBlock .profileBlock .img a:hover {
	opacity: .7;
}
.programDetailBlock .profileBlock .avar {
	width:115px;
	float: left;
}
.programDetailBlock .profileBlock .info {
	width:calc(100% - 140px);
	float:right;
}
.programDetailBlock .profileBlock .title {
	font-size: 18px;
	font-weight: bold;
	color:#ed7063;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom:2px solid #ed7063;
}
.programDetailBlock .profileBlock .title span.red02 {
	color:#ed7063;
}
.programDetailBlock .profileBlock .title span{
	font-weight: normal;
	display: inline-block;
	font-size: 14px;
	color:#333;
	margin-left: 5px;
}
.flexBox03 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.flexBox03 .block02 {
	width: 220px;
}
.flexBox03 .block01 {
	width: calc(100% - 250px);
}
.blueTxt {
	color:#4978ad;
	font-weight: bold;
	margin-bottom: 10px;
}
.innerBox {
	padding: 0 15px;
}
.innerBox02 {
	padding: 0 13px;
}
.button03.resetSize01 {
	width: 260px;
}
.innerBox01 {
	padding: 0 20px;
}
@media screen and (max-width:765px) {
	.programDetailBlock .profileBlock {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.programDetailBlock .profileBlock .info {
		width: 100%;
	}
	.programDetailBlock .profileBlock .avar {
		width: 100%;
		text-align: center;
	}
	.programDetailBlock .buttonCandidate {
		display: block;
		margin: 8px auto 0;
	}
	.programDetailBlock .profileBlock {
		padding: 15px;
	}
	.programDetailBlock .profileBlock .avar {
		width: 112px;
		margin-right: 15px;
	}
	.programDetailBlock .profileBlock .title {
		width: calc(100% - 127px);
		float: right;
	}
	.recommendBlock {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 15px 30px;
		border-width:2px;
	}
	.recommendBlock .name {
		width: 100%;
		padding: 15px 10px;
		font-size: 20px;
	}
	.recommendBlock .detail {
		width: 100%;
		font-size: 13px;
		padding: 20px 15px;
	}
	.programDetailBlock .redTxt {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.programDetailBlock .commTxt {
		font-size: 13px;
		clear: right;
	}
	.flexBox02 > * {
		width: 100%;
		margin-bottom: 15px;
	}
	.flexBox02 > *:last-child,
	.programDetailBlock .image {
		margin-bottom: 10px;
	}
	.programDetailBlock .detailList > li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.programDetailBlock .profileBlock .info {
		width: 100%;
		font-size: 12px;
		float: none;
	}
	.programDetailBlock .commTxt02 {
		font-size: 15px;
	}
	.flexBox03 .block01 {
		width: 100%;
		margin-bottom: 20px;
	}
	.flexBox03 .block02 {
		width:100%;
		text-align: center;
	}
	.whiteBlock {
		padding: 15px;
	}
	.iconFee,
	.iconGift,
	.iconTime {
		padding-left: 25px;
		background-size:15px auto;
	}
	.innerBox {
		padding: 0;
	}
	.programDetailBlock .detailList > li.mailBox {
		padding-bottom: 25px;
		margin-bottom: 8px;
	}
	.button01.blueBtn {
		margin-top:5px;
	}
}

/*sport/index.html*/

@media screen and (max-width:765px) {
	.innerBlock02 .listStyle02 {
		padding:0;
	}
}
/*sport/marathon.html*/
.whiteBox {
	background-color:#FFF;
	border:1px solid #dedcda;
	margin-bottom: 50px;
}

.whiteBox:last-child {
	margin-bottom: 30px;
}
.marathonBlock {
	margin-top: 25px;
}
.marathonBlock .title {
	color:#ed7063;
	font-size: 18px;
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}
.marathonBlock .title .imageIcon {
	display: inline-block;
	margin-right: 10px;
	width: 20px;
}
.marathonBlock .title .imageIcon img {
	width: 100%;
	height: auto;
}
.marathonBlock .title .iconClock {
	width: 24px;
}
.marathonBlock .title .iconFee02 {
	width: 22px;
}
.marathonBlock .title .iconShoe {
	width: 27px;
}
.marathonBlock .title .iconList {
	width: 20px;
}
.marathonBlock .subTitle {
	color:#ed7063;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.flexBox04 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.flexBox04:last-child {
	margin-bottom: 0;
}
.flexBox04 .image {
	width: calc(290/920*100%);
}
.flexBox04 .image .img {
	margin-bottom: 7px;
}
.flexBox04 .image .des {
	font-size: 12px;
	line-height: 1.5;
}
.flexBox04 .detail {
	width: calc(600/920*100%);
}
.txtStyle01 {
	font-size: 14px;
	line-height: 1.714;
}
.txtStyle02 {
	font-size: 18px;
	line-height: 1.667;
}
.marathonBox > li {
	padding: 22px 25px 18px;
	border-bottom: 1px solid #dedcda;
}

.marathonBox > li:last-child {
	border-bottom:none;
}
.marathonBox .spBlock {
	margin-bottom: 25px;
}
.redTxt,
a.redTxt {
	color:#ed7063;
}
.marathonBox .note {
	font-size: 13px;
	line-height: 1.692;
}
.marathonBox .label {
	background: #4978AE;
	color: #FFF;
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 8px 2px;
	font-size: 16px;
	text-align: center;
}
.smallBox {
	margin: 0 27px;
}
.marathonBlock .accorBtn {
	display: none;
}
.teacherList02.resize .photo {
	margin-right: 15px;
}
.recommendTxt {
	font-weight: bold;
	margin-bottom: 5px;
}
@media screen and (max-width:765px) {
	.rateLecture .teacherList02.resize > li {
		width: calc(50% - 10px);
		margin-right: 20px;
		float: left;
	}
	.rateLecture .teacherList02.resize > li:nth-of-type(even) {
		margin-right: 0;
	}
	.teacherList02.resize .photo {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 15px;
		float: none;
	}
	.teacherList02.resize .photoImage {
		width: 100%;
		margin: 0 auto;
	}
	.teacherList02.resize .info {
		padding-left: 0;
	}
	.marathonBlock {
		margin: 30px 20px 0;
		padding-bottom: 30px;
	}
	.flexBox04 {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.flexBox04 .detail {
		width: 100%;
		margin-bottom: 20px;
	}
	.flexBox04 .image {
		width: 100%;
	}
	.flexBox04 .image img {
		width: 100%;
	}
	.txtStyle01 {
		font-size: 13px;
	}
	.txtStyle02 {
		font-size: 16px;
	}
	.marathonBlock .title {
		font-size: 16px;
		margin-bottom: 13px;
	}
	.marathonBlock .title .imageIcon {
		width: 15px;
		margin-right: 7px;
	}
	.marathonBlock .title .iconClock {
		width: 17px;
	}
	.marathonBlock .title .iconFee02 {
		width: 16px;
	}
	.marathonBlock .title .iconShoe {
		width: 19px;
	}
	.marathonBlock .title .iconList {
		width: 15px;
	}
	.marathonBlock .subTitle {
		font-size: 12px;
	}
	.smallBox {
		margin: 0;
	}
	.marathonBox > li {
		padding: 15px 0;
	}
	.marathonBlock .mb20 {
		margin-bottom: 15px !important;
	}
	.marathonBox .note {
		font-size: 12px;
	}
	.whiteBox:last-child {
		margin-bottom: 0;
	}
	.marathonBox .label {
		font-size: 12px;
		padding: 3px 8px;
		margin-bottom: 10px;
	}
	.headSection02.spStyle .headline2.style02 {
		margin-bottom: 0;
		background-color: #ec7063;
	}
	.headSection02.spStyle .headline2.style02 .imageIconSp {
		background-color: #c95f54;
	}
	.whiteBox {
		padding: 15px;
		margin-bottom: 35px;
	}
	.marathonBlock .accorBtn {
		display: block;
	}
	.headline2.blue.style01 {
		margin-bottom: 0;
	}
	.rateLecture .lecture.lecture01 {
		padding: 0;
	}
	.rateLecture .lecture.lecture02 {
		padding-top: 20px;
	}
	.marathonBox > li:first-child {
		padding-top: 0;
	}
	.marathonBox > li {
		display: none;
	}
	.marathonBox > li:first-child {
		display: block !important;
	}
	.marathonBox > li:first-child > * {
		display: none;
	}
	.marathonBox > li:first-child > .spBlock {
		display: block !important;
		transition: all .5s;
	}
	.marathonBox > li:first-child.noBorder > .spBlock {
		margin-bottom: 0;
	}
}
@media screen and (max-width:375px) {
	.teacherList02>li .boxWrapper {
		padding: 10px;
	}
	.meteorologist.teacherList02 > li .bottomInfo {
		margin:12px -13px 0;
		padding:5px 10px;
	}
}

/* ------------------------------------------------------------------
	Table styles
-------------------------------------------------------------------*/
@media screen and (max-width:765px) {
	.tableLink {
		margin:0 0 18px;
	}
	.tableLink th,
	.tableLink td {
		display:block;
		width:100%;
		padding:5px 10px;
	}
	.tableLink th {
		padding:10px;
	}
}
/* kyouiku_caravan_fukunishi_page */
#pageSpecialFeature #main{
	color: #4d4d4d;
}
.programDetailBlock .commTxt03, .programDetailBlock .commTxt04, .programDetailBlock .commTxt05{
	line-height: 1.7;
}
.programDetailBlock .commTxt03 {
	font-size: 18px;
}
.programDetailBlock .commTxt04{
	font-size: 14px;
}
.programDetailBlock .commTxt05{
	font-size: 13px;
}
.programDetailBlock .whiteBlock > p:not(:last-child){
	margin-bottom: 20px;
}
.programDetailBlock .detailList02 >li:not(:last-child){
	padding-bottom: 23px;
}
.programDetailBlock .detailList02 .description{
	font-size: 18px;
	line-height: 1.67;
	color: #fff;
	font-weight: bold;
	background-color: #4777b0;
	padding: 6px 20px;
	border-radius: 5px;
	margin-bottom: 28px;
}

.programDetailBlock .detailList02 .redTxt{
	margin-bottom: 11px;
}
.programDetailBlock .detailList02 .boxList{
	display: flex;
	margin: 0 -7px;
	padding-bottom: 20px;
}
.programDetailBlock .detailList02 .boxList li{
	padding: 0 7px;
	max-width: 290px;
	width: 33.33%;
}
.programDetailBlock .detailList02 .boxList .imgBox{
	margin-bottom: 15px;
}
.programDetailBlock .detailList02 .boxList .infoBox{
	font-size: 12px;
	line-height: 1.5;
}
.mTop{
	margin-top: 20px;
}
.section08 {
	padding: 0px 22px 100px;
}
.section09 {
	max-width: 1024px;
	margin: auto;
	padding: 50px 22px;
}

/* responsive */
@media screen and (max-width: 765px){
	.section08 {
		padding: 0;
	}
	.section09 {
		padding:35px 20px;
	}
	.programDetailBlock .commTxt03{
		font-size: 16px;
	}
	.programDetailBlock .commTxt04{
		font-size: 12px;
	}
	.programDetailBlock .commTxt05{
		font-size: 11px;
	}
	.programDetailBlock .whiteBlock > p:not(:last-child){
		margin-bottom: 10px;
	}
	.programDetailBlock .detailList02 .description{
		padding: 3px 10px;
		font-size: 16px;
		margin-bottom: 15px;
	}
	.programDetailBlock .detailList02 .boxList{
		padding: 0px;
	}
	.programDetailBlock .detailList02 .boxList .infoBox{
		font-size: 10px;
	}
}
@media screen and (max-width: 575px){
	.programDetailBlock .detailList02 .boxList{
		margin: 0px;
		flex-wrap: wrap;
	}
	.programDetailBlock .detailList02 .boxList li{
		padding: 0px;
		max-width: 100%;
		width: 100%;
	}
	.programDetailBlock .detailList02 .boxList li:not(:last-child){
		margin-bottom: 20px;
	}
	.programDetailBlock .detailList02 .boxList li img{
		width: 100%;
	}
}