@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600&display=swap');


/*ヘッダロゴ*/
#HdLogo{
	display: none;
}
@media screen and (max-width: 768px) {
	#HdLogo{
		display: inline;
		position: relative;
		img{
			width: 250px;
			position: absolute;
			top: 20px;
			left:10px;
		}
	}
}

/*カテゴリトップ　メインイメージ*/
#CategoryMainArea{
	width: 100%;
	margin: 0 0 20px 0; padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 0 0 0 100px;
	.ttl{
		padding: 240px 0 240px 0;
		font-size: 60px;
		font-weight: 600;
		color: white;
		text-shadow: 0px 0px 5px black;
	}
}
@media screen and (max-width: 768px) {
	#CategoryMainArea{
		width: 100%;
		margin: 80px 0 20px 0; padding: 0;
		border-radius: 0 0 0 0;
		.ttl{
			padding: 130px 0 130px 0px;
			font-size: 30px;
		}
	}
}
#CategoryMainArea.about-us{background-image: url("/wp-content/themes/hollywood/images/about-us/CategoryMainImg.jpg");}
#CategoryMainArea.application{background-image: url("/wp-content/themes/hollywood/images/application/CategoryMainImg.jpg");}
#CategoryMainArea.class{background-image: url("/wp-content/themes/hollywood/images/class/CategoryMainImg.jpg");}
#CategoryMainArea.admission {background-image: url("/wp-content/themes/hollywood/images/admission/CategoryMainImg.jpg");}
#CategoryMainArea.employment{background-image: url("/wp-content/themes/hollywood/images/employment/CategoryMainImg.jpg");}
#CategoryMainArea.considering-admission{background-image: url("/wp-content/themes/hollywood/images/considering-admission/CategoryMainImg.jpg");}
#CategoryMainArea.campus-experience{background-image: url("/wp-content/themes/hollywood/images/campus-experience/CategoryMainImg.jpg");}
#CategoryMainArea.livingalone-support{background-image: url("/wp-content/themes/hollywood/images/livingalone-support/CategoryMainImg.jpg");}
#CategoryMainArea.sns{background-image: url("/wp-content/themes/hollywood/images/sns/CategoryMainImg.jpg");}
#CategoryMainArea.moreinfo{background-image: url("/wp-content/themes/hollywood/images/moreinfo/CategoryMainImg.jpg");}
#CategoryMainArea.hollywood-archive{background-image: url("/wp-content/themes/hollywood/images/hollywood-archive/CategoryMainImg.jpg");}
#CategoryMainArea.bikensyoku{background-image: url("/wp-content/themes/hollywood/images/bikensyoku/CategoryMainImg.jpg");}




/*各ページ　メインイメージ*/
#PageMainArea.about-us{background-image: url("/wp-content/themes/hollywood/images/about-us/CategoryMainImg.jpg");}
#PageMainArea.application{background-image: url("/wp-content/themes/hollywood/images/application/CategoryMainImg.jpg");}
#PageMainArea.class{background-image: url("/wp-content/themes/hollywood/images/class/CategoryMainImg.jpg");}
#PageMainArea.admission{background-image: url("/wp-content/themes/hollywood/images/admission/CategoryMainImg.jpg");}
#PageMainArea.employment{background-image: url("/wp-content/themes/hollywood/images/employment/CategoryMainImg.jpg");}
#PageMainArea.considering-admission{background-image: url("/wp-content/themes/hollywood/images/considering-admission/CategoryMainImg.jpg");}
#PageMainArea.campus-experience{background-image: url("/wp-content/themes/hollywood/images/campus-experience/CategoryMainImg.jpg");}
#PageMainArea.livingalone-support{background-image: url("/wp-content/themes/hollywood/images/livingalone-support/CategoryMainImg.jpg");}
#PageMainArea.sns{background-image: url("/wp-content/themes/hollywood/images/sns/CategoryMainImg.jpg");}
#PageMainArea.moreinfo{background-image: url("/wp-content/themes/hollywood/images/moreinfo/CategoryMainImg.jpg");}
#PageMainArea.hollywood-archive{background-image: url("/wp-content/themes/hollywood/images/hollywood-archive/CategoryMainImg.jpg");}
#PageMainArea.bikensyoku{background-image: url("/wp-content/themes/hollywood/images/bikensyoku/CategoryMainImg.jpg");}

#PageMainArea{
	width: 100%; 
	margin: 0 0 20px 0; padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 0 0 0 100px;
	.ttl{
		padding: 160px 0 160px 0;
		font-size: 60px;
		font-weight: 600;
		color: white;
		text-shadow: 0px 0px 5px black;
	}
}
@media screen and (max-width: 768px) {
	#PageMainArea{
		width: 100%; 
		margin: 80px 0 20px 0; padding: 0;
		border-radius: 0 0 0 0;
		.ttl{
			padding: 60px 0 60px 0px;
			font-size: 21px;
		}
	}
}

/*パン屑リスト*/
#Breadcrumbs{
	margin: 0 50px 60px 50px; padding: 0;
	font-size: 14px;
	a{
		color: #242424;
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
}
@media screen and (max-width: 768px) {
	#Breadcrumbs{
		margin: 0 20px 60px 20px; padding: 0;
	}
}

