#main{
	padding:25px 0 100px;
}
#main .only-sp{
	display: none;
}
@media screen and (max-width: 641px){
	#main{
		padding:30px 0 50px;
	}
	#main .only-sp{
		display: block;
	}
	#main .only-pc{
		display: none;
	}
	#main .main-visual img{
		width:100%;
	}
}
#main .lead{
	font-size: 16px;
	margin-top:35px;
	line-height: 1.8;

}
@media screen and (max-width: 641px){
	#main .lead{
		margin-top:25px;
		padding:0 15px;
	}
}
#main p.text{
	font-size: 14px;
	line-height: 1.8;
	margin-top: 40px;
}
@media screen and (max-width: 641px){
	#main p.text{
		font-size: 12px;
		margin-top:25px;
	}
}
#main .sec{
	margin-top:90px;
}
#main .sec h2{
	font-size:28px;
	padding-bottom: 15px;
	border-bottom: 3px solid #333;
	font-weight: bold;
}
@media screen and (max-width: 641px){
	#main .sec{
		margin-top:45px;
		padding:0 15px;
	}
	#main .sec h2{
		font-size: 26px;
		margin-top:45px;
	}
}
#main .sec .info-list{
	margin-top:25px;
}
#main .sec .info-list li{
	font-size: 14px;
	padding:20px 30px;
	line-height: 1.8;
	margin-bottom: 30px;
	background: #eee;
}
#main .sec .info-list li span{
	font-weight: bold;
	font-size:16px;
}
@media screen and (max-width: 641px){
	#main .sec .info-list li span{
		font-size:14px;
	}
	#main .sec .info-list li{
		font-size: 12px;
		padding:12px 20px;
	}
}

#main .professor-wrap{
	overflow: hidden;
	margin-top:50px;
}
#main .professor-wrap .professor{
	float: left;
	width:460px;
	padding:40px 55px;
	background: #eee;
	box-sizing: border-box;
}
#main .professor-wrap .professor:nth-child(odd){
	margin-right:60px;
}
#main .professor-wrap .professor .title{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top:35px;
}

#main .professor-wrap .professor .txt{
	font-size: 14px;
	margin-top:15px;
	line-height: 1.8;
}
@media screen and (max-width: 641px){
	#main .professor-wrap{
		margin-top:25px;
	}
	#main .professor-wrap .professor{
		width:100%;
		padding:25px 30px;
	}
	#main .professor-wrap .professor:nth-child(odd){
		margin-right:0;
	}
	#main .professor-wrap .professor:nth-child(even){
		margin-right:0;
		margin-top: 35px;
	}
	#main .professor-wrap .professor .title{
		font-size: 14px;
		margin-top:25px;
	}
	#main .professor-wrap .professor .txt{
		font-size: 12px;
	}
}


#main .professor-wrap .professor .video{
	width:100%;
}
#main .professor-wrap .professor .video a {
	display: block;
}

#main .professor-wrap .professor .video img{
	width:100%;
}
#main .professor-wrap .professor .video img:hover{
	opacity: 0.75;
}
@media screen and (max-width: 641px){

	#main .professor-wrap .professor .video{
		width:100%;
	}
}

.movie {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media screen and (max-width: 901px){
	.movie {
		width: 100%;
	}

	.movie-wrap {
		position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}

	.movie iframe {
		position: absolute;
	  top: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	}
}

.mfp-close-btn-in .mfp-close {
	top: -44px;
	color: #fff;
}

.mfp-close:active {
	top: -44px;
	color: #fff;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


.play {
  width: 40%;
  margin: 40px auto 0;
}

.play p {
	font-size: 16px;
	font-weight: bold;
  text-align: center;
  display: block;
  padding: 16px 10px;
  background-color: #eee;
}

@media screen and (max-width: 641px) {
.play {
    width: 90%;
  }
}