@charset "UTF-8";
/* =====================================================================================================================
=
= なにわ歯科衛生専門学校
= parts
=
===================================================================================================================== */

/* content header
----------------------------------------------------------------------------------------------------------------------*/
#page-content #content-header{
	width: 100%;
	max-width: 1024px;
	padding:0 30px;
	margin: 30px auto 60px auto;
	box-sizing: border-box;
}

#page-content #content-header h1{
	display: flex;
	align-items: center;
	margin-bottom:14px;
	padding: 42px 42px 41px;
	background:no-repeat 0 0;
	background-size:contain;

}

#page-content #content-header h1 .head-box {
	position:relative;
	z-index: 1;
	overflow: hidden;
	width: 217px;
	height: 217px;
	padding: 8px;
	background-image: url(/_assets/img/head-textbg.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
}
#page-content #content-header h1 .head-box .box-inner{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	padding: 0.5em;
	border: 2px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	font-size: 2.5rem;
	font-weight: bold;
	line-height:1.2;
	text-align: center;
	border: none;
}
@media screen and (max-width: 963px) {/*-add190605-*/
#page-content #content-header{
	width:auto;
	margin: 100px auto 60px auto;
}
#page-content #content-header h1{
	padding: 15px 35px;
	padding: 47px 35px;
	background-size: cover;
}
#page-content #content-header h1 .head-box{
	width:200px;
	height:205px;
	padding: 8px;
	/*top: -15px;
	top: -47px;*/
}
}/*-max1024END-*/
/* box
----------------------------------------------------------------------------------------------------------------------*/
.content-inner{
	width:1024px;
	padding:0 30px;
	margin:0 auto;
}

.box{
	margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {/*-add190605-*/
.content-inner{
	width:auto;
}
	
}/*-max1024END-*/
/* headline
----------------------------------------------------------------------------------------------------------------------*/
.headline-1{
	margin-bottom: 24px;
	padding:10px 24px;
	background:#ff88bf;
	border-radius:8px;
	color:#ffffff;
	font-size:2.8rem;
	font-weight:bold;
}

.headline-2,
.headline-3{
	margin-bottom: 16px;
	padding:10px 24px;
	border:solid #ff88bf;
	border-radius:6px;
	color:#ff88bf;
	font-size:2.4rem;
	font-weight:bold;
}

.headline-2{
	border-width:0 0 1px 1px;
	border-radius:0 0  0 6px;
}

.headline-3{
	background:#fff3f9;
	border-width:1px;
	border-radius:6px;
}

/* figure box
----------------------------------------------------------------------------------------------------------------------*/
figure.image-left,
figure.image-right{
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
	margin-bottom:24px;
}

figure.image-left .image,
figure.image-right .image{width:30%;}

figure.image-left .text,
figure.image-right .text{flex:1;}

figure.image-left{flex-flow:row wrap;}
figure.image-left .text{padding-left:1em;}

figure.image-right{flex-flow:row-reverse wrap;}
figure.image-right .text{padding-right:1em;}


/* text
----------------------------------------------------------------------------------------------------------------------*/
.text-lead{
	display:block;
	color:#ff88bf;
	font-size:2.0rem;
	font-weight:bold;
}

.text-right{
	text-align:right;
}

.caution{
	position:relative;
	display:inline-block;
	padding-left:1.2em;
}

.caution::before{
	content:'\203B';
	position:absolute;
	left:0;
}

.strike{
	text-decoration:line-through;
}

/* table
----------------------------------------------------------------------------------------------------------------------*/
.scroll-table{
	width:auto;
	overflow:visible;
}
table.default-table{
	width:100%;
	margin-bottom:48px;
}
table.default-table tr{}
table.default-table th,
table.default-table td{
	border:1px solid #ff88bf;
	padding:18px;
	text-align:center;
	vertical-align:middle;
}

table.default-table th{
	background:#fff3f9;
}

table.default-table td{

}

table th.left,table td.left{text-align:left;}
table th.center,table td.center{text-align:center;}
table th.right,table td.right{text-align:right;}
table th.top,table td.top{vertical-align:top;}
table th.middle,table td.middle{vertical-align:middle;}
table th.bottom,table td.bottom{vertical-align:bottom;}

/* category-links
----------------------------------------------------------------------------------------------------------------------*/
.category-links{
	display:flex;
	flex-flow:row wrap;
	position: relative;
	z-index: 10;
	gap: 0 1.7%;
}

.category-links li{
	width:32.2%;
	margin-bottom:16px;
}
.category-links li:nth-of-type(3n + 2){

}

.category-links li a{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	padding:15px 15px;
	background:#ffffff;
	border:1px solid #ff88bf;
	transition:background-color 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	color:#ff88bf;
	font-size:1.5rem;
	/*font-weight:bold;*/
}
@media screen and (max-width: 820px) {

	.category-links li a{
	font-size:1.3rem;
}
}
.category-links li a::after{
	content:'';
	display:block;
	width:10px;
	height:10px;
	border:solid #ff88bf;
	border-width:3px 3px 0 0;
	border-radius:2px;
	transform:rotate(45deg);
	transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);

}