#CategoryMenuList{
	margin: 0 0 80px 0; padding: 0;
	.AreaMarg{
		margin: 0; padding: 0 50px 0 50px;
	}
	@media screen and (max-width: 768px) {
		.AreaMarg{
			margin: 0; padding: 0 20px 0 20px;
		}
	}
	.Container{
		.Block{
			margin: 0; padding: 0 0 60px 0;
			display: flex;
			justify-content: space-between;
			.TextBlock{
				width: calc(50% - 30px);
				margin: 0; padding: 0;
				.SubTitle{
					padding: 0 0 20px 0;
					font-size: 18px;
					font-weight: 600;
					line-height: 150%;
				}
				.Title{
					padding: 0 0 30px 0;
					font-size: 38px;
					font-weight: 600;
					span{
						color: #0B308E;
					}
				}
				.Course{
					font-size: 16px;
					line-height: 150%;
				}
				ul.CourseList{
					margin: 10px 0 0 0;
					padding: 0 0 0 20px;
					li{
						list-style-type: circle;
						padding: 0 0 5px 0;
					}
				}
				.ComBtnMore{
					margin: 40px 0 0 0 ;padding: 0;
					width: 150px;
				}
			}
			.ImageBlock{
				width: calc(50% - 30px);
				.image{
					width: 100%;
					img{
						width: 100%; height: 320px;
						object-fit: cover;
						border-radius: 30px;
					}
				}
			}
		}
		@media screen and (max-width: 1000px) {
			.Block{
				display: flex;
				flex-wrap: wrap;
				.TextBlock{
					width: calc(100% - 0px);
					margin: 0; padding: 0;
					.SubTitle{
						padding: 0 0 10px 0;
						font-size: 16px;
					}
					.Title{
						padding: 0 0 30px 0;
						font-size: 30px;
					}
					.Course{
						font-size: 16px;
					}
					.ComBtnMore{
						margin: 40px 0 0 auto ;padding: 0;
						width: 126px;
					}
				}
				.ImageBlock{
					padding: 0 0 30px 0;
					width: calc(100% - 0px);
				}
			}
			.Block.column{
			}
			.Block.column-reverse{
				flex-direction: column-reverse;
			}
		}
	}
}

.Contents.CategoryHA{
	width: calc(100% - 0px);
	margin: 0;padding: 0 0 0 0px;
}
#Footer.CategoryHA{
	margin: 0;padding: 0 0 80px 0;
}
#CategoryHAList{
	margin: 0 0 0 0;
	
	.AreaMarg{
		padding-bottom: 70px;
		h2{
			margin: 0;padding: 100px 0 80px 0;
			position: relative;
			img{
				width: 240px;
				position: absolute;
				top: -130px;
				left: 115px;
			}
		}
	}
	.Container{
		.PanelWrap{
			padding-bottom: 10px;
			max-width: calc(1096px + 30px);
			display: flex;
			flex-wrap: wrap;
		}
		.panel{
			width: calc(25% - 30px); 
			margin: 0 15px 40px 15px; padding: 0;
			.img{
				img{
					width: 100%; height: 178px;
					object-fit: cover;
					border-radius: 20px;
				}
			}
			.DateTag{
				margin: 0; padding: 15px 0 0 0;
				display: flex;
				.date{
					margin: 0 20px 0 0; padding: 5px;
					font-family: Barlow;
					font-size: 13px;
					font-weight: 600;
					color: #3465CC;
				}
				.tags{
					margin: 0; padding: 5px;
					width: 80px;
					font-family: Barlow;
					font-size: 12px;
					font-weight: 600;
					background: #3465CC;
					color: white;
					text-align: center;
					border-radius: 20px;
				}
			}
			.text{
				margin: 0; padding: 15px 0 0 0;
				font-size: 15px;
				line-height: 150%;
			}
			a{
				display: block;
				text-decoration: none;
				color: #242424;
			}
			a:hover{
				opacity: 0.5;
			}
		}
		.ComBtnMore{
			margin: 0 20px 0 auto;
			width: 126px;
		}
		@media screen and (max-width: 1200px) {
			.panel{
				width: calc(33% - 30px); 
				margin: 0 15px 40px 15px; padding: 0;
			}
		}
		@media screen and (max-width: 1000px) {
			.panel{
				width: calc(50% - 30px); 
				margin: 0 15px 40px 15px; padding: 0;
			}
		}
		@media screen and (max-width: 768px) {
			.panel{
				width: calc(50% - 30px); 
				margin: 0 15px 40px 15px; padding: 0;
			}
		}
		@media screen and (max-width: 480px) {
			.panel{
				width: calc(100%); 
				margin: 0 0 40px 0; padding: 0;
			}
		}
	}
}

