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

	--profile.css--

	1. Layout setting

****************************************************************** */

/*==================================================================
	1. Layout setting
===================================================================*/
#contents {
	width:100%;
	margin-top:36px;
}
.photographer {
	width:980px;
	margin:0 auto;
}
.photographerText {
	width:980px;
	margin:0 auto;
	padding:0 10px;
	color:#4978AE;
	font-size:13px;
}
.photographerText p {
	width:720px;
	line-height:19px;
}
.textRight dl {
	margin-bottom:12px;
}
.textRight dd {
	margin-left:93px;
	padding-bottom:3px;
}
.textRight dt.styleText {
	position:relative;
	float:left;
	min-width:85px;
	margin-right:8px;
	padding:3px 4px 1px;
	border:2px solid #4978AE;
	color:#4978AE;
	font-size:11px;
	text-align:center;
}
.textRight .styleText .arrow {
	position:absolute;
	right:-6px;
	top:50%;
	margin-top:-5px;
	width:6px;
	height:8px;
	background:url(/img/common/icon_arrow07.gif) no-repeat 0 0;
}
.list01 li {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	padding:4px 9px 3px 8px;
	background:#4978AE;
	color:#FFF;
	font-size:12px;
	letter-spacing: 1px;
}
.firstSection {
	padding:24px 5% 10px 0;
	width: calc(100% - 220px);
}
p.text01 {
	padding-bottom:15px;
	font-size:13px;
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.blockInfo01 {
	margin:0 0 30px;
	padding:29px 29px 25px;
	border:1px solid #EF8A7F;
	background:#FDFDFC;
	font-size:13px;
	line-height: 1.6;
}
.blockInfo01 .blockText01 {
	padding:11px 0;
	line-height:22px;
}
.blockInfo01 .blockInner {
	padding-bottom:25px;
}
.blockInfo01 .blockInner .headline3 em {
	color:#EF8A7F;
}
.blockInfo01 .blockInner .headline3 span {
	font-size:12px;
}
.blockInfo01 .blockInner .group01 div {
	float:left;
	width:490px;
}
.blockInfo01 .blockInner .group01 p.groupImage {
	float:right;
	width:98px;
	margin:13px 19px 0 0;
}
.blockInfo01 .blockInner .group01 p.groupImage img {
	border:1px solid #CCC;
}
.lectureGenre {
	display: flex;
	margin-bottom:30px;
}
.lectureGenre .leftBox {
	float: none;
	width:48%;
	margin-right: 20px;
}
.lectureGenre .rightBox {
	float: none;
	flex:1;
}
.lectureGenre .title {
	margin-bottom:4px;
	font-size: 14px;
	color:#EC7063;
}
.list01 li {
	float:none;
	padding:0;
	margin:0 0 4px 0;
	background:#ECECEC;
}
.list01 li a,
.list01 li span {
	display:table-cell;
	width:150px;
	padding:4px 8px 3px;
	color:#4978AE;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}
.list01 li a.type,
.list01 li span.type {
	width:110px;
	background:#4978AE;
	color:#FFF;
	letter-spacing:1px;
}
.list01 li a.type:hover {
	color: #FFF;
}
.list01 li a:hover {
	text-decoration:underline;
	color: #4978AE;
}
.list02 {
	display: flex;
}
.list02 li {
	padding:7px;
	margin: 0 0 0 0;
	background: #4978AE;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
}
.list02 li:not(:last-child){
	margin-right: 10px;
}
.list02 li a,
.list02 li span {
	display:block;
	color:#FFF;
	text-decoration:none;
}
.list02 li a:hover {
	color: #FFF;
	text-decoration:underline;
}
#pageProfile .lectureGenre .rightBox .blue {
	padding-top:5px;
	border-top:1px solid #4978AE;
	font-size:12px;
	line-height:1.5;
}
#pageProfile .wrapSection03 {
	padding-top:45px;
	border-top:1px solid #d5d5d5;
}
.wrapperInner {
	position: relative;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}