.category-links li a:hover,
.category-links li a.active{
	background:#ff88bf;
	color:#ffffff;
}

.category-links li a:hover::after,
.category-links li a.active::after{
	border-color:#ffffff;
	transform:rotate(45deg) translate3d(3px,-3px,0);
}

.category-links li a.active::after{
	transform:rotate(45deg) translate3d(0,0,0);
}

/* button
----------------------------------------------------------------------------------------------------------------------*/
a.button,
button.button{
	display:block;
	position:relative;
	width:320px;
	margin:0 auto 60px auto;
	padding:12px 44px 12px 32px;
	background:#ff88bf;
	border-radius:50px;
	color:#ffffff;
	font-size:1.8rem;
	text-align:center;
	transition:
			background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
			, box-shadow 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
			, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	box-shadow:2px 2px 0 0 #c665bf;
	transform:translate3d(0,0,0);
}

a.button:link{
	color:#ffffff;
}

a.button:before,
button.button:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right: 20px;
	z-index:2;
	width: 0;
	height: 0;
	margin-top: -7px;
	border-style: solid;
	border-width: 7px 0 7px 12.1px;
	border-color: transparent transparent transparent #ff88bf;
	transition:border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.button:after,
button.button:after{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	right:10px;
	width:36px;
	height:36px;
	margin-top:-18px;
	background:#ffffff;
	border-radius:50%;

}

a.button:hover,
button.button:hover{
	background-color:#f855a8;
	box-shadow:0 0 0 0 #c665bf;
	transform:translate3d(2px,2px,0);
}

a.button:hover::before,
button.button:hover::before{
	border-color: transparent transparent transparent #f855a8;
}

a.button.back:before,
button.button.back:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left: 20px;
	margin-top: -7px;
	border-style: solid;
	border-width: 7px 12.1px 7px 0;
	border-color: transparent #ff88bf transparent transparent ;
	transition:border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.button.back:after,
button.button.back:after{
	left:10px;
}


/* form
----------------------------------------------------------------------------------------------------------------------*/
.form-box{
	width:100%;
	margin:0 auto;
}

.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box textarea{
	width: 100%;
	padding:10px 8px;
	margin:0;
	border:1px solid #cccccc;
	font:1.6rem/1.6 "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	outline:none;
}

/**/
.form-box input[type="text"]:placeholder-shown,
.form-box input[type="email"]:placeholder-shown,
.form-box input[type="tel"]:placeholder-shown,
.form-box textarea::-webkit-input-placeholder,
.form-box input[type="text"]::-webkit-input-placeholder,
.form-box input[type="email"]::-webkit-input-placeholder,
.form-box input[type="tel"]::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder{
	color:#c9c9c9;
}

.form-box textarea{
	height:200px;
	resize: none;
}