/*ブログ　ハリウッドアーカイブ*/
.hollywood-archive{
	#HA-Docs{}
	h2{
		margin: 0; padding: 0 0 10px 0;
		font-size: 42px;
		font-weight: 600;
		line-height: 120%;
	}
	time{
		margin: 0; padding: 0;
		color: #3465CC;
		font-size: 16px;
	}
	
	#postCnt{
		margin: 50px 0 0 0; padding: 0 0 60px 0;
		line-height: 150%;
		p{padding: 0 0 10px 0;}
		strong{font-weight: 700;}
		em{font-style: oblique;}
		a{color: #153891;text-decoration: underline;}
		a:hover{opacity: 0.7;}
		blockquote{
			padding: 20px;
			background-color: #eee;
			border-radius: 10px;
		}
		ul{
			padding-left: 16px;
			list-style: disc;
		}
		ol{
			padding-left: 16px;
			list-style: number;
		}
		h2{font-size: 28px;font-weight: 700;color: #153891;padding-bottom: 10px;}
		h3{font-size: 28px;font-weight: 700;padding-bottom: 10px;}
		h4{font-size: 24px;font-weight: 700;color: #153891;padding-bottom: 10px;}
		h5{font-size: 24px;font-weight: 700;padding-bottom: 10px;}
		h6{font-size: 18px;font-weight: 700;padding-bottom: 5px;}
		.underline{text-decoration: underline;}
	}
	@media screen and (max-width: 480px) {
		h2{
			font-size: 30px;
		}
		time{
			margin: 0; padding: 0;
			color: #3465CC;
			font-size: 16px;
		}
		#postCnt{
			img{width: 100%; height: auto;}
			
		}
	}
}

#Page{
	h2{
		margin: 0 0 30px 0;padding: 0 0 30px 0;
		font-size: 54px;
		font-weight: 600;
		color: #153891;
		border-bottom: 1px solid #153891;
		line-height: 120%;
		@media screen and (max-width: 1000px) {
			margin: 0 0 20px 0;padding: 0 0 20px 0;
			font-size: 21px;
		}
	}
	
	h3{
		margin: 40px 0 30px 0; padding: 3px 0 3px 23px;
		font-size: 28px;
		font-weight: 600;
		line-height: 120%;
		border-left: 7px solid #153891;
		@media screen and (max-width: 1000px) {
			margin: 0 0 40px 0; padding: 3px 0 3px 23px;
			font-size: 21px;
		}
	}
	
	h3.TypeBand{
		margin: 40px 0 20px 0; padding: 20px 0 20px 40px;
		color: white;
		font-size: 24px;
		font-weight: 600;
		line-height: 120%;
		background-color: #153892;
		@media screen and (max-width: 1000px) {
			margin: 0 0 40px 0; padding: 20px;
		}
	}
	
	h4{
		margin: 10px 0 20px 0; padding: 0 0 0 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 120%;
		color: #153892;
		@media screen and (max-width: 1000px) {
			font-size: 21px;
		}
	}
	
	h5{
		margin: 0 0 10px 0; padding: 0 0 0 0;
		font-size: 21px;
		font-weight: 600;
		line-height: 120%;
		@media screen and (max-width: 1000px) {
			font-size: 18px;
		}
	}
	
	h6{
		margin: 0 0 20px 0; padding: 0 0 0 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 120%;
	}
	
	
	b{
		font-weight: 600;
	}
	
	p{
		margin-bottom: 20px;
		line-height: 150%;
		
	}
	p.NoMarg{
		margin-bottom: 0px;
		font-size: 16px;
		line-height: 150%;
	}
	
	.BoxDividerline{
		border-bottom: 1px solid #ccc;
		margin: 0 0 50px 0;
	}
	.Block{
		padding-bottom: 20px;
		@media screen and (max-width: 1000px) {
			padding-bottom: 20px;
		}
	}
	.Column2{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(50% - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(100% - 0px);
				margin: 0; padding: 2px 0;
			}
		}
	}
	.Column3{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(33.3% - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(100% - 0px);
				margin: 0; padding: 2px 0;
			}
		}
	}
	.Column4{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(25% - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(50% - 20px);
				margin: 0; padding: 2px 10px;
			}
		}
	}
	.Column4B{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(275px - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(100% - 0px);
				margin: 0; padding: 2px 0px;
			}
		}
	}
	.Column1-2{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.left{
			width: calc(33.3% - 20px);
			margin: 0; padding: 2px 10px;
		}
		.right{
			width: calc(66.6% - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.left,.right{
				width: calc(100% - 0px);
				margin: 0; padding: 2px 0;
			}
		}
	}
	.Column1-3{
		margin-right: -10px;
		margin-left: -10px;
		display: flex;
		flex-wrap: wrap;
		.left{
			width: calc(25% - 20px);
			margin: 0; padding: 2px 10px;
		}
		.right{
			width: calc(75% - 20px);
			margin: 0; padding: 2px 10px;
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.left,.right{
				width: calc(100% - 0px);
				margin: 0; padding: 2px 0;
			}
		}
	}
	
	.CatchCopy{
		padding-bottom: 60px;
		font-size: 42px;
		font-weight: 600;
		line-height: 120%;
		@media screen and (max-width: 1000px) {
			padding: 0 0 40px 0;
			font-size: 28px;
		}
	}
	.ComBtnMore,.ComBtnMore2,.ComBtnMore3{
		padding-bottom: 0px;
		margin: 0 auto;
		max-width: 300px;
		@media screen and (max-width: 1000px) {
			max-width: 100%;
		}
	}
	.Wrap-L{margin: 0 auto 0 0;}
	.Wrap-R{margin: 0 0 0 auto;}
	img{width: 100%;}
	
	
	span.mark,strong{
		background: linear-gradient(transparent 70%, #fccece 70%);
	}
	
	ul.basic{
		margin: 0; padding: 0 0 0 20px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		
		li{
			width: calc(100% - 0);
			margin: 0; padding: 0 30px 10px 0;
			font-size: 16px;
			font-weight: 300;
			line-height: 150%;
			list-style:  none; 
			text-indent: -20px;
		}
		li:before{
			margin: 0 5px 0 0; padding: 0;
			content:  "";
			width:  14px;
			height:  14px;
			display:  inline-block;
			background-color: #999;
			border-radius:  50%;
		}
	}
	
	ul.ColumnList,
	ul.ul-List{
		margin: 0; padding: 0 0 0 20px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		
		li{
			width: calc(100% - 0);
			margin: 0; padding: 0 30px 10px 0;
			font-size: 16px;
			font-weight: 300;
			line-height: 150%;
			list-style:  none; 
			text-indent: -20px;
			
			span.mandatory{
				margin: 0 0 0 10px; padding: 5px 20px;
				color: white;
				background-color: #3465CC;
				border-radius: 10px;
				font-size: 12px;
				white-space: nowrap;
			}
		}
		li:before{
			margin: 0 5px 0 0; padding: 0;
			content:  "";
			width:  14px;
			height:  14px;
			display:  inline-block;
			background-color: #3465CC;
			border-radius:  50%;
		}
		@media screen and (max-width: 1000px) {
			li{
				margin: 0; padding: 0 30px 10px 0;
				font-size: 14px;
			}
		}
	}
	ul.ColumnList.line1,ul.ul-List.line1{
		li{width: calc(100% - 35px);}
	}
	ul.ColumnList.line2,ul.ul-List.line2{
		li{width: calc(50% - 35px);}
	}
	ul.ColumnList.line3,ul.ul-List.line3{
		li{width: calc(33.3% - 35px);}
	}
	ul.ColumnList.line4,ul.ul-List.line4{
		li{width: calc(25% - 35px);}
	}
	@media screen and (max-width: 1200px) {
		ul.ColumnList.line2,ul.ul-List.line2{
			li{width: calc(100% - 35px);}
		}
		ul.ColumnList.line3,ul.ul-List.line3{
			li{width: calc(50% - 35px);}
		}
		ul.ColumnList.line4,ul.ul-List.line4{
			li{width: calc(33.3% - 35px);}
		}
	}
	@media screen and (max-width: 1000px) {
		ul.ColumnList.line3,ul.ul-List.line3{
			li{width: calc(100% - 35px);}
		}
		ul.ColumnList.line4,ul.ul-List.line4{
			li{width: calc(50% - 35px);}
		}
	}
	
	ol.ListZero,ol.ol-Zero{
		padding-left: 28px;
		list-style: decimal-leading-zero;
		li{
			line-height: 150%;
			padding-bottom: 10px;
		}
		li::marker {
			color: #153892;
			font-weight: 600;
		}
	}
	
	
	.PanelList{
		margin: 0 -20px; padding: 0; 
		display: flex;
		flex-wrap: wrap;
		@media screen and (max-width: 800px) {
			margin: 0; padding: 0; 
		}
		.Panel{
			width: calc(33.3% - 40px);
			margin: 0 20px; padding: 0 0 50px 0;
			@media screen and (max-width: 1000px) {
				width: calc(50% - 40px);
			}
			@media screen and (max-width: 800px) {
				width: calc(100%);
				margin: 0; padding: 0 0 50px 0;
			}
		}
		.imgWrap{
			margin: 0; padding: 0 0 30px 0;
			img{
				width: 100%; height: 190px;
				object-fit: cover;
				border-radius: 20px;
			}
		}
		h4{
			margin: 0; padding: 0 0 30px 0;
			font-size: 20px;
			color: #153892;
			font-weight: 600;
			line-height: 120%;
		}
		P{
			margin: 0; padding: 0 0 0 0;
			font-size: 16px;
			line-height: 150%;
		}
	}
	
	p.youtube{
		text-align: center;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		iframe{
			width: 100%;
			aspect-ratio: 16 / 9;
		}
	}
	video{
		width: 100%;
	}
	
	table.basic,
	table.table-basic{
		margin-bottom: 20px;
		border-collapse:  collapse;
		width: 100%;
		th,td{
			border: solid 1px #ccc;
			padding: 15px;
		}
		th{
			background: #f5f5f5;
			font-weight: 700;
		}
		td{
			vertical-align: middle;
		}
		@media screen and (max-width: 1000px) {
			font-size: 14px;
			th,td{
				border: solid 1px #ccc;
				padding: 10px;
			}
		}
	}
	.table-scroll{
		overflow-x: auto;
		@media screen and (max-width: 1000px) {
			table{
				width: 100%;
				white-space: nowrap;
			}
		}
	}
	
	
	table.list,
	table.table-list{
		line-height: 120%;
		margin-bottom: 20px;
		width: 100%;
		th{
			width: 200px;
			padding: 10px;
			border-bottom: 1px solid #ccc;
			color: #153892;
			font-weight: 600;
			white-space: nowrap;
			text-align: left;
		}
		td{
			padding: 10px;
			border-bottom: 1px solid #ccc;
		}
		@media screen and (max-width: 1000px) {
			th,td{
				display: block;
			}
			th{
				border-bottom: 0;
				padding-bottom: 0;
			}
		}
	}
	table.table-NoStyle{
		margin: -5px 0 15px 0; padding: 0;
		td,th{
			padding: 5px 0;
			text-align: left;
			font-weight: normal;
			line-height: 120%;
		}
	}
	
	.PageMenu{
		margin:0 0 80px 0; padding: 20px ;
		border: 1px solid #ccc;
		border-radius: 10px;
		h4{
			font-size: 18px;
			margin: 0; padding: 0 0 5px 0;
		}
		ul{
			margin: 0; padding: 0 0 10px 0;
			display: flex;
			flex-wrap: wrap;
			li{
				width: 33.3%;
				a{
					margin: 5px 5px; padding: 10px 25px 10px 10px;
					line-height: 120%;
					background: #DEE8FC;
					border-radius: 10px;
					display: block;
					text-decoration: none;
					color: black;
					position: relative;
					background-image: url("../images/BtnArrow-PageMenu.svg");
					background-repeat: no-repeat;
					background-size: 16px;
					background-position: top 11px right 8px;
				}
			}
		}
		@media screen and (max-width: 1300px) {
			ul{
				li{
					width: 50%;
				}
			}
		}
		@media screen and (max-width: 1000px) {
			ul{
				li{
					width: 100%;
				}
			}
		}
	}
	
	
	.Alumni{
		.spec{
			margin: 0;padding: 0;
			font-size: 14px;
			color: #666;
			b{
				font-size: 16px;
			}
		}
		.name{
			margin: 0 0 10px 0;padding: 0 0 5px 0;
			font-size: 21px;
			font-weight: 700;
			border-bottom: 1px solid #ccc;
			span{
				font-weight: 400;
				font-size: 16px;
			}
		}
		.txt{
			margin: 0;padding: 0;
			
		}
	}
	
	.JobdataIndex{
		margin: 0 -10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(33.3% - 42px);
			margin: 10px; padding: 10px;
			border: 1px solid #ccc;
			border-radius: 20px;
			position: relative;
			
			.img{
				margin: 0 0 10px 0; padding: 0;
				width: 100%;
				img{
					width: 100%;
					border-radius: 10px;
				}
			}
			.ttl{
				margin: 0 0 10px 0; padding: 0;
				font-size: 20px;
				font-weight: 700;
			}
			.txt{
				margin: 0 0 0 0; padding: 0 0 50px 0;
				
			}
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(100% - 20px);
				margin: 10px 0; padding: 10px;
			}
		}
		
		a.link{
			width: 100%; height: 100%;
			display: block;
			text-decoration: none;
			color: black;
		}
		.Btn{
			width: 100px;
			padding: 8px 0 8px 0;
			margin: 0;
			border-radius:50px;
			border: 0 0 0 auto;
			border: 1px solid white;
			background-color: #0B308E;
			display: block;
			text-align: center;
			font-size: 14px;
			font-weight: 600;
			text-decoration: none;
			color: white;
			position: absolute;
			right: 10px;
			bottom: 10px;
			.icon{
				display: inline-block;
				width: 12px;
				height: 9px;
				margin: 0 5px;
				background: url(../images/ft-arrow-contact.png) no-repeat;
				background-size: 100%;
			}
		}
		.Col:hover{
			background: #e6eaf2;
		}
		a:hover .Btn{
			border: 1px solid #0B308E;
			background-color: white;
			color: #0B308E;
			.icon{
				background: url(../images/ft-arrow-contact-ov.png) no-repeat;
				background-size: 100%;
			}
		}
	}
	
	.Flow{
		background: #e6ebf4;
		border-radius: 10px;
		padding: 30px;
		
		h4{
			margin: 0; padding: 0 0 10px 0;
			color: black;
			text-align: center;
			font-size: 24px;
			
		}
		h5{
			margin: 0; padding: 0 0 5px 0;
			color: black;
			text-align: center;
			font-size: 18px;
		}
		h5.aline-left{text-align: left;}
		
		.FlowInner {
			background: white;
			border-radius: 10px;
			margin: 20px; padding: 10px;
			
			img{
				width: 100%;
				height: auto;
			}
			.right {
				padding-top: 20px;
			}
		}
		
		@media screen and (max-width: 1000px) {
			padding: 30px 0px;
		}
	}
	.FlowEvent{
		counter-reset: number 0;
		/* number のカウンタを 0 にセット */
		h5:before {
			counter-increment: number 1;
			/* number カウンタを増加 */
			content: counter(number,decimal-leading-zero) " ";
			/* 表示形式を指定 */ 
		}
		.FlowInner{
			padding: 20px;
			p{padding-bottom: 0;margin-bottom: 0;}
		}
	}
	
	table.NewsTable{
		width: 100%;
		border-top: 1px solid #D1D1D1;
		tr{
			td{
				vertical-align: top;
				border-bottom: 1px solid #D1D1D1;
			}
			.DateTag{
				.DateTagInner{
					display: flex;
					padding: 30px 0 30px 10px ;
					.Date{
						padding: 20px 0;
						font-size: 13px;
						color: #3465CC;
						font-family: Barlow;
					}
					.TagNews{
						width: 80px;
						margin: 0 30px 0 30px;
						padding: 5px 20px;
						text-align: center;
						font-size: 12px;
						color: white;
						background-color: #3465CC;
						border-radius: 50px;
					}
				}
			}
			.text{
				margin: 0 0 0 0;
				padding: 30px 0 30px 0;
				font-size: 16px;
				line-height: 150%;
				a{
					color: black;
					text-decoration: none;
				}
				a:hover{
					text-decoration: underline;
				}
			}
			@media screen and (max-width: 1000px) {
				td{
					display: block;
				}
				.DateTag{
					border-bottom: 0px solid #D1D1D1;
					.DateTagInner{
						padding: 30px 0 0 10px ;
					}
				}
				.text{
					margin: 0 0 0 0;
					padding: 20px 10px 30px 10px;
					font-size: 16px;
					line-height: 150%;
				}
			}
		}

		tr:nth-child(odd){
			background-color:white;
		}
		tr:nth-child(even){
				background-color:#eaeffa;
		}
	}
}/*#Page*/