/* ------------------------------------------------------------------
	blockInfo styles
-------------------------------------------------------------------*/
.block01 {
	display: flex;
}
.imageBox {
	width: 175px;
	margin-right: 25px;
	text-align: center;
	padding-bottom: 30px;
}
.imageCandidate {
	border:1px solid #e8e8e8;
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
.imageCandidate img{
	padding:3px;
	vertical-align: bottom;
}
#pageProfile .imageBox .buttonCandidate {
	padding:0 !important;
	height:auto;
	width:auto;
	background-image:none;
}
.textRight {
	width: calc(100% - 200px);
}
.textDetail01,
.textDetail02 {
	padding-left:16px;
	background:url(/img/common/icon_arrow06.png) no-repeat 2px 50%;
}
.textDetail01 a {
	color:#EC7063;
	text-decoration:underline !important;
}
.textDetail01 a:hover {
	color:#EC7063;
	text-decoration:none !important;
}
.textDetail02 a {
	color:#EC7063;
	text-decoration:none !important;
}
.textDetail02 a:hover {
	color:#EC7063;
	text-decoration:underline !important;
}
.listItem {
	line-height: 1.6;
}
.listItem dd {
	margin: -20px 0 10px 0;
	padding: 0 0 10px 60px;
	border-bottom: 1px dotted #bdbdbd;
}
.listItem dd:last-of-type {
	border-bottom: 0;
}
.groupBox {
	display: flex;
	padding: 40px 5% 40px 0;
	width: calc(100% - 220px);
}
.groupBox.last {
	padding: 0 5% 0 0;
}
.boxTitle {
	position: relative;
	width: 125px;
	padding-left: 35px;
	padding-right: 25px;
}

.boxTitle h2 {
	display: inline-block;
	font-size: 28px;
	color: #ec7164;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	-ms-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
	letter-spacing: 8px;
}