.form-box #confirm-button{
	display: block;
	width: 200px;
	height:50px;
	margin:0 auto;
	background: #ff94c5;
	border: none;
	border-radius: 50px;
	color:#ffffff;
	text-align: center;
	cursor: pointer;
}

.form-box .error{
	color:#de0000;
	font-size:1.4rem;
}

.form-box .error + input,
.form-box .error + span input{
	background:#f9e4e7;
}

.form-box .error + input::placeholder,
.form-box .error + span input::placeholder{
	color:transparent;
}

/* form-list */
.form-list{
	display:flex;
	flex-flow:column wrap;
	justify-content:flex-start;
	width:100%;
	margin:0 auto 20px auto;
}

.form-list .form-item{
	display:flex;
	flex-flow:row wrap;
	/*justify-content:flex-start;*/
	/*align-items:stretch;*/
	margin-top:-1px;
}

.form-list .form-item:first-child{
	border-top:1px solid transparent;
}

.form-list .form-item dt,
.form-list .form-item dd{
	display:flex;
	flex-flow:row wrap;
	/*justify-content:flex-start;*/
	align-items:center;
	padding:20px;
	border:1px solid #ff94c5;
}

.form-list .form-item dt{
	width:200px;
	background:#fff3f9;
}
.form-list .form-item dd{
	flex:1;
	margin-left:-1px;
}

/* require */
.required{
	padding-right:2.6em;
	position:relative;
}

.required::after{
	content:'\5FC5\9808';
	display:inline-block;
	position:absolute;
	right:5%;
	padding:2px 4px;
	background:#ff94c5;
	border-radius:4px;
	color:#ffffff;
	font-size:1.4rem;
}


/* bread crumb
----------------------------------------------------------------------------------------------------------------------*/
.bread-crumb{
	display:flex;
	flex-flow:row wrap;
}

.bread-crumb li{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
}

.bread-crumb li::after{
	content:'\003E';
	margin:0 0.5em;
	vertical-align:middle;

}

.bread-crumb li:last-child::after{
	display:none;
}

.bread-crumb li a{
	font-size:1.4rem;
	color:#ff88bf;
}

.bread-crumb li a:hover{
	text-decoration:underline;
}

.bread-crumb li:first-child a{
	color:#333333;
}

/* page nation
----------------------------------------------------------------------------------------------------------------------*/
.page-nation{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
}
.page-nation a{
	display:inline-block;
	width:2em;
	margin:0 2px;
	padding:4px 2px;
	border:1px solid #ff88bf;
	color:#ff88bf;
	text-align:center;
}

.page-nation a.current{
	background:#ff88bf;
	color:#ffffff;
}

.page-nation a.next,
.page-nation a.prev{
	border:none;
	font-size:3.2rem;
}