#Page.about-us{
	ol{
		line-height: 200%;
	}
	.RelationLogo{
		margin: 0 auto;
		width: 80%;
	}
}

#Page.Class{
	.PointPanel{
		padding: 50px 35px;
		background-color: #F7F7F7;
		display: flex;
		.Panel{
			width: calc(33.3% - 30px);
			margin: 0 15px 0 15px; padding: 30px;
			border-radius: 20px;
			background-color: white;
			.number{
				max-width: 140px;
				margin: 0 auto 30px auto; padding: 0;
				background-color: #3465CC;
				color: white;
				font-size: 20px;
				font-weight: 600;
				text-align: center;
				border-radius: 20px;
			}
			.text{
				min-height:60px;
				font-size: 20px;
				font-weight: 600;
				line-height: 150%;
				text-align: center;
			}
			.caption{
				font-size: 16px;
				font-weight: 300;
				text-align: left;
			}
		}
	}
	@media screen and (max-width: 1200px) {
		.PointPanel{
			padding: 30px 5px 0px 5px;
			display: flex;
			flex-wrap: wrap;
			.Panel{
				width: calc(100% - 30px);
				margin: 0 15px 30px 15px; padding: 30px;
			}
		}
	}
	@media screen and (max-width: 1000px) {
		.PointPanel{
			padding: 15px 5px 0px 5px;
			display: flex;
			flex-wrap: wrap;
			.Panel{
				margin: 0 15px 15px 15px; padding: 15px 30px 0px 30px;
				.number{
					margin: 0 auto 15px auto; padding: 0;
				}
				.text{
					min-height:auto;
				}
				.caption{
				}
			}
		}
	}
	
	.ClassCourse{
		.TtlImg{
			img{
				border-radius: 20px;
			}
		}
		.Ttl{
			padding: 0 0 20px 0;
			font-size: 32px;
			font-weight: 600;
			color: #0B308E;
		}
		.SubTtl{
			font-size: 18px;
			font-weight: 600;
		}
	}
	p.bnr{
		margin: 0 auto;
		max-width: 700px;
		img{
			width: 100%;
		}
	}
	
	
	
	.Field{
		.ttl{
			margin: 0; padding: 10px 0 0 0;
			text-align: center;
			font-weight: 700;
		}
		.Col{
			margin-bottom: 20px;
		}
	}
	
	
}
#Page.application{
	.responsive1000{
		.hide-pc{display: none;}
		.hide-sp{display: inline;}
		@media screen and (max-width: 1100px) {
			.hide-pc{display: inline;}
			.hide-sp{display: none;}
		}
	}
	.WideTable table{
		overflow-x: scroll;
		@media screen and (max-width: 1400px) {
			th,td{
				font-size: 14px;
				border: solid 1px #ccc;
				padding: 15px 5px;
			}
		}
	}
	.kakomi{
		border: 1px solid #0B308E;
		color: #0B308E;
		padding: 0px;
		margin-right: 5px;
		font-weight: 600;
		display: inline-block;
		width: 100px;
		text-align: center;
	}
	
	
	.AdmPol{
		border: 1px solid #ccc;
		padding: 30px 20px 10px 20px;
		text-align: center;
		font-family: serif;
		background: #f9f9f9;
		h5{
			margin: 0; padding: 0 0 5px 0;
			font-size: 24px;
			color: #0B308E;
		}
		
		p{
			margin: 0; padding: 0 0 20px 0;
			font-size: 21px;
		}
	}
	
	.Merit{
		margin: 0 -10px; 
		padding-top: 10px;
		display: flex;
		flex-wrap: wrap;
		.Col{
			width: calc(33.3% - 42px);
			margin: 0 10px 40px 10px; padding: 0 10px;
			border: 1px solid #0B308E;
			border-radius: 10px;
			position: relative;
			.Number{
				width: 60px;
				background: white;
				font-family: serif;
				font-size: 21px;
				text-align: center;
				position: absolute;
				top:-15px;
				left:calc(50% - 30px);
				right:calc(50% - 30px);
				color: #0B308E;
			}
			h5{
				text-align: center;
				margin: 0; padding: 20px 20px 10px 20px;
				font-family: serif;
				color: #0B308E;
			}
		}
		@media screen and (max-width: 1000px) {
			margin: 0;
			flex-wrap: wrap;
			.Col{
				width: calc(100% - 0px);
			}
		}
	}
	
}
#Page.employment{
	.Merit{
		h4{
			margin: 0 0 20px 0; padding: 0;
			font-size: 18px;
			line-height: 150%;
			.number{
				font-size: 14px;
				color: white;
				background: #0B308E;
				padding: 5px 10px;
				border-radius: 10px;
			}
		}
		h5{
			margin: 20px 0 20px 0; padding: 0;
		}
		.Col-inner{
			border: 1px solid #ccc;
			border-radius: 10px;
			padding: 10px 10px 0 10px;
			display: block;
			height: 100%;
		}
		.Col{
			margin-bottom: 40px;
		}
	}
}