.tblWrapper{
	overflow-x: auto;
	-webkit-overflow-scrolling:touch;
}
.tblWrapper table{
	width: 100%;
	min-width: 580px;
	margin: 0 auto;
}
.boxContent {
	width: calc(100% - 125px);
	font-size:13px;
}
.boxContent .commentInfo .point {
	width: 90px;
}
.boxContent01 .imageRight,
.boxContent .imageRight {
	float:right;
	margin:4px 0 10px 20px;
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
.boxContent01 {
	width: calc(100% - 125px);
	font-size: 13px;
}

.infoBlock {
	margin-bottom:10px;
	-webkit-box-shadow:0 0 1px #D2D0D1;
	-moz-box-shadow:0 0 1px #D2D0D1;
	box-shadow:0 0 1px #D2D0D1;
	behavior:url(/js/PIE.htc);
}
.infoBlock .title {
	padding:9px 14px;
	background:#EC7063;
	color:#FFF;
	font-size:18px;
}
.infoBlock dl {
	padding:13px 11px 6px;
	border-left:1px solid #D8D8D7;
	border-right:1px solid #D8D8D7;
	border-bottom:1px solid #D8D8D7;
	background:#FCFBFA;
}
.infoBlock dl dt {
	color:#EC7063;
	font-size: 12px;
}
.infoBlock dl dd {
	margin-top:-16px;
	padding-left:76px;
	padding-bottom:5px;
	font-size: 12px;
	line-height:18px;
}
.infoBlock dl dd em{
	margin-left:-12px;
	color:#EC7063;
}
.boderImage {
	border:1px solid #DBDBDB;
}
@media screen and (min-width:766px) {
	.listItem dd:last-of-type {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
@media screen and (max-width:765px) {
	.listItem dd {
		border-bottom: 0;
		margin: -1.5em 0 1em 0;
		padding: 0 0 0 4.5em;
	}
	.commentInfo.style01 {
		padding-bottom: 5px;
	}
	.commentInfo.style01 table {
		width: 100%;
	}
	.commentInfo.style01 table th {
		width: 36px;
		padding: 0 0 15px 0;
		text-align: center;
		vertical-align: top;
	}
	.commentInfo.style01 table th img {
		width: 36px;
		height: auto;
	}
	.commentInfo.style01 table td {
		padding: 0 10px 15px;
		font-size: 12px;
		vertical-align: top;
	}
	.commentInfo.style01 table .point {
		width: 20%;
		padding: 0;
		color: #4978AE;
		font-size: 34px;
		font-family: 'Roboto Condensed', sans-serif;
		text-align: right;
		vertical-align: top;
	}
	.commentInfo.style01 table .point span {
		font-size: 14px;
	}
	.boxContent .imageRight,
	.boxContent01 .imageRight {
		float:none;
		display:block;
		margin:5px auto 10px;
	}
}
/* ------------------------------------------------------------------
	Visual styles
-------------------------------------------------------------------*/
.section01 .boxTitle {
	float:left;
	width:107px;
}
.section01 .boxContent {
	float:left;
	width:580px;
}
.section02Inner {
	padding-bottom:0;
}
.lectureStyle {
	margin-bottom:40px!important;
	padding:30px 30px 25px 30px;
	border:1px dotted #EF8A7F;
	background:#FCFBFA;
	font-size:13px;
	line-height: 1.6;
}
.lectureStyle.last{
	margin-bottom:40px;
}
.lectureStyle .hidden_img{
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
.lectureStyle .hidden_img.center {
	display: block;
	margin: 0 auto;
}
.lectureStyle .boxInner {
	margin-bottom: 30px;
}
.lectureStyle h3 {
	margin:-2px 0 15px;
	font-size:22px;
	color:#EC7063;
	line-height: 1.4;
}
.lectureStep li {
	text-indent:-30px;
	padding-left:30px;
	line-height:1.5;
}
.lectureStep {
	margin-bottom:14px;
}
.lectureStep02 {
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #C9C9C9;
}
.lectureStep02 li {
	margin-bottom:3px;
	font-size: 12px;
	line-height:1.4;
}
p.text02 {
	line-height: 1.8;
	margin-bottom:20px;
}
.lectureLink {
	display:inline-block;
	margin-bottom:3px;
	padding:4px 9px 2px;
	background:#4978AE;
	color:#FFF;
	font-size:12px;
}
.lectureVideos {
	padding-bottom:3px;
	color: #EC7063;
	font-size:12px;
}
.lectureGroupInner{
	margin-bottom:40px;
}
.lectureGroupInner:last-child{
	margin-bottom: 0px;
}
 .text01{
	padding: 0 8px;
	margin-bottom:10px;
	font-size:13px;
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.lectureInfo {
	/*padding-bottom:8px;
	margin:26px 0 3px;
	border-bottom:1px solid #D6D4D3;*/
}
.lectureGroup .textDetail01 {
	margin-top:9px;
}
.lectureInfo .title {
	padding:6px 10px 5px;
	margin-bottom:12px;
	background:#EC7063;
	color:#FFF;
	font-size:14px;
	text-align:center;
	-webkit-box-shadow:0 0 1px #D2D0D1;
	-moz-box-shadow:0 0 1px #D2D0D1;
	box-shadow:0 0 1px #D2D0D1;
	behavior:url(/js/PIE.htc);
}
.lectureInfo .textInfo {
	padding-left:106px;
}
.lectureInfo .textInfo span {
	display:block;
	margin-bottom:5px;
	line-height:1.5;
}
.lectureStyle .notifyBox {
	float:left;
	width:102px;
	padding:5px 3px 4px 15px;
	font-size:16px;
	line-height: 1.2;
}
.lectureStyle .contactInfo {
	width:inherit;
	padding-bottom:0;
}
.lectureStyle .anime-flip {
	margin-left:17px;
	margin-top:-9px;
}
.lectureStyle .contactInfo .phone {
	margin-top:-7px;
}
@media screen and (max-width: 1024px) {
	.blockNotifyBox {
		margin-bottom: 15px;
		display: flex;
	}
	.contactInfo.profile .notifyBox {
		display: flex;
		align-items: center;
		margin: 0 20px 0 0;
	}
	.lectureStyle .contactInfo.profile .anime-flip {
		margin: 0;
	}
}
@media screen and (max-width: 765px) {
	.lectureStyle {
		padding:20px;
	}
	.lectureStyle .boxInner {
		margin-bottom: 15px;
	}
	.lectureInfo .textInfo {
		padding-left:85px;
	}
	.blockNotifyBox {
		margin-bottom: 5px;
		align-items: center;
		justify-content: center;

	}
	.contactInfo.profile .notifyBox {
		max-width: 200px;
		width: calc(100% - 70px);
		margin: 0 20px 0 0;
		padding: 0;
	}
	.contactInfo.profile .notifyBox p {
		font-size: 14px;
		padding: 10px 10px 10px 10px;
	}
	.lectureStyle .contactInfo.profile .phone {
		width: 100%;
		margin: 0;
	}
	.contactInfo.profile .phoneItem {
		display: flex;
		justify-content: center;
	}
	.lectureStyle .contactInfo.profile .anime-flip {
	   width: 50px;
	   height: 50px;
	}
	.lectureStyle .contactInfo.profile .anime-flip .da-img,
	.lectureStyle .contactInfo.profile .anime-flip .da-img2,
	.lectureStyle .contactInfo.profile .anime-flip .da-img3 {
		width: 50px;
		height: 50px;
	}
}
/* ------------------------------------------------------------------
	contactInfo styles
-------------------------------------------------------------------*/
.wrapSection03 {
	padding-top:54px;
}

/* ------------------------------------------------------------------
	sectionteacher styles
-------------------------------------------------------------------*/
.teachers01 .group h4 {
	min-width:205px\0;
}
.headText02 {
	background:#FFF;
}
/*.wrapperSection03 {
	background:#FFF;
}*/
/* ------------------------------------------------------------------
	photoGallery styles
-------------------------------------------------------------------*/
#photoGallery .photoGallery {
	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;
	padding-left:10px;
}
#photoGallery .photoGallery li {
	width:30%;
	margin:0 0 25px 3%;
	font-size:0;
	text-align:center;
}
#photoGallery .photoGallery li a {
	display:block;
}
#photoGallery .photoGallery li a img {
	width:100%;
	vertical-align:middle;
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
@media screen and (max-width:800px) {
	#photoGallery .photoGallery {
		padding-left:0;
	}
	#photoGallery .photoGallery li {
		width:46%;
		margin:0 0 10px 4%;
	}
}
@media screen and (max-width:765px) {
	#photoGallery .photoGallery li {
		width:21%;
		max-width:140px;
		margin-bottom:20px;
	}
}
@media screen and (max-width:425px) {
	#photoGallery .photoGallery li {
		width:29%;
	}
}
@media screen and (max-width:375px) {
	#photoGallery .photoGallery li {
		width:46%;
	}
}
/* ------------------------------------------------------------------
	accomplishment styles
-------------------------------------------------------------------*/
#accomplishment .note {
	padding-bottom:12px;
}
#accomplishment .textDetail01 {
	margin-top:13px;
	line-height:13px;
}
div.info,
dl.info {
	padding:8px 0 20px 0;
}
.info table.detail{
	width:100%:
	text-align: justify;
	text-justify: inter-ideograph;
}
.info table.detail tr{
	border-bottom:1px dotted #BDBDBD;
}
.info table.detail th,
.info table.detail td{
	padding:6px 10px;
	line-height: 1.6;
	vertical-align:top;
}
.info table.detail th {
	width:80px;
}
.info table.detail td {
	width:300px;
}
span.regular,
.tvInfo th,
.tvInfo td,
dl.info dt,
dl.info dd,
div.info p,
div.info ul li {
	padding: 0 12px;
	font-size:13px;
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.tvInfo {
	padding-bottom:40px;
}
.tvInfo table {
	border:1px solid #D9D9D9;
}
.tvInfo tr {
	border-bottom:1px solid #D9D9D9;
	background-color:#FDFDFC;
}
.tvInfo tr:nth-child(even) {
	background-color:#FDFCFB;
}
.tvInfo tr:last-child {
	border-bottom:none;
}
.tvInfo th {
	width:140px;
	padding:6px 12px;
	line-height: 1.4;
}
.tvInfo td {
	padding:6px 12px;
}
dl.info {
	padding-bottom:26px;
	padding-top:10px;
}
dl.info dt {
	float:left;
}
dl.info dd {
	padding:0 20px 0 65px;
}
.cdImage {
	float:left;
	width:150px;
}
.cdImage img{
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
.cdImage a {
	display:block;
}
.cdImage a img {
	display:block;
  	margin: auto;
	max-width:150px;
	max-height:150px;
	font-size:0;
}
.cdInfo {
	padding-left:174px;
	line-height:18px;
}
.cdList {
	padding:12px 0 40px;
}
.cdList li {
	margin-bottom:12px;
	padding:0 12px 12px;
	border-bottom:1px solid #D9D9D9;
}
.cdInfo .manufacturer {
	padding-bottom:13px;
}
.cdInfo .headline4 {
	padding-bottom:4px;
	background:none;
	font-size:inherit;
	margin-bottom:0;
	padding-left:0;
}
/* ------------------------------------------------------------------
	publication styles
-------------------------------------------------------------------*/
.publicationList {
	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;
}
.publicationList li {
	margin:0 12px 10px 0;
	-webkit-box-shadow:0 1px 3px #DADADA;
	-moz-box-shadow:0 1px 3px #DADADA;
	box-shadow:0 1px 3px #DADADA;
	behavior:url("/js/PIE.htc");
}
.publicationList li img {
	vertical-align:middle;
}
#publication .linkList {
	margin:20px 0 30px;
}
#publication .linkList li{
	margin-bottom: 15px;
	line-height: 1.6;
}
#costLecture dd a,
.lectureStyle a,
#publication a,
#accomplishment a {
	color:#EC7063;
	text-decoration:none;
}
#costLecture dd a:hover,
.lectureStyle a:hover,
#publication a:hover,
#accomplishment a:hover {
	color:#EC7063;
	text-decoration:underline;
}
.moreLecture{
	line-height:1.2;
}
/* ------------------------------------------------------------------
	costLecture styles
-------------------------------------------------------------------*/
#costLecture dt {
	position:relative;
	margin:0 0 10px 8px;
	padding-left:36px;
	background:url(/img/common/icon_money02.png) no-repeat 0 40%;
}
#costLecture dt .textCost {
	color:#EC7063;
	font-size:25px;
}
#costLecture dt .textCost.blue {
	color:#4978AE;
	font-size:18px;
}
#costLecture dt .textCost em {
	font-size:16px;
}
#costLecture .button01.buttonCandidate {
	position:absolute;
	right:3px;
	top:50%;
	margin-top:-14px;
}
#costLecture dd {
	padding:8px;
	margin-bottom:40px;
	border-top:1px solid #D9D9D9;
	line-height: 1.6;
}
#costLecture dd p {
	margin-bottom:9px;
	line-height:1.5;
}
.frameVideos {
	border:1px solid #D9D9D9;
	line-height:0;
}
/* ------------------------------------------------------------------
	alternate styles
-------------------------------------------------------------------*/
.wrapperSection02 {
	background:#FFF;
}
.wrapperSection02.bgGray {
	background: #F8F6F4;
}
@media screen and (max-width:765px) {
	.wrapperSection02 {
		border-bottom: 1px solid #d5d5d5;
	}
	.wrapperSection02.bgGray {
		background:#FFF;
	}
	.alternate {
		border-bottom: 1px solid #d5d5d5;
	}
	.alternate.borderTop {
		border-top: 0;
	}
	.alternate01 .boxContent {
		padding-bottom: 20px;
	}
	.alternate p.text01:last-child {
		border-bottom:none;
		margin-bottom:0;
	}
	#costLecture dt .textCost.blue {
		font-size:15px;
	}
}
/* ------------------------------------------------------------------
	side styles
-------------------------------------------------------------------*/
#side {
	margin-top: 32px;
}
/* ------------------------------------------------------------------
	WYSIWYG styles
-------------------------------------------------------------------*/
.freeArea {
	margin:0 0 30px;
	padding:30px 30px 25px;
	border:1px dotted #EF8A7F;
	background:#FDFDFC;
	font-size:13px;
	line-height: 1.6;
	text-align:justify;
}
.freeArea .blockInner:not(:last-child),
.lectureGroup .text01 .blockInner:not(:last-child){
	margin-bottom:20px;
}
.freeArea em,
.lectureGroup .text01 .blockInner em{
	color:#EC7063;
}
.freeArea h2,
.lectureGroup .text01 .blockInner h2{
	font-size:22px;
	color:#EC7063;
	line-height: 1.4;
}
.freeArea h3,
.lectureGroup .text01 .blockInner h3{
	margin-bottom:10px;
	padding:0 0 0 12px;
	font-size:18px;
	line-height:1.4;
	display:block;
	background:url(/img/common/icon_dash.gif) no-repeat 0 0;
	background-repeat:repeat-y;
	position:relative;
}
.freeArea h3.line,
.lectureGroup .text01 .blockInner h3.line{
	margin-bottom:18px;
}
.freeArea h3.line:after,
.lectureGroup .text01 .blockInner h3.line:after{
	content:"";
	display:block;
	color:#CCC;
	background-color:#CCC;
	width:100%;
	height:1px;
	position:absolute;
	bottom:-8px;
	left:0;
}
.freeArea h4,
.freeArea h4.headline4,
.text01 .blockInner h4,
.text01 .blockInner h4.headline4 {
	font-size:16px;
	line-height:1.2;
	color: #4D4D4D;
	padding-left: 18px;
	margin-bottom: 8px;
	background: url(/img/common/icon_circle.gif) no-repeat 1px 50%;
}
.freeArea p,
.lectureGroup .text01 .blockInner p{
	padding:5px 0;
}
.freeArea p a,
.lectureGroup .text01 .blockInner p a{
	color:#EC7063;
	text-decoration:underline !important;
}
.freeArea p a:hover,
.lectureGroup .text01 .blockInner a:hover{
	color:#EC7063;
	text-decoration:none !important;
}
.freeArea .rightBox {
	max-width:50%;
}
.freeArea .rightBox img,
.lectureGroup .text01 .blockInner .rightBox img {
	margin-left:20px;
}
.freeArea .leftBox img,
.lectureGroup .text01 .blockInner .leftBox img {
	margin-right:20px;
}
.freeArea img,
.lectureGroup .text01 .blockInner img {
-webkit-box-shadow:0 1px 3px #DADADA;
-moz-box-shadow:0 1px 3px #DADADA;
box-shadow:0 1px 3px #DADADA;
behavior:url("/js/PIE.htc");
}
.freeArea .textLink,
.lectureGroup .text01 .blockInner .textLink{
	padding-left:16px;
	background:url(/img/common/icon_arrow06.png) no-repeat 2px 50%;
}
.freeArea .textLink a,
.lectureGroup .text01 .blockInner .textLink a{
	color:#EC7063;
	text-decoration:none !important;
}
.freeArea .textLink a:hover,
.lectureGroup .text01 .blockInner .textLink a:hover {
	color:#EC7063;
	text-decoration:underline !important;
}
.freeArea .movie,
.lectureGroup .text01 .blockInner .movie {
	text-align:center;
	margin:0 auto;
	position: relative;
	padding-bottom: 38.25%;
	height: 0; overflow: hidden;
	max-width: 410px;
	min-height: 230px;
}
.movie iframe,
.movie object,
.movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.freeArea .blockInner ul,
.lectureGroup .text01 .blockInner ul{
	margin-top:20px;
	margin-bottom: 20px;
}
.freeArea .blockInner li,
.lectureGroup .text01 .blockInner li{
	margin-bottom: 20px;
}
.freeArea .blockInner li,
.lectureGroup .text01 .blockInner li { zoom:1; }
.freeArea .blockInner li:after,
.lectureGroup .text01 .blockInner li:after {
	display:block;
	clear:both;
	content:"";
}
.freeArea .blockInner ul li p img,
.lectureGroup .text01 .blockInner ul li p img{
	float:right;
	margin-left:30px;
	margin-bottom:5px;
}
.freeArea .blockInner dt,
.freeArea .blockInner dt a,
.lectureGroup .text01 .blockInner dt,
.lectureGroup .text01 .blockInner dt a {
	color:#EC7063;
	font-size:15px;
	line-height:1.4;
}
.freeArea .blockInner dd,
.lectureGroup .text01 .blockInner dd {
	margin-top:5px;
	margin-bottom:5px;
}
.freeArea .blockInner ul li p.rightBox,
.lectureGroup .text01 .blockInner ul li p.rightBox {
	padding:0;
}
#wiseRemark {
	margin-top:-60px;
	padding-top:60px;
}

