#main{
	padding:20px 0 100px;
}
#main .only-sp{
	display: none;
}
/*#main .main-visual{
	margin-top: 30px;
}*/
@media screen and (max-width: 641px){
	#main{
		padding:20px 0 50px;
	}
	#main .only-sp{
		display: block;
	}
	#main .only-pc{
		display: none;
	}
	#main .main-visual img{
		width:100%;
	}
}

/* .photolife-header
-----------------------------*/
.photolife-header{
	border-top: 3px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 auto;

	line-height: 1;
	text-align: center;
}
.photolife-header img{
	height: 54px;
	vertical-align: bottom;
}

.photolife-header::before{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #333;
	margin-top: 2px;
}

#main .lead{
	font-size: 16px;
	margin-top:25px;
	line-height: 1.6;

}
@media screen and (max-width: 641px){
	#main .lead{
		margin-top:16px;
		padding:0 15px;
		font-size: 12px;
	}
}
#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 .tab-wrap ul{
	width:409px;
	margin:50px auto;
	overflow: hidden;
}
#main .tab-wrap ul li{
	width:200px;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	float: left;
	border-right:2px solid #333;
	background: url("../img/arrow-bottom.png") no-repeat right 50px center;
	background-size: 14px;
}
#main .tab-wrap ul li:first-child{
	border-left:2px solid #333;
}
#main .tab-wrap ul li a{
	color:#333;
	display: inline-block;
	width:100%;
	padding:15px 0;
}
@media screen and (max-width: 641px){
	#main .tab-wrap{
		padding:0 35px;
	}
	#main .tab-wrap ul{
		width:100%;
		margin:40px 0;
		box-sizing: border-box;
	}
	#main .tab-wrap ul li{
		width:50%;
		padding-right:22px;
		box-sizing: border-box;
		background: url("../img/arrow-bottom.png") no-repeat right 28px center;
		background-size: 18px;
	}
}
#main .sec{
	margin-top:50px;
}
#main .sec h2{
	font-size:28px;
	padding-bottom: 10px;
	border-bottom: 3px solid #333;
	font-weight: bold;
}
@media screen and (max-width: 641px){
	#main .sec{
		margin-top:35px;
		padding:0 15px;
	}
	#main .sec h2{
		font-size: 26px;
		margin-top:45px;
		padding-bottom: 5px;
	}
}
#main .info-wrap{
	overflow: hidden;
}
#main .info-wrap .info-box{
	float: left;
	width:230px;
	margin-right:20px;
	margin-top:35px;
	position: relative;
}
#main .info-wrap .info-box.new::before{
	content:"NEW!";
	font-size:15px;
	color:#d70739;
	position: absolute;
	left:0;
	top:-24px;
	font-weight: bold;
}
#main .info-wrap .info-box .txt{
	font-size: 14px;
	margin-top:8px;
	line-height: 1.6;
}
#main .info-wrap .info-box:nth-child(4n+4){
	margin-right:0px;
}
@media screen and (max-width: 641px){
	#main .info-wrap{
		margin-top:5px;
	}
	#main .info-wrap .info-box{
		width:100%;
		margin-right:0;
		margin-top:40px;
	}
	
	#main .info-wrap .info-box .txt{
		font-size: 12px;
	}
}
#main .info-wrap .info-box .photo img{
	width:100%;
}
#main .professor-wrap{
	overflow: hidden;
	margin-top:10px;
}
#main .professor-wrap .professor{
	float: left;
	width:310px;
	box-sizing: border-box;
	margin-right:25px;
	margin-top:35px;
	position: relative;
}
#main .professor-wrap .professor.new::before{
	content:"NEW!";
	font-size:15px;
	color:#d70739;
	position: absolute;
	left:0;
	top:-24px;
	font-weight: bold;
}
#main .professor-wrap .professor:nth-child(3n+3){
	margin-right:0px;
}

#main .professor-wrap .professor .txt{
	font-size: 12px;
	margin-top:8px;
	line-height: 1.6;
}
@media screen and (max-width: 641px){
	#main .professor-wrap{
		margin-top:5px;
	}
	#main .professor-wrap .professor{
		width:100%;
		margin-top:40px;
	}
	
	#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 !important;
	color: #fff !important;
}

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

/* 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;
}