#Page.campus-experience{
	.EventPicup{
		padding-bottom: 20px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		.EventImg{
			width: 100px;
			padding-right: 10px;
			img{
				width: 100%;
			}
		}
		.EventList{
			width: 100%;
		}
	}
	
	.timeSchedule
}

#Page.moreinfo{
	dl.qa{
		dt{
			margin: 0 0 20px 0;
			font-size: 21px;
			color: #0B308E;
			font-weight: 700;
		}
		dd{
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			border-bottom: 1px solid #ccc;
		}
		dd:last-child{
			border-bottom: 0;
		}
	}
	.Column4 a:hover{
		opacity: 70%;
	}
	
	
	.sitemap{
		margin-bottom: 50px;
		font-weight: 700;
		a{
			color: #242424;
			text-decoration: none;
			display: block;
		}
		a:hover{
			opacity: 70%;
			color: #242424;
		}
		li{
			margin: 0; padding: 0 0 20px 0;
			line-height: 120%;
		}
		.li-category{
			padding: 10px 10px 10px 10px ;
			font-size: 21px;
			border: 1px solid #ccc;
			margin-bottom: 20px;
			background: #0B308E;
			a,a:hover{
				color: white;
			}
		}
		.sub{
			li{
				padding-left: 20px;
				position:relative;
				line-height: 120%;
			}
			li:before{
				content:"ー";
				position:absolute;
				top:0;left:0;
				color:#D1D1D1;
				font-weight: 400;
			}
		}
		.subsub{
			li{
				font-size: 14px;
				font-weight: 400;
				padding-left: 30px;
				position:relative;
				line-height: 120%;
			}
			li:before{
				content:"-";
				position:absolute;
				top:0;left:20px;
				color:#D1D1D1;
				font-weight: 400;
			}
		}
	}
}

