@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table,box
 * 5: link
 * 6: others
 *
 * ****************************
 */

/*======= 1: heading ========================================================*/
h1,h2,h3,h4 {
	font-size: inherit;
	font-weight: normal;
	line-height: 1.5;
}

/* [pageTtl] ----------*/
.pageTtl {
	color: #FFF;
	height: 260px;
	padding-top: 140px;
	font-size: 2.4rem;
	font-weight: normal;
	text-align: center;
	background: #64B5E4 url(https://next1-one.jp/img/common/bg_header01.png) no-repeat 100% 0;
	background-size: auto 100%;
	box-sizing: border-box;
}
.pageTtl span {
	position: relative;
	display: block;
	font-size: 1.2rem;
}
.pageTtl span::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 24px;
	margin: auto;
	border-bottom: 2px solid #FFF;
}

/* [sectTtl] ----------*/
/* [sectTtl01] */
.sectTtl01 {
	position: relative;
	margin-bottom: 60px;
	font-size: 2.6rem;
	text-align: center;
}
.sectTtl01::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 30px;
	margin: auto;
	border-bottom: 2px solid #0E73D9;
}
/* [sectTtl02] */
.sectTtl02 {
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px solid #0E73D9;
}
.sectTtl02 span {
	font-size: 2.6rem;
}
/* [sectTtl03] */
.sectTtl03 {
	position: relative;
	margin-bottom: 60px;
	font-size: 2.6rem;
	font-family: "HG教科書体", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
	text-align: center;
}
.sectTtl03::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 30px;
	margin: auto;
	border-bottom: 2px solid #0E73D9;
}

.d_ttl {
	font-size: 2.6rem;
	font-family: "HG教科書体", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
}
.d_aisatsu {
	font-size: 1.8rem;
	font-family: "HG教科書体", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
}
.d_syomei {
	font-size: 2.6rem;
	font-family: "HG教科書体", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
	text-align: right;
}


@media screen and (max-width:768px) {
/* [pageTtl] ----------*/
	.pageTtl {
		color: #FFF;
		height: 70px;
		padding-top: 15px;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.pageTtl span {
		font-size: 0.8rem;
	}
	.pageTtl span::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -10px;
		left: 0;
		width: 12px;
		margin: auto;
		border-bottom: 2px solid #FFF;
	}

/* [sectTtl] ----------*/
/* [sectTtl01] */
	.sectTtl01 {
		margin-bottom: 30px;
		font-size: 1.8rem;
	}
	.sectTtl01::after {
		bottom: -10px;
		width: 23px;
	}
/* [sectTtl02] */
	.sectTtl02 {
		margin-bottom: 10px;
		padding-bottom: 8px;
		font-size: 1.4rem;
	}
	.sectTtl02 span {
		font-size: 1.8rem;
	}
/* [sectTtl03] */
.sectTtl03 {
	margin-bottom: 30px;
	font-size: 1.8rem;
}
.sectTtl03::after {
	bottom: -10px;
	width: 23px;
}
}

/*
======= 2: paragraph =======
*/

/*
======= 3: list =======
*/
/*---- ul ----*/
ul {
	padding: 0;
	list-style: none;
}
/* [listAnchor] ----------*/
ul.listAnchor {
	margin-bottom: 30px;
	padding: 10px 0;
	text-align: center;
	letter-spacing: -0.4em;
	border: 2px solid #0E73D9;
	background: #FFF;
}
:not(#breadcrumbs) + ul.listAnchor {
	margin-top: 50px;
}
ul.listAnchor li {
	display: inline-block;
	letter-spacing: normal;
}
ul.listAnchor li + li::before {
	content: "/";
	display: inline-block;
	margin: auto 10px;
}
/* [listCheckPt] ----------*/
.listCheckPt {
	margin-bottom: 15px;
}
.listCheckPt.clrEndLine {
	margin-bottom: 0;
}
/**/
.listCheckPt li {
	position: relative;
	padding: 13px 0 13px 20px;
	font-size: 1.4rem;
	border-bottom: 1px dashed #CCC;
}
.listCheckPt li::before {
	content: "";
	position: absolute;
	top: 2.2rem;
	left: 2px;
	width: 6px;
	height: 6px;
	border: 2px solid #1077D7;
	border-radius: 100%;
}
.listCheckPt.clrEndLine li:last-child {
	border-bottom: none;
}
.listCheckPt li strong {
	color: #1077D7;
}

@media screen and (max-width:768px) {
	:not(#breadcrumbs) + ul.listAnchor {
		margin-top: 30px;
	}
/* [listCheckPt] ----------*/
	.listCheckPt {
		margin-bottom: 15px;
	}
	.listCheckPt.clrEndLine {
		margin-bottom: 0;
	}
/**/
	.listCheckPt li {
		padding: 10px 0 10px 20px;
		font-size: inherit;
	}
	.listCheckPt li::before {
		content: "";
		position: absolute;
		top: 1.5rem;
		left: 2px;
		width: 6px;
		height: 6px;
		border: 2px solid #1077D7;
	}
}
/*---- ol ----*/
ol {
	margin-left: 1.8em;
}