/*
- media query (smart phone)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px){

	#page-content p,
	#page-content th,
	#page-content td{
		font-size:1.4rem;
	}

	/* content header
	----------------------------------------------------------------------------------------------------------------------*/
	#page-content #content-header{
		width: 100%;
		padding: 0 0;
		margin: 80px auto 32px auto;
	}

	#page-content #content-header h1{
		height:180px;
		margin-bottom: 8px;
		padding: 12px 4%;
		background:no-repeat center center;
		background-size:cover;
	}

	#page-content #content-header h1 .head-box{
		width: 136px;
		height: 136px;
	}

	#page-content #content-header h1 .head-box::before,
	#page-content #content-header h1 .head-box::after{}

	#page-content #content-header h1 .head-box::before{}

	#page-content #content-header h1 .head-box::after{}

	#page-content #content-header h1 .head-box .box-inner{
		font-size: 1.4rem;
		border-width: 1px;
	}

	/* box
	----------------------------------------------------------------------------------------------------------------------*/
	.content-inner{
		width: 100%;
		padding: 0 4%;
		margin:0;
	}

	.box{
		margin-bottom: 32px;
	}

	/* headline
	----------------------------------------------------------------------------------------------------------------------*/
	.headline-1{
		margin-bottom: 12px;
		padding:5px 12px;
		font-size:1.6rem;
	}

	.headline-2,
	.headline-3{
		margin-bottom: 8px;
		padding:5px 12px;
		border:solid #ff88bf;
		font-size:1.4rem;
	}

	.headline-2{
		border-width:0 0 1px 1px;
		border-radius:0 0  0 6px;
	}

	.headline-3{
		background:#fff3f9;
		border-width:1px;
		border-radius:6px;
	}

	/* figure box
	----------------------------------------------------------------------------------------------------------------------*/
	figure.image-left,
	figure.image-right{
		display:flex;
		flex-flow:column wrap;
		justify-content:flex-start;
		margin-bottom:12px;
	}

	figure.image-left .image,
	figure.image-right .image{
		width:100%;
		margin-bottom:12px;
	}

	figure.image-left .text,
	figure.image-right .text{flex:0;width:100%;}

	figure.image-left{flex-flow:column wrap;}
	figure.image-left .text{padding-left:0;}

	figure.image-right{flex-flow:column wrap;}
	figure.image-right .text{padding-right:0;}


	/* text
	----------------------------------------------------------------------------------------------------------------------*/
	.text-lead{
		display:block;
		color:#ff88bf;
		font-size:1.4rem;
		font-weight:bold;
		margin-bottom: 10px;
	}

	/* table
	----------------------------------------------------------------------------------------------------------------------*/
	.scroll-table{
		width:100%;
		overflow:scroll;
		margin-bottom:32px;
	}
	table.default-table{
		width:1024px;
		margin-bottom:20px;
	}
	table.default-table tr{}
	table.default-table th,
	table.default-table td{
		border:1px solid #ff88bf;
		padding:1%;
		text-align:center;
		vertical-align:middle;
	}

	table.default-table th{
		background:#fff3f9;
	}

	table.default-table td{

	}

	table th.left,table td.left{text-align:left;}
	table th.center,table td.center{text-align:center;}
	table th.right,table td.right{text-align:right;}
	table th.top,table td.top{vertical-align:top;}
	table th.middle,table td.middle{vertical-align:middle;}
	table th.bottom,table td.bottom{vertical-align:bottom;}

	/* category-links
	----------------------------------------------------------------------------------------------------------------------*/
	.category-links{
		display:flex;
		flex-flow:column wrap;
		justify-content:flex-start;
		margin-bottom: 10px;
	}

	.category-links li{
		width:100%;
		margin-bottom:8px;
	}
	.category-links li:nth-of-type(3n + 2){

	}

	.category-links li a{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:center;
		padding:15px 15px;
		background:#ffffff;
		border:1px solid #ff88bf;
		transition:background-color 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
		color:#ff88bf;
		font-size:1.8rem;
	}

	.category-links li a::after{
		content:'';
		display:block;
		width:10px;
		height:10px;
		border:solid #ff88bf;
		border-width:3px 3px 0 0;
		border-radius:2px;
		transform:rotate(45deg);
		transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);

	}

	.category-links li a:hover{
		background:#ff88bf;
		color:#ffffff;
	}

	.category-links li a:hover::after{
		border-color:#ffffff;
		transform:rotate(45deg) translate3d(3px,-3px,0);
	}

	/* bread crumb
----------------------------------------------------------------------------------------------------------------------*/
	.bread-crumb{
		display:flex;
		flex-flow:row wrap;
		padding: 0 4%;
	}

	.bread-crumb li{
		display:flex;
		flex-flow:row wrap;
		align-items:center;
	}

	.bread-crumb li::after{
		content:'\003E';
		margin:0 0.5em;
		vertical-align:middle;

	}

	.bread-crumb li:last-child::after{
		display:none;
	}

	.bread-crumb li a{
		font-size:1.4rem;
		color:#ff88bf;
	}

	.bread-crumb li a:hover{
		text-decoration:underline;
	}

	.bread-crumb li:first-child a{
		color:#333333;
	}

	/* button
	----------------------------------------------------------------------------------------------------------------------*/
	a.button,
	button.button{
		width: 96%;
	}

	/* form
	----------------------------------------------------------------------------------------------------------------------*/
	.form-box{
		width:100%;
		margin:0 auto;
	}

	.form-box input[type="text"],
	.form-box input[type="email"],
	.form-box input[type="tel"],
	.form-box textarea{
		width: 100%;
		padding:10px 8px;
		margin:0;
		border:1px solid #cccccc;
		font:1.6rem/1.6 "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		outline:none;
	}

	/**/
	.form-box input[type="text"]:placeholder-shown,
	.form-box input[type="email"]:placeholder-shown,
	.form-box input[type="tel"]:placeholder-shown,
	.form-box textarea::-webkit-input-placeholder,
	.form-box input[type="text"]::-webkit-input-placeholder,
	.form-box input[type="email"]::-webkit-input-placeholder,
	.form-box input[type="tel"]::-webkit-input-placeholder,
	.form-box textarea::-webkit-input-placeholder{
		color:#c9c9c9;
	}

	.form-box textarea{
		height:200px;
		resize: none;
	}

	.form-box #confirm-button{
		display: block;
		width: 200px;
		height:50px;
		margin:0 auto;
		background: #ff94c5;
		border: none;
		border-radius: 50px;
		color:#ffffff;
		text-align: center;
		cursor: pointer;
	}

	.form-box .error{
		color:#de0000;
		font-size:1.4rem;
	}

	.form-box .error + input,
	.form-box .error + span input{
		background:#f9e4e7;
	}

	.form-box .error + input::placeholder,
	.form-box .error + span input::placeholder{
		color:transparent;
	}

	/* form-list */
	.form-list{
		display:flex;
		flex-flow:column wrap;
		justify-content:flex-start;
		width:100%;
		margin:0 auto 20px auto;
	}

	.form-list .form-item{
		display:flex;
		flex-flow:column wrap;
		margin-top:0;
		margin-bottom:5px;
	}

	.form-list .form-item:first-child{
		border-top:1px solid transparent;
	}

	.form-list .form-item dt,
	.form-list .form-item dd{
		padding:20px;
		border:1px solid #ff94c5;
	}

	.form-list .form-item dt{
		width:100%;
		background:#fff3f9;
	}
	.form-list .form-item dd{
		flex:1;
		margin-left:0;
		margin-top:-1px;
	}

	/* require */
	.required{
		padding-right:3em;
		position:relative;
	}

	.required::after{
		content:'\5FC5\9808';
		display:inline-block;
		position:absolute;
		right:5%;
		padding:1px 4px;
		background:#ff94c5;
		border-radius:4px;
		color:#ffffff;
		font-size:1.3rem;
	}

	/* page nation
----------------------------------------------------------------------------------------------------------------------*/
	.page-nation{
		margin-bottom:6px;
	}
	.page-nation a{
		width:1.4em;
		padding:0;
		font-size:1.2rem;
	}
	.page-nation a:nth-child(n + 8){display:none;}

	.page-nation a.current{}

	.page-nation a.next,
	.page-nation a.prev{
		display:block;
		font-size:1.8rem;
	}


}