#Page .BlockEvent{
	.date {
		padding-left: 20px;
		margin-bottom: 10px !important;
		position: relative;
		font-size: 16px; 
	}
	.date::after {
		position: absolute;
		align-items: center;
		border: none;
		content: "\f073";
		font-family: FontAwesome;
		transform: none;
		color: #275483;
		font-size: 16px;
		border-radius: 0;
		top: 0;
		left: 0;
		transition: .3s ease-in; 
	}
	
	.time {
		padding-left: 20px;
		margin-bottom: 10px !important;
		position: relative;
		font-size: 16px; 
	}
	.time::after {
		position: absolute;
		align-items: center;
		border: none;
		content: "\f017";
		font-family: FontAwesome;
		transform: none;
		color: #275483;
		font-size: 16px;
		border-radius: 0;
		top: 0;
		left: 0;
		transition: .3s ease-in; 
	}
	h4{
		a{
			color: #153892;
			text-decoration: none;
		}
		a:hover{
			opacity: 70%;
		}
	}
	a img:hover{
		opacity: 70%;
	}
	.bs-bnr{
		max-width: 750px;
		margin: 0 auto;
	}
	@media screen and (max-width: 1000px) {
		.bs-bnr{
			width: 100%;
		}
	}
}

/* フォームナビ */
ul.formFlow {
display: flex;
height: 40px;
align-items: center;
justify-content: center;
margin: 0 0 30px;
padding: 0; }
ul.formFlow li {
display: inline-flex;
justify-content: center;
flex: 1 0 33.333%;
background: #ededed;
color: #333333;
list-style: none;
padding: 0;
margin: 0 !important;
height: 100%;
font-size: 16px;
font-weight: bold;
align-items: center;
position: relative; }
ul.formFlow li:before {
display: none; }
ul.formFlow li.visited {
background: #ededed;
color: #fff; }
ul.formFlow li.active {
background: #0B308E;
color: #fff;
position: relative; }
ul.formFlow li.active:after {
position: absolute;
content: '';
right: -40px;
top: 0;
z-index: 1;
width: 0;
height: 0;
border: 20px solid transparent;
border-left: 20px solid #0B308E; }
ul.formFlow li.second.active:before {
display: block;
position: absolute;
content: '';
left: 0;
top: 0;
z-index: 3;
width: 0;
height: 0;
border: 20px solid transparent;
border-left: 20px solid #ededed; }
ul.formFlow li.third.active {
background: #0B308E !important;
color: #fff; }
ul.formFlow li.third.active:after {
display: none; }
ul.formFlow li.third.active:before {
background: none;
display: inline;
position: absolute;
content: '';
left: 0;
top: 0;
z-index: 2;
width: 0;
height: 0;
border-radius: 0;
border: 20px solid transparent;
border-left: 20px solid #ededed; }

/* フォームエレメント */
#formArea dl {
	width: calc(100% - 30px);
display: flex;
flex-wrap: wrap; }
#formArea dl dt {
flex-basis: 100%;
padding: 5px 0 0 0;
margin: 0 0 15px; 
font-weight: 700}
#formArea dl dd {
flex-basis: 100%;
margin-bottom: 15px;
align-self: center; }
#formArea dl dd.fb100 {
flex-basis: 100%; }
#formArea .att {
color: crimson;
font-size: 12px; }
#formArea .error {
margin: 0; }
#formArea .radio_wrap {
margin-top: 10px; }
#formArea .vertical-item {
display: block !important; }
#formArea input[type="text"],
#formArea input[type="email"],
#formArea input[type="number"],
#formArea textarea {
padding: 8px .5em 8px 10px;
margin: 0;
background: #EEEEEE;
width: 100%;
max-width: 100%;
overflow: hidden;
margin-bottom: 0;
border: 1px solid #EEEEEE; }
#formArea input[type="text"]:focus,
#formArea input[type="email"]:focus,
#formArea input[type="number"]:focus,
#formArea textarea:focus {
background: #fff; }
#formArea input[type="text"]:hover,
#formArea input[type="email"]:hover,
#formArea input[type="number"]:hover,
#formArea textarea:hover {
background: #fff; }
#formArea input[type="text"] + input,
#formArea input[type="email"] + input,
#formArea input[type="number"] + input,
#formArea textarea + input {
margin-top: 10px; }
#formArea .mini {
padding: 8px .5em 8px 10px;
margin: 0;
background: #EEEEEE;
width: 100%;
max-width: 50px!important;
overflow: hidden;
margin-bottom: 0;
border: 1px solid #EEEEEE; }
#formArea input[type="number"].short {
width: 60px; }
#formArea input[type="text"],
#formArea input[type="email"] {
width: 100%; }
#formArea input[type="text"] .short,
#formArea input[type="email"] .short {
max-width: 150px; }
#formArea select {
padding: .4em 0 .3em .5em;
margin-bottom: 5px;
display: block;
border-color: #e7e7e7; }
#formArea select option {
word-wrap: normal; }
#formArea input[type="text"].short {
width: 200px;
text-align: left;
margin-bottom: 0; }
#formArea input[type="text"].hasDatepicker {
margin: 5px 0;
background: #EEEEEE; }
#formArea input[type="text"].hasDatepicker:hover, #formArea input[type="text"].hasDatepicker:focus {
background: #fff; }
#formArea .mwform-checkbox-field {
display: block;
width: 100%;
margin: 5px 5px;
font-size: 14px; }
#formArea input[type="checkbox"] {
border: 1px solid #aaaaaa;
vertical-align: -8px;
-webkit-appearance: none;
position: relative;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 26px;
height: 26px;
/*Other Browser*/
background: #e2e2e2;
/*For Old WebKit*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2));
/*For Modern Browser*/
background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); }
#formArea input[type="checkbox"]:checked {
/*Other Browser*/
background: #000;
/*For Old WebKit*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #000));
/*For Modern Browser*/
background: linear-gradient(to bottom, #000 0%, #000 100%);
border: 1px solid #000; }
#formArea input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 16px;
display: block;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
content: "";
width: 10px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center; }
#formArea input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 16px;
content: "";
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
width: 16px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center; }
#formArea .mwform-zip-field input {
width: inherit; }
#formArea .mwform-tel-field input {
margin: 0 !important;
width: auto; }
#formArea .mwform-radio-field {
display: block;
margin: 5px 0 10px; }
#formArea .mwform-radio-field input {
margin: 0 15px 0 0; }
#formArea .mwform-radio-field-text {
margin-left: 10px; }
#formArea input[type="file"] {
margin-bottom: 10px; }
#formArea .inline_wrap select {
display: inline-block; }
#formArea .btnArea {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#formArea .btnArea .submitArea {
flex-basis: 100%;
margin: 0 0 25px; }
#formArea .btnArea .submitArea .submit {
max-width: 290px;
margin: 0 auto;
border: none; }
#formArea .btnArea .submitArea .submit:hover, #formArea .btnArea .submitArea .submit:focus {
color: #fff !important;
background: #0B308E;
transition: .3s;
cursor: pointer;
border-color: #0B308E; }
#formArea .btnArea .returnArea {
flex-basis: 100%;
display: none; }
#formArea .btnArea .returnArea .return {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
background: #ededed;
border: 1px solid #ededed;
color: #333 !important;
padding: .4em 0;
transition: .3s;
font-size: 14px; }
#formArea .btnArea .returnArea .return:hover, #formArea .btnArea .returnArea .return:focus {
color: #fff !important;
background: #333;
border: 1px solid #333;
transition: .3s; }
@media print, screen and (min-width: 768px) {
#formArea dl {
justify-content: space-between; }
#formArea dl dt {
flex-basis: 180px;
text-align: right; }
#formArea dl dd {
flex-basis: calc(100% - 200px); }
#formArea dl dd.fb100 {
flex-basis: 100%; }
#formArea input[type="text"],
#formArea input[type="email"],
#formArea input[type="number"],
#formArea textarea {
margin: 0; }
#formArea select {
margin-bottom: 0; }
#formArea .mwform-checkbox-field {
display: inline-block;
width: auto; }
#formArea .mwform-radio-field {
display: inline-block;
margin: 0 15px 5px 0; }
#formArea .mwform-radio-field .mwform-radio-field-text {
margin-right: 15px; }
#formArea .mwform-radio-field input {
margin: 0; }
#formArea .mwform-radio-field-text {
margin-left: 10px; }
#formArea .btnArea {
flex-wrap: nowrap; }
#formArea .btnArea .submitArea {
flex-basis: 100%;
margin: 0; } }
#formArea .mw_wp_form_confirm .btnArea .submitArea .submit {
margin: 0 auto 0 20px; }
#formArea .mw_wp_form_confirm .btnArea .returnArea {
display: inline-flex; }
#formArea .mw_wp_form_confirm .btnArea .returnArea .return {
margin: 0 20px 0 auto; }
@media print, screen and (max-width: 1000px) {
#formArea .mw_wp_form_confirm .btnArea .submitArea .submit {
margin: 0 auto 10px auto; }
#formArea .mw_wp_form_confirm .btnArea .returnArea {
display: inline-flex; }
#formArea .mw_wp_form_confirm .btnArea .returnArea .return {
margin: 0 auto 10px auto; } }