/*
======= 4: table,box =======
*/
/* [tblType01] ----------*/
.tblType01 {
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.tblType01 th,
.tblType01 td {
	padding: 10px 20px;
	text-align: left;
	border-top: 1px solid #CCC;
}
.tblType01 th {
	color: #0E73D9;
	width: 220px;
	font-weight: normal;
	vertical-align: top;
	background: #EEE;
	box-sizing: border-box;
}
/**/
.tblType01 p + p {
	margin-top: 1em;
}
/* [tblType02] ----------*/
.tblType02 {
	width: 100%;
	border: 1px solid #DDD;
	border-collapse: collapse;
}
.tblType02 th,
.tblType02 td {
	padding: 10px 20px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #DDD;
}
.tblType02 th {
	width: 270px;
	font-weight: normal;
	background: #EEE;
	box-sizing: border-box;
}
/**/
.tblType02 p + p {
	margin-top: 1em;
}

*/
/* [tblType03] ----------*/
.tblType03 {
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.tblType03 th,
.tblType03 td {
	padding: 10px 20px;
	text-align: left;
	border-top: 1px solid #CCC;
}
.tblType03 th {
	color: #0E73D9;
	width: 200px;
	font-weight: normal;
	vertical-align: top;
	background: #EEE;
	box-sizing: border-box;
}
/**/
.tblType03 p + p {
	margin-top: 1em;
}

/* [sectBox] ----------*/
.sectBox01 {
	padding: 50px 0;
	background: #FFF;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
.sectBox01 + .sectBox01 {
	margin-top: 60px;
}
.sectBox01.ckpt,
.sectBox01.biz {
	position: relative;
}

/* [innerBox] ----------*/
.innerBox {
}

/* [sectInner] ----------*/
.sectInner {
	max-width: 980px;
	margin: auto;
	position: relative;
}
.d_paper {
position: absolute;
top:0;
left:0;
right: 0;
margin: auto;
display: block;
z-index: -1;
}


@media screen and (max-width:768px) {
/* [tblType01] ----------*/
	.tblType01 th,
	.tblType01 td {
		padding: 5px 10px;
	}
	.tblType01 th {
		width: 120px;
	}
/* [tblType02] ----------*/
	.tblType02 th,
	.tblType02 td {
		display: block;
		padding: 5px 10px;
		overflow: hidden;
		border: none;
		border-bottom: 1px solid #DDD;
	}
	.tblType02 th {
		width: auto;
	}
	.tblType02 tr:last-of-type td {
		border-bottom: none;
	}
/* [tblType03] ----------*/
.tblType03 th,
.tblType03 td {
	padding: 5px 10px;
}
.tblType03 th {
	width: 100px;
}
/* [sectBox] ----------*/
	.sectBox01 {
		padding: 10px 15px;
		background: #FFF;
		box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
	}
	.sectBox01 + .sectBox01 {
		margin-top: 25px;
	}
/* [innerBox] ----------*/
	.innerBox {
	}
/* [sectInner] ----------*/
	.sectInner {
	}
}
@media screen and (max-width:320px) {
/* [keyv] メインイメージ ----------*/
	#keyv {
	}
}

/* other --------------------- */
.left {
	float: left;
}
.right {
	float: right;
}

/*
======= 5: link =======
*/
a {
	color: inherit;
	text-decoration: none;
}
/* [linkLine] ----------*/
a.linkLine,
#breadcrumbs a,
.listAnchor a,
.fNavi01 a,
.postContent a:not([class]) {
	position: relative;
	display: inline-block;
	transition: color 0.3s;
}
.listAnchor a:hover,
.postContent a:not([class]) {
	color: #0E73D9;
}
a.linkLine::before,
#breadcrumbs a::before,
.listAnchor a::before,
.fNavi01 a::before,
.postContent a:not([class])::before {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 0;
	height: 1px;
	background: #0E73D9;
	transition: all 0.3s;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.fNavi01 a::before {
	bottom: 0;
}
a.linkLine:hover::before,
#breadcrumbs a:hover::before,
.listAnchor a:hover::before,
.fNavi01 a:hover::before,
.postContent a:not([class]):hover::before {
	width: 100%;
}
/* [btnType01] ----------*/
.btnType01 {
	color: #FFF;
	position: relative;
	z-index: 1;
	display: inline-block;
	min-width: 260px;
	padding: 10px 50px 10px 20px;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	background: #0E73D9;
	box-sizing: border-box;
}
.btnType01::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #0D5FB9;
	transition: right 0.3s;
}
.btnType01:hover::before {
	right: 0;
}
.btnType01::after {
	color: #0E73D9;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	padding-left: 8px;
	font-family: FontAwesome;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	border-radius: 100%;
	background: #FFF;
	box-sizing: border-box;
	transform: translateY(-50%);
}
/* [btnType02] ----------*/
.btnType02 {
	color: #0E73D9;
	position: relative;
	z-index: 1;
	display: inline-block;
	min-width: 260px;
	padding: 8px 50px 8px 20px;
	overflow: hidden;
	text-align: left;
	border: 2px solid #0E73D9;
	border-radius: 3px;
	background: #FFF;
	box-sizing: border-box;
	transition: color 0.3s;
}
.btnType02:hover {
	color: #FFF;
}
.btnType02::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #0E73D9;
	transition: right 0.3s;
}
.btnType02:hover::before {
	right: 0;
}
.btnType02::after {
	color: #FFF;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	padding-left: 8px;
	font-family: FontAwesome;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	border-radius: 100%;
	background: #0E73D9;
	box-sizing: border-box;
	transition: all 0.3s;
	transform: translateY(-50%);
}
.btnType02:hover::after {
	color: #0E73D9;
	background: #FFF;
}
/* [btnType03] ----------*/
.btnType03 {
	color: #0E73D9;
	position: relative;
	z-index: 1;
	display: inline-block;
	min-width: 260px;
	padding: 12px 70px 12px 50px;
	overflow: hidden;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	border: 4px solid #0E73D9;
	background: #FFF;
	box-sizing: border-box;
	transition: color 0.3s;
}
.btnType03:hover {
	color: #FFF;
}
.btnType03::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #0E73D9;
	transition: right 0.3s;
}
.btnType03:hover::before {
	right: 0;
}
.btnType03::after {
	color: #FFF;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	padding-left: 8px;
	font-family: FontAwesome;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	border-radius: 100%;
	background: #0E73D9;
	box-sizing: border-box;
	transform: translateY(-50%);
	transition: all 0.3s;
}
.btnType03:hover::after {
	color: #0E73D9;
	background: #FFF;
}
@media screen and (max-width:768px) {
/* [btnType01] ----------*/
	.btnType01 {
		padding: 5px 30px 5px 10px;
	}
	.btnType01::before {
		content: none;
	}
	.btnType01::after {
		right: 10px;
		width: 15px;
		padding-left: 6px;
		line-height: 15px;
		transition: none;
	}
	.btnType01:hover::after {
		color: #FFF;
		background: #0E73D9;
	}
/* [btnType02] ----------*/
	.btnType02 {
		padding: 3px 30px 3px 10px;
		transition: none;
	}
	.btnType02:hover {
		color: #0E73D9;
	}
	.btnType02::before {
		content: none;
	}
	.btnType02::after {
		right: 10px;
		width: 15px;
		padding-left: 6px;
		line-height: 15px;
		transition: none;
	}
	.btnType02:hover::after {
		color: #FFF;
		background: #0E73D9;
	}
/* [btnType03] ----------*/
	.btnType03 {
		padding: 4px 20px;
		font-size: 1.4rem;
		border: 3px solid #0E73D9;
		transition: none;
	}
	.btnType03:hover {
		color: #0E73D9;
	}
	.btnType03::before {
		content: none;
	}
	.btnType03::after {
		right: 10px;
		width: 15px;
		padding-left: 6px;
		font-size: 1.2rem;
		line-height: 15px;
		transition: none;
	}
	.btnType03:hover::after {
		color: #FFF;
		background: #0E73D9;
	}
}

