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

/*プリントアウト用（PCと同じ）*/
.main{
	width:1000px;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}

img.campus_name{
	width:auto;
}
.section01{
	width:1000px;
	margin:0 auto 40px;
}
	.section01 .block01{
		width:324px;
		float:left;
		padding-bottom:0;
	}
		.section01 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section01 .block02{
		width:640px;
		float:right;
	}
		.section01 .block02 img{
			width:auto;
		}

.section02{
	width:1000px;
	margin:0 auto 40px;
}
	.section02 .block01{
		width:324px;
		float:right;
		padding-bottom:0;
	}
		.section02 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section02 .block02{
		width:640px;
		float:left;
	}
		.section02 .block02 .k{
			margin-left:-100px;
		}
		.section02 .block02 img{
			width:auto;
		}
		

.section03{
	width:1000px;
	margin:0 auto 40px;
}
	.section03 .block01{
		width:324px;
		float:left;
		padding-bottom:0;
	}
		.section03 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section03 .block02{
		width:640px;
		float:right;
	}
		.section03 .block02 img{
			width:auto;
		}
	
.campus_map{
	width:1000px;
	margin:0 auto 140px;
	text-align:center;
}
	.map_ttl{
		margin-bottom:30px;
	}
		.map_ttl img{
			width:auto;
		}
	.map{
		
	}
		.map img{
			width:auto;
		}


/*  スマホ向けのスタイル：0px以上-------------------------------------------------*/
@media only screen and (min-width: 0px) {
.main{
	width:100%;
	height:220px;
	margin:40px auto 30px;
	background:url(../images/ttl_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
	.main img{
		margin-top:30px;
		width:200px;
	}

img.campus_name{
	width:60%;
}
.section01{
	width:90%;
	margin:0 auto 20px;
}
	.section01 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:30px;
	}
		.section01 .block01 p{
			font-size:12px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section01 .block02{
		width:100%;
		float:right;
	}
		.section01 .block02 img{
			width:100%;
		}

.section02{
	width:90%;
	margin:0 auto 20px;
}
	.section02 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:30px;
	}
		.section02 .block01 p{
			font-size:12px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section02 .block02{
		width:100%;
		float:left;
	}
		.section02 .block02 .k{
			margin-left:0;
		}
		.section02 .block02 img{
			width:100%;
		}
		

.section03{
	width:90%;
	margin:0 auto 20px;
}
	.section03 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:30px;
	}
		.section03 .block01 p{
			font-size:12px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section03 .block02{
		width:100%;
		float:right;
	}
		.section03 .block02 img{
			width:100%;
		}
	
.campus_map{
	width:90%;
	margin:0 auto 70px;
	text-align:center;
}
	.map_ttl{
		margin-bottom:10px;
	}
		.map_ttl img{
			width:70%;
		}
	.map{
		
	}
		.map img{
			width:100%;
		}	
}


/*  タブレット向けのスタイル：768px以上-------------------------------------------------*/
@media only screen and (min-width: 768px) {
.main{
	width:100%;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat center;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}

img.campus_name{
	width:auto;
}
.section01{
	width:90%;
	margin:0 auto 100px;
}
	.section01 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:50px;
	}
		.section01 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section01 .block02{
		width:100%;
		float:right;
	}
		.section01 .block02 img{
			width:100%;
		}

.section02{
	width:90%;
	margin:0 auto 40px;
}
	.section02 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:50px;
	}
		.section02 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section02 .block02{
		width:100%;
		float:left;
	}
		.section02 .block02 .k{
			margin-left:0;
		}
		.section02 .block02 img{
			width:100%;
		}
		

.section03{
	width:90%;
	margin:0 auto 40px;
}
	.section03 .block01{
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:50px;
	}
		.section03 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
			text-align:left;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section03 .block02{
		width:100%;
		float:right;
	}
		.section03 .block02 img{
			width:100%;
		}
	
.campus_map{
	width:90%;
	margin:0 auto 140px;
	text-align:center;
}
	.map_ttl{
		margin-bottom:30px;
	}
		.map_ttl img{
			width:auto;
		}
	.map{
		
	}
		.map img{
			width:100%;
		}
}


/*  PC向けのスタイル：1000px以上-------------------------------------------------*/
@media only screen and (min-width: 1000px) {
.main{
	width:1000px;
	height:500px;
	margin:140px auto 60px;
	background:url(../images/ttl_bg.jpg) no-repeat;
	text-align:center;
}
	.main img{
		margin-top:100px;
		width:auto;
	}

img.campus_name{
	width:auto;
}
.section01{
	width:1000px;
	margin:0 auto 40px;
}
	.section01 .block01{
		width:324px;
		float:left;
		padding-bottom:0;
	}
		.section01 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section01 .block02{
		width:640px;
		float:right;
	}
		.section01 .block02 img{
			width:auto;
		}

.section02{
	width:1000px;
	margin:0 auto 40px;
}
	.section02 .block01{
		width:324px;
		float:right;
		padding-bottom:0;
	}
		.section02 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section02 .block02{
		width:640px;
		float:left;
	}
		.section02 .block02 .k{
			margin-left:-100px;
		}
		.section02 .block02 img{
			width:auto;
		}
		

.section03{
	width:1000px;
	margin:0 auto 40px;
}
	.section03 .block01{
		width:324px;
		float:left;
		padding-bottom:0;
	}
		.section03 .block01 p{
			font-size:14px;
			padding:1.6em 0.5em 1.6em;
			line-height:2;
			letter-spacing:0.08em;
		}
		
	a.outlink{
		color:#FFF;
		text-decoration:none;
	}
	.link_btn{
		width:100%;
		text-align:center;
		padding:10px 0;
		background-color:#00B7BF;
	}
	.section03 .block02{
		width:640px;
		float:right;
	}
		.section03 .block02 img{
			width:auto;
		}
	
.campus_map{
	width:1000px;
	margin:0 auto 140px;
	text-align:center;
}
	.map_ttl{
		margin-bottom:30px;
	}
		.map_ttl img{
			width:auto;
		}
	.map{
		
	}
		.map img{
			width:auto;
		}
	

	
	
}



/******************************************************************
ムービー
*******************************************************************/


.movieBlock{
width: 1000px;
margin: 0 auto 140px;
}


.movieBlock .movie{
	position:relative;
	width:100%;
	padding-top:56.27705627705628%;
}
.movieBlock .movie iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100%	!important;
}

.movieBlock .movie:not(:last-child){margin-bottom:30px;}

@media screen and (max-width: 735px) {
.movieBlock{width: 90%; margin: 0 auto 50px;}
.movieBlock .movie:not(:last-child){margin-bottom:15px;}
}


.movie_type{
width: 1000px;
margin: 0 auto 140px;
}
@media screen and (max-width: 735px) {

.movie_type{width: 90%; margin: 0 auto 50px;}
}