/* width
----------------------------------------------------------------------------------------------------------------------*/
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}

.mw10 {min-width: 10px;}
.mw20 {min-width: 20px;}
.mw30 {min-width: 30px;}
.mw40 {min-width: 40px;}
.mw50 {min-width: 50px;}
.mw60 {min-width: 60px;}
.mw70 {min-width: 70px;}
.mw80 {min-width: 80px;}
.mw90 {min-width: 90px;}
.mw100{min-width:100px;}
.mw110{min-width:110px;}
.mw120{min-width:120px;}
.mw130{min-width:130px;}
.mw140{min-width:140px;}
.mw150{min-width:150px;}
.mw160{min-width:160px;}
.mw170{min-width:170px;}
.mw180{min-width:180px;}
.mw190{min-width:190px;}
.mw200{min-width:200px;}
.mw210{min-width:210px;}
.mw220{min-width:220px;}
.mw230{min-width:230px;}
.mw240{min-width:240px;}
.mw250{min-width:250px;}
.mw260{min-width:260px;}
.mw270{min-width:270px;}
.mw280{min-width:280px;}
.mw290{min-width:290px;}
.mw300{min-width:300px;}
.mw310{min-width:310px;}
.mw320{min-width:320px;}
.mw330{min-width:330px;}
.mw340{min-width:340px;}
.mw350{min-width:350px;}
.mw360{min-width:360px;}
.mw370{min-width:370px;}
.mw380{min-width:380px;}
.mw390{min-width:390px;}
.mw400{min-width:400px;}
.mw410{min-width:410px;}
.mw420{min-width:420px;}
.mw430{min-width:430px;}
.mw440{min-width:440px;}
.mw450{min-width:450px;}
.mw460{min-width:460px;}
.mw470{min-width:470px;}
.mw480{min-width:480px;}
.mw490{min-width:490px;}
.mw500{min-width:500px;}