#formArea .ComBtnMore3{
	border: 1px solid white;
	background-color: #0B308E;
	input{
		width: 80%; height: 100%;
		padding: 12px 0 12px 0;
		margin: 0 auto;
		display: block;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		background: #0B308E;
		color: white;
		border: 0;
	}
}
#formArea .ComBtnMore3:hover{
	border: 1px solid #0B308E;
	background: white;
	input{
		color: #0B308E;
		background-color: white;
	}
}




/* タイムスケジュール */
ul.time-schedule {
  width: 100%;
  list-style: none;
  margin: 0 auto 0 4em;
  padding-left: 54px;
  border-left: 2px solid #ccc;
  box-sizing: border-box;
  
  li {
	width: 100%;
	margin: 0 0;
	padding: 5px 0;
	position: relative;
  }
  p.time {
	width: 5em;
	display: inline-block;
	margin-left: -10em;
	padding: 0 0 5px;
	margin-top: 0;
	vertical-align: top;
	position: relative;
	text-align: right;
	box-sizing: border-box;
  }
  p.time::after {
	content: "";
	position: absolute;
	right: -32px;
	top: 5px;
	background: #0B308E;
	width: 15px;
	height: 15px;
	border-radius: 10px;
  }
  .sch_box {
	display: inline-block;
	width: 100%;
	margin-left: 30px;
	padding: 0 10px 0 10px;
	vertical-align: middle;
	background: white;
	box-sizing: border-box;
	border-radius: 6px;
  }
  .sch_title {
	font-size: 16px;
	font-weight: 700;
  }
  .sch_tx {
	font-size: 14px;
	font-weight: normal;
  }
}