/*
======= 6: others =======
*/
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}


/* [object-fit-img] */
.object-fit-img {
	object-fit: cover;
	font-family: "object-fit: cover;";
}
/*----*/
.hidden {
	display: none;
}
/*----*/
.viewPC {
	display: block !important;
}
.viewPC_inb {
	display: inline-block !important;
}
.viewSP,
.viewSP_inb {
	display: none !important;
}
/*---*/
.ancPt {
	margin-top: -140px;
	padding-top: 140px;
}
/*----*/
.annotation {
	font-size: 1.2rem;
}
.annotationBox {
	padding: 10px 20px;
	font-size: 1.3rem;
	background: #EEE;
}

/* [form parts] ----------*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	padding: 10px 10px;
	font-size: 1.6rem;
	border: 1px solid #B9B9C8;
	transition: border-color 0.3s;
	box-sizing: border-box;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
	border-color: #0E73D9;
}

@media screen and (max-width:768px) {
	.viewPC,
	.viewPC_inb {
		display: none !important;
	}
	.viewSP {
		display: block !important;
	}
	.viewSP_inb {
		display: inline-block !important;
	}
/*----*/
	.ancPt {
		margin-top: -70px;
		padding-top: 70px;
	}
/*----*/
	.annotation {
		font-size: 1rem;
	}
}