/* height
----------------------------------------------------------------------------------------------------------------------*/
.h10 {height: 10px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h130{height:130px;}
.h140{height:140px;}
.h150{height:150px;}
.h160{height:160px;}
.h170{height:170px;}
.h180{height:180px;}
.h190{height:190px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h240{height:240px;}
.h250{height:250px;}
.h260{height:260px;}
.h270{height:270px;}
.h280{height:280px;}
.h290{height:290px;}
.h300{height:300px;}
.h310{height:310px;}
.h320{height:320px;}
.h330{height:330px;}
.h340{height:340px;}
.h350{height:350px;}
.h360{height:360px;}
.h370{height:370px;}
.h380{height:380px;}
.h390{height:390px;}
.h400{height:400px;}
.h410{height:410px;}
.h420{height:420px;}
.h430{height:430px;}
.h440{height:440px;}
.h450{height:450px;}
.h460{height:460px;}
.h470{height:470px;}
.h480{height:480px;}
.h490{height:490px;}
.h500{height:500px;}

.mh10 {min-height: 10px;}
.mh20 {min-height: 20px;}
.mh30 {min-height: 30px;}
.mh40 {min-height: 40px;}
.mh50 {min-height: 50px;}
.mh60 {min-height: 60px;}
.mh70 {min-height: 70px;}
.mh80 {min-height: 80px;}
.mh90 {min-height: 90px;}
.mh100{min-height:100px;}
.mh110{min-height:110px;}
.mh120{min-height:120px;}
.mh130{min-height:130px;}
.mh140{min-height:140px;}
.mh150{min-height:150px;}
.mh160{min-height:160px;}
.mh170{min-height:170px;}
.mh180{min-height:180px;}
.mh190{min-height:190px;}
.mh200{min-height:200px;}
.mh210{min-height:210px;}
.mh220{min-height:220px;}
.mh230{min-height:230px;}
.mh240{min-height:240px;}
.mh250{min-height:250px;}
.mh260{min-height:260px;}
.mh270{min-height:270px;}
.mh280{min-height:280px;}
.mh290{min-height:290px;}
.mh300{min-height:300px;}
.mh310{min-height:310px;}
.mh320{min-height:320px;}
.mh330{min-height:330px;}
.mh340{min-height:340px;}
.mh350{min-height:350px;}
.mh360{min-height:360px;}
.mh370{min-height:370px;}
.mh380{min-height:380px;}
.mh390{min-height:390px;}
.mh400{min-height:400px;}
.mh410{min-height:410px;}
.mh420{min-height:420px;}
.mh430{min-height:430px;}
.mh440{min-height:440px;}
.mh450{min-height:450px;}
.mh460{min-height:460px;}
.mh470{min-height:470px;}
.mh480{min-height:480px;}
.mh490{min-height:490px;}
.mh500{min-height:500px;}