.teachers01#blockInstructor .group {
	padding: 15px 0 0 0;
}

#blockInstructor {
	padding: 40px 0;
}

/* ------------------------------------------------------------------
	side styles
-------------------------------------------------------------------*/
.blockRecommend {
	margin-bottom: 40px;
}

.blockRecommend .title {
	margin-bottom: 10px;
	font-size: 18px;
	color: #ec7164;
}

.listRecommend {
	width: 100%;
}

.listRecommend li {
	margin-bottom: 3px;
	padding: 15px 15px 14px 45px;
	background: url(/public/img/common/icon_check.svg) no-repeat 15px 50% #f3f4f5;
	background-size: 20px 20px;
	font-size: 14px;
	line-height: 1.4;
}

.listRecommend li:first-child {
	border-radius: 6px 6px 0 0;
}

.listRecommend li:last-child {
	border-radius: 0 0 6px 6px;
	margin-bottom: 0;
}

@media screen and (max-width:765px) {
	.blockRecommend {
		margin-bottom: 0;
		padding: 20px;
	}

	.blockRecommend .title {
		font-size: 15px;
	}

	.listRecommend li {
		padding: 10px 10px 9px 30px;
		background: url(/public/img/common/icon_check.svg) no-repeat 10px 50% #f3f4f5;
		background-size: 15px 15px;
		font-size: 13px;
	}

}
/*==================================================================
	2. Responsive setting
===================================================================*/
@media screen and (min-width:766px) {
	.btnCandidate02 {
		display:none !important;
	}
}
@media screen and (max-width:900px) {
	#blockInstructor {
		padding: 0 0;
	}
	.headText02 {
		display:none;
	}
	.lectureGenre {
		flex-direction: column;
	}
	#pageProfile .lectureGenre .leftBox {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.list01 li {
		display: flex;
		align-items: center;
	}

	.list01 li a.type,
	.list01 li a {
		width: 50%;
		padding: 7px;
		font-size: 13px;
	}

	#pageProfile .lectureGenre .rightBox {
		width: 100%;
		margin-right: 0;
	}

	.list02 li {
		width: 50%;
		padding: 7px;
		margin-right: 0;
	}
}