/* [hoverTxt] ホバー時 左から右に文字色が変わる ----------*/
.hoverTxt01 {
	color: inherit;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-align: left;
}
.hoverTxt01::after {
	color: #E94626;
	content: '' attr(data-hover-label) '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	overflow: hidden;
	transition: width 0.3s;
}
.hoverTxt01:hover::after {
	width: 100%;
}
@media screen and (max-width:768px) {
	.hoverTxt01::after {
		content: none;
	}
	.hoverTxt01:hover::after {
		width: 0;
	}
}
/* [iconCheckPt] 「CHECKPOINT」マーク用 --------------------- */
.iconCheckPt {
	color: #FFF;
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 0;
	width: 130px;
	height: 90px;
	padding-top: 10px;
	overflow: hidden;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
}
.iconCheckPt::after {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	z-index: -1;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	background: #1077D7;
	transform: translateX(-50%) rotate(-45deg);
}
.iconCheckPt i {
	display: block;
	font-size: 2rem;
	font-weight: normal;
}
@media screen and (max-width:768px) {
/* [iconCheckPt] 「CHECKPOINT」マーク用 --------------------- */
	.iconCheckPt {
		right: 15px;
		width: 65px;
		height: 45px;
		padding-top: 5px;
		font-size: 0.8rem;
	}
	.iconCheckPt::after {
		top: -10px;
		width: 45px;
		height: 45px;
		border-radius: 2px;
	}
	.iconCheckPt i {
		display: block;
		font-size: 1.3rem;
		font-weight: normal;
	}
}

/* [line] --------------------- */
.line01 { /* 実線 */
	border: 1px solid #DDD;
}
/* [atten] --------------------- */
.atten01 {
	color: #0C72D8;
}
/* [fs] 文字サイズ変更 --------------------- */
.f10 { font-size: 1rem !important; }
.f11 { font-size: 1.1rem !important; }
.f12 { font-size: 1.2rem !important; }
.f13 { font-size: 1.3rem !important; }
.f14 { font-size: 1.4rem !important; }
.f15 { font-size: 1.5rem !important; }
.f16 { font-size: 1.6rem !important; }
.f17 { font-size: 1.7rem !important; }
.f18 { font-size: 1.8rem !important; }
.f20 { font-size: 2rem !important; }
.f22 { font-size: 2.2rem !important; }
.f24 { font-size: 2.4rem !important; }
.f26 { font-size: 2.6rem !important; }
.f28 { font-size: 2.8rem !important; }
.f30 { font-size: 3rem !important; }

/* [ff] フォントファミリー設定 --------------------- */
.ff_oswald {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
/* [fw] 太字設定 --------------------- */
.fwBold { font-weight: bold; }
.fw600 { font-weight: 600; }

/*----*/
.note {
	padding-left: 1em;
	text-indent: -1em;
}
/*----*/
.align_l {
	text-align: left;
}
.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}
/*----*/
.clear {
	clear: both;
	height: auto;
}
/*----*/
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt25, .mv25, .ma25 { margin-top:    25px !important; }
.mr25, .mh25, .ma25 { margin-right:  25px !important; }
.mb25, .mv25, .ma25 { margin-bottom: 25px !important; }
.ml25, .mh25, .ma25 { margin-left:   25px !important; }
.pt25, .pv25, .pa25 { padding-top:   25px !important; }
.pr25, .ph25, .pa25 { padding-right: 25px !important; }
.pb25, .pv25, .pa25 { padding-bottom:25px !important; }
.pl25, .ph25, .pa25 { padding-left:  25px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt50, .mv50, .ma50 { margin-top:    50px !important; }
.mr50, .mh50, .ma50 { margin-right:  50px !important; }
.mb50, .mv50, .ma50 { margin-bottom: 50px !important; }
.ml50, .mh50, .ma50 { margin-left:   50px !important; }
.ml55, .mh55, .ma55 { margin-left:   55px !important; }
.mt60, .mv60, .ma60 { margin-top:    60px !important; }
.mr60, .mh60, .ma60 { margin-right:  60px !important; }
.mb60, .mv60, .ma60 { margin-bottom: 60px !important; }
.ml60, .mh60, .ma60 { margin-left:   60px !important; }
.mt90, .mv90, .ma90 { margin-top:    90px !important; }
.mr90, .mh90, .ma90 { margin-right:  90px !important; }
.mb90, .mv90, .ma90 { margin-bottom: 90px !important; }
.ml90, .mh90, .ma90 { margin-left:   90px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }

/*---- clearfix ----*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:'';
    display:table;
}
.cf:after { clear:both; }
/* For IE 7 (trigger hasLayout) */
.cf { zoom:1; }
/* clearfix end */

.align_img_c{
	margin: auto;
}