/*アコーディオン*/
accordion{ display: none; }
.accordion-open{
	padding: 15px;
	color: #0B308E;
	font-size: 20px;
	background: white;
	border: 1px solid #0B308E;
	position: relative;
}
.accordion-open::before{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 20px;
}
.accordion-open.active::before{/* 開いている時 */
	content: "－";
}
.accordionInner{
	margin: 0; padding: 50px 0 0 0;
}

/*ページ送り*/
.wp-pagenavi{
	margin: 20px 0 0 0;
	width: 100%;
	height: 40px;
	text-align: center;
	.first,.last{
		padding: 10px 20px;
		border: 1px solid #0B308E;
		border-radius: 20px;
	}
	.first:hover,.last:hover{
		border: 1px solid #0B308E;
		background-color: #0B308E;
		color: white;
	}
	.fa{
		content: "";
		width: 40px; height: 40px;
		margin: 0 20px; padding: 10px 20px 10px 20px;
		background-image: url("../images/pagenavi-prev.svg");
		background-size: 35px;
		background-repeat: no-repeat;
	}
	.fa:hover{
		opacity: 0.5;
	}
	.fa-arrow-left{
		background-image: url("../images/pagenavi-prev.svg");
	}
	.fa-arrow-right{
		background-image: url("../images/pagenavi-next.svg");
	}
	
	.page{
		margin: 0; padding: 10px 20px;
		text-decoration: underline;
	}
	.current{
		margin: 0; padding: 10px 20px;
		font-weight: 600;
	}
	a{
		text-decoration: none;
		color: #0B308E;
	}
	@media screen and (max-width: 1200px) {
		.first,.last{
			padding: 10px 10px;
		}
		.page{
			margin: 0; padding: 10px 10px;
		}
		.current{
			margin: 0; padding: 10px 10px;
		}
	}
	@media screen and (max-width: 1000px) {
		.extend,
		.page.smaller,
		.page.larger{
			display: none;
		}
	}
}

#Page{
	.Width80{
		margin: 0 auto 20px auto;
		width: 80%; 
		img{width: 100%;}
	}
	.MargTop10{margin-top: 10px;}
	.MargTop20{margin-top: 20px;}
	.MargTop30{margin-top: 30px;}
	.MargTop40{margin-top: 40px;}
	.MargTop50{margin-top: 50px;}
	.MargTop80{margin-top: 80px;}
	.MargTop100{margin-top: 100px;}
	.MargBtm5{margin-bottom: 5px;}
	.MargBtm10{margin-bottom: 10px;}
	.MargBtm20{margin-bottom: 20px;}
	.MargBtm30{margin-bottom: 30px;}
	.MargBtm40{margin-bottom: 40px;}
	.MargBtm50{margin-bottom: 50px;}
	.MargBtm80{margin-bottom: 80px;}
	.MargBtm100{margin-bottom: 100px;}
	.MargLeft0{margin-left: 0px;}
}