@media screen and (max-width:765px) {
	.wrapperInner {
		width: 100%;
		padding: 0;
	}
	#side {
		display: none;
	}
	.headSection ul.linkList {
		display: none;
	}
	.firstSection {
		width: 100%;
		padding: 15px 0 0 0;
	}
	.imageBox {
		display: none;
	}
	p.text01 {
		padding: 0 20px 15px 20px;
		border-bottom: 1px solid #d5d5d5;
	}
	p.text01.noBorder {
		border: 0;
	}
	.textRight {
		width: 100%;
	}

	.lectureGroupInner {
		margin-bottom: 20px;
	}
	#pageProfile .lectureGenre {
		margin-bottom:0;
	}
	.lectureGenre .title {
		margin-bottom: 10px;
		font-size: 15px;
		font-weight:bold;
	}
	#pageProfile .lectureGenre .rightBox {
		padding: 20px;
		border-bottom: 1px solid #d5d5d5;
	}

	#pageProfile .lectureGenre .leftBox {
		margin: 0 0 0 0;
		padding: 20px;
		border-bottom: 1px solid #d5d5d5;
	}

	.groupBox {
		display: flex;
		flex-direction: column;
		padding: 0;
		width: 100%;
	}

	.groupBox.last {
		padding: 25px 0 0 0;
	}

	.groupBox.noAccordion {
		margin-bottom: 20px;
	}

	.groupBox.noAccordion .boxTitle::after {
		content: none;
	}

	.boxTitle {
		width: 100%;
		padding:25px 0;
	}

	.boxTitle::after {
		content: '';
		position: absolute;
		right: 5px;
		top: calc(50% - 5px);
		width: 10px;
		height: 10px;
		border-left: 3px solid #ec7164;
		border-top: 3px solid #ec7164;
		transform: translateY(-50%) rotate(-135deg);
		transition: all 0.3s;
	}

	.boxTitle.active::after {
		border-left: 3px solid #d5d5d5;
		border-top: 3px solid #d5d5d5;
		top:50%;
		transform: translateY(-50%) rotate(45deg);
	}

	.boxTitle {
		text-align:left;
	}
	.boxTitle h2 {
		padding: 0 25px 0 0;
		font-size: 15px;
		-webkit-writing-mode:horizontal-tb;
		-moz-writing-mode:horizontal-tb;
		writing-mode:horizontal-tb;
		letter-spacing: 0;
		font-weight:bold;
	}

	.boxContent {
		width:100%;
		padding: 0;
	}

	.accordionBox {
		display:none;
	}
	.boxContent.accordionBox {
		padding-bottom: 20px;
	}

	.boxContent01 {
		width: 100%;
	}

	.freeArea {
		margin-bottom:20px;
		padding: 20px 20px 20px 20px;
	}

	.freeArea .blockInner ul,
	.lectureGroup .text01 .blockInner ul {
		margin-top: 0;
		margin-bottom: 0;
	}

	.freeArea .blockInner dd {
		padding-left: 0;
	}

	.freeArea .blockInner dd:first-letter  {
		margin-left: 0;
	}

	.freeArea .blockInner li, .lectureGroup .text01 .blockInner li {
		margin-bottom: 0;
	}

	.freeAreaSp .rightBox {
		float: none;
		max-width:100%;
		margin-bottom:10px;
		text-align: center;
	}

	.freeArea.areaSp {
		margin-bottom: 0;
		border: 0;
	}

	.areaSp {
		background-color: #f8f6f4;
		box-shadow: inset 0 7px 6px -7px rgba(0,0,0,0.2);
	}

	.areaSp .rightBox {
		float: none;
		max-width:100%;
		text-align: center;
	}
	.areaSp .rightBox img {
		margin:0;
	}

	.areaSp .blockInner li {
		margin-bottom: 15px;
	}

	.areaSp .blockInner ul li p img {
		float: none;
		margin: 0 0 10px 0;
	}
	.areaSp .leftBox {
		float:none;
		width:100%;
		margin:0 0 10px;
		text-align:center;
	}

	.areaSp .blockInner dt a {
		/* text-decoration: none; */
	}

	.headBox.accordion {
		position: relative;
		margin-bottom: 15px;
		padding: 10px 35px 10px 10px;
		border-radius: 5px;
		background: #4978ae;
		color: #fff;
		font-size: 14px;
	}

	.headBox.accordion .headline3 {
		float: none;
		padding: 0;
		background: none;
	}

	.headBox.accordion::after {
		content: '';
		position: absolute;
		right: 15px;
		top: 47%;
		width: 8px;
		height: 8px;
		border-left: 3px solid #fff;
		border-top: 3px solid #fff;
		transform: translateY(-50%) rotate(-135deg);
		transition: all 0.3s;
	}

	.headBox.accordion.active::after {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}

	.info.accordionBox p {
		padding-top: 0;
	}

	.headline3.accordion {
		position: relative;
		margin-bottom: 15px;
		padding: 10px 35px 10px 10px;
		border-radius: 5px;
		background: #4978ae;
		color: #fff;
		font-size: 14px;
	}

	.headline3.accordion::after {
		content: '';
		position: absolute;
		right: 15px;
		top: 47%;
		width: 8px;
		height: 8px;
		border-left: 3px solid #fff;
		border-top: 3px solid #fff;
		transform: translateY(-50%) rotate(-135deg);
		transition: all 0.3s;
	}

	.headline3.accordion.active::after {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}

	.groupBox.noAccordion .boxContent {
		margin-bottom: -15px;
	}

	.lectureGroup .title {
		position: relative;
		margin-bottom: 15px;
		padding: 10px 35px 10px 10px;
		border-radius: 5px;
		background: #4978ae;
		color: #fff;
		font-size: 14px;
	}

	.lectureGroup .title::after {
		content: '';
		position: absolute;
		right: 15px;
		top: 47%;
		width: 8px;
		height: 8px;
		border-left: 3px solid #fff;
		border-top: 3px solid #fff;
		transform: translateY(-50%) rotate(-135deg);
		transition: all 0.3s;
	}

	.lectureGroup .title.active::after {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}

	.infoBlock {
		margin-bottom:10px;
		box-shadow: none;
	}

	.infoBlock.spBlue .title {
		background-color: #4978AE;
		margin-bottom: 13px;
		padding: 10px 15px;
		-webkit-box-shadow: 0 0 3px 1px #E3E2E2;
		-moz-box-shadow: 0 0 3px 1px #E3E2E2;
		box-shadow: 0 0 3px 1px #E3E2E2;
		font-size: 15px;
		line-height: 1.3;
	}

	.infoBlock dl {
		padding: 0 8px 0 8px;
		border: 0px;
		background: none;
	}

	.infoBlock dl dt {
		margin-bottom: 5px;
		font-size: 12px;
	}

	.infoBlock dl dd {
		padding: 0;
		margin: 0 0 10px 0;
		font-weight: bold;
	}

	.infoBlock dl dd em {
		display: none;
	}

	div.info,
	dl.info {
		padding: 0px 0 20px 0;
	}

	span.regular, .tvInfo th, .tvInfo td, dl.info dt, dl.info dd, div.info p, div.info ul li {
		padding: 20px 10px 0 10px;
	}

	#costLecture dd {
		margin-bottom: 20px;
	}

	.teacherList .teacherInfo .name a {
		color: #fff;
		font-weight: normal;
	}
	.teachers01 .teacherInfo .performance {
		color: #fff;
		border-bottom: 0;
	}
	.btnCandidate02 {
		display:block;
	}
	.freeArea .table th,
	.freeArea .table td {
		height: auto;
	}
	.freeArea iframe {
		max-width: 100%;
	}
}
@media screen and (min-width:766px) {
	.groupSlide {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -1%;
	}

	.groupSlide .item {
		display: flex;
		flex-direction: row;
		width: calc(100%/3 - 2%);
		margin: 0 1% 1% 1%;
	}

	.teacherList.groupSlide .teacherInfo {
		display: flex;
		flex-direction: column;
		max-width: 100% !important;
		min-height: auto;
		width: calc(100% - 112px);
		padding: 0 0 0 0;
		overflow: hidden;
		font-size: 12px;
	}

	.teacherList .teacherInfo .groupTitle {
		margin-top: 5px;
	}

	.teacherList .teacherInfo .groupBtn {

	}

	.teacherList .teacherInfo .groupBtn p {
		margin-top: 0;
		border-top: 1px solid #D5D5D5;
		padding: 10px 0 0 0;
	}

	.teacherList .teacherInfo .groupBtn p a {
		margin-top: 0;
	}

	.groupSlide.teacherList .teacherImage {
		float: none;
		margin: 0 10px 0 0;
	}
	.teachers01 .groupSlide .teacherInfo .performance {
		border: 0;
		font-size: 10px;
	}
	.teacherList03 {
		height: 150px;
	}
}

@media screen and (min-width:1025px) {
	.groupSlide .item {
		width: calc(100%/4 - 2%);
	}
}

@media screen and (max-width:765px) {
	.groupSlide {
		margin-bottom: 20px;
	}
	.groupSlide .owl-stage-outer .owl-item .item {
		width: 200px;
	}
	.teachers01 .groupSlide .teacherInfo .performance,
	.groupSlide.teacherList .teacherInfo .name {
		text-align: left
	}

	.listItem {
		overflow: hidden;
	}

	.buttonMore01 {
		margin-top: 12px;
		margin-bottom: 10px;
		text-align: center;
	}

	.buttonMore01 a {
		display: inline-block;
		position: relative;
		width: 150px;
		padding: 10px 40px 10px 15px;
		border-radius: 75px;
		background: #4978AE;
		-webkit-box-shadow: 0 0 3px 1px #E3E2E2;
		-moz-box-shadow: 0 0 3px 1px #E3E2E2;
		box-shadow: 0 0 3px 1px #E3E2E2;
		color: #FFF !important;
		font-size: 13px;
		text-decoration: none;
		line-height: 1.3;
	}

	.buttonMore01 a:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 35px;
		border-radius: 0 60px 60px 0;
		background: #3F6795 url(/img/sp/common/icon_arrow13.png) no-repeat 8px 50%;
		background-size: 12px auto;
	}

	.buttonMore01 a.active {
		color: #FFF;
	}

	.buttonMore01 a.active:before {
		background: #3F6795 url(/img/sp/common/icon_arrow14.png) no-repeat 8px 50%;
		background-size: 12px auto;
	}
}
/*fancybox*/
.fancybox-nav span {
	height:36px;
}
.fancybox-prev {
	left:0;
}
.fancybox-next {
	right:0;
}
.fancybox-prev span {
	left:0;
	background:url(/img/profile/btn_prev01.gif) no-repeat 50% 50%;
}
.fancybox-next span {
	right:0;
	background:url(/img/profile/btn_next01.gif) no-repeat 50% 50%;
}
@media screen and (max-width:765px) {
	.fancybox-close {
		right:0;
		top:-40px;
	}
}