@charset "utf-8";
/*===============================================
padding
===============================================*/

/*---------------
no
---------------*/
.noPadding{ padding: 0 !important; }
.noPad-T{ padding-top: 0 !important; }
.noPad-B{ padding-bottom: 0 !important; }
.noPad-L{ padding-left: 0 !important; }
.noPad-R{ padding-right: 0 !important; }


/*---------------
padding
---------------*/
.pad-xs{ padding:30px !important; }
.pad-s{ padding:60px !important; }
.pad-m{ padding:90px !important; }
.pad-l{ padding:120px !important; }
.pad-xl{ padding:150px !important; }



/*---------------
padding-top
---------------*/
.pad-T-xs{ padding-top:30px !important; }
.pad-T-s{ padding-top:60px !important; }
.pad-T-m{ padding-top:90px !important; }
.pad-T-l{ padding-top:120px !important; }
.pad-T-xl{ padding-top:150px !important; }

/*---------------
padding-bottom
---------------*/
.pad-B-xs{ padding-bottom:30px !important; }
.pad-B-s{ padding-bottom:60px !important; }
.pad-B-m{ padding-bottom:90px !important; }
.pad-B-l{ padding-bottom:120px !important; }
.pad-B-xl{ padding-bottom:150px !important; }

/*---------------
padding-TB
---------------*/
.pad-TB-xs{ padding-top:30px !important; padding-bottom:30px !important; }
.pad-TB-s{ padding-top:60px !important; padding-bottom:60px !important; }
.pad-TB-m{ padding-top:90px !important; padding-bottom:90px !important; }
.pad-TB-l{ padding-top:120px !important; padding-bottom:120px !important; }
.pad-TB-xl{ padding-top:150px !important; padding-bottom:150px !important; }

/*---------------
paddingLR
---------------*/
.pad-LR-xs{ padding-left:15px !important; padding-right:15px !important; }
.pad-LR-s{ padding-left:30px !important; padding-right:30px !important; }
.pad-LR-m{ padding-left:45px !important; padding-right:45px !important; }
.pad-LR-l{ padding-left:60px !important; padding-right:60px !important; }
.pad-LR-xl{ padding-left:75px !important; padding-right:75px !important; }

/*---------------
padding-left
---------------*/
.pad-L-sss{ padding-left:5px !important; }
.pad-L-xs{ padding-left:15px !important; }
.pad-L-s{ padding-left:30px !important; }
.pad-L-m{ padding-left:45px !important; }
.pad-L-l{ padding-left:60px !important; }
.pad-L-xl{ padding-left:75px !important; }

/*---------------
padding-right
---------------*/
.pad-R-sss{ padding-right:5px !important; }
.pad-R-xs{ padding-right:15px !important; }
.pad-R-s{ padding-right:30px !important; }
.pad-R-m{ padding-right:45px !important; }
.pad-R-l{ padding-right:60px !important; }
.pad-R-xl{ padding-right:75px !important; }





/*===============================================
margin
===============================================*/

/*---------------
no
---------------*/
.noMargin{ margin: 0 !important; }
.noMar-T{ margin-top: 0 !important; }
.noMar-B{ margin-bottom: 0 !important; }
.noMar-L{ margin-left: 0 !important; }
.noMar-R{ margin-right: 0 !important; }

/*---------------
marginAll
---------------*/
.mar-xs{ margin:30px !important; }
.mar-s{ margin:60px !important; }
.mar-m{ margin:90px !important; }
.mar-l{ margin:120px !important; }
.mar-xl{ margin:150px !important; }


/*---------------
margin-top
---------------*/
.mar-T-xs{ margin-top:30px !important; }
.mar-T-s{ margin-top:60px !important; }
.mar-T-m{ margin-top:90px !important; }
.mar-T-l{ margin-top:120px !important; }
.mar-T-xl{ margin-top:150px !important; }

/*---------------
margin-bottom
---------------*/
.mar-B-xs{ margin-bottom:30px !important; }
.mar-B-s{ margin-bottom:60px !important; }
.mar-B-m{ margin-bottom:90px !important; }
.mar-B-l{ margin-bottom:120px !important; }
.mar-B-xl{ margin-bottom:150px !important; }

/*---------------
margin-LR
---------------*/
.mar-LR-xs{ margin-left:15px !important; margin-right:15px !important; }
.mar-LR-s{ margin-left:30px !important; margin-right:30px !important; }
.mar-LR-m{ margin-left:45px !important; margin-right:45px !important; }
.mar-LR-l{ margin-left:60px !important; margin-right:60px !important; }
.mar-LR-xl{ margin-left:75px !important; margin-right:75px !important; }


/*---------------
margin-left
---------------*/
.mar-L-xs{ margin-left:15px !important; }
.mar-L-s{ margin-left:30px !important; }
.mar-L-m{ margin-left:45px !important; }
.mar-L-l{ margin-left:60px !important; }
.mar-L-xl{ margin-left:75px !important; }

/*---------------
margin-right
---------------*/
.mar-R-xs{ margin-right:15px !important; }
.mar-R-s{ margin-right:30px !important; }
.mar-R-m{ margin-right:45px !important; }
.mar-R-l{ margin-right:60px !important; }
.mar-R-xl{ margin-right:75px !important; }

/*---------------
margin-minus
---------------*/
.mar-T-minus{ margin-top: -12%; }


/*===============================================
for sp
===============================================*/
@media screen and (max-width: 991px) {
	/*===============================================
	padding
	===============================================*/

	/*---------------
	no
	---------------*/
	.noPadding{ padding: 0 !important; }
	.noPad-T{ padding-top: 0 !important; }
	.noPad-B{ padding-bottom: 0 !important; }
	.noPad-L{ padding-left: 0 !important; }
	.noPad-R{ padding-right: 0 !important; }


	/*---------------
	padding
	---------------*/
	.pad-xs{ padding:10px !important; }
	.pad-s{ padding:20px !important; }
	.pad-m{ padding:30px !important; }
	.pad-l{ padding:60px !important; }
	.pad-xl{ padding:80px !important; }



	/*---------------
	padding-top
	---------------*/
	.pad-T-xs{ padding-top:10px !important; }
	.pad-T-s{ padding-top:20px !important; }
	.pad-T-m{ padding-top:30px !important; }
	.pad-T-l{ padding-top:60px !important; }
	.pad-T-xl{ padding-top:80px !important; }

	/*---------------
	padding-bottom
	---------------*/
	.pad-B-xs{ padding-bottom:10px !important; }
	.pad-B-s{ padding-bottom:20px !important; }
	.pad-B-m{ padding-bottom:30px !important; }
	.pad-B-l{ padding-bottom:60px !important; }
	.pad-B-xl{ padding-bottom:80px !important; }

	/*---------------
	padding-TB
	---------------*/
	.pad-TB-xs{ padding-top:10px !important; padding-bottom:30px !important; }
	.pad-TB-s{ padding-top:20px !important; padding-bottom:60px !important; }
	.pad-TB-m{ padding-top:30px !important; padding-bottom:90px !important; }
	.pad-TB-l{ padding-top:60px !important; padding-bottom:120px !important; }
	.pad-TB-xl{ padding-top:80px !important; padding-bottom:150px !important; }

	/*---------------
	paddingLR
	---------------*/
	.pad-LR-xs{ padding-left:5px !important; padding-right:5px !important; }
	.pad-LR-s{ padding-left:10px !important; padding-right:10px !important; }
	.pad-LR-m{ padding-left:15px !important; padding-right:15px !important; }
	.pad-LR-l{ padding-left:30px !important; padding-right:30px !important; }
	.pad-LR-xl{ padding-left:40px !important; padding-right:40px !important; }

	/*---------------
	padding-left
	---------------*/
	.pad-L-xs{ padding-left:5px !important; }
	.pad-L-s{ padding-left:10px !important; }
	.pad-L-m{ padding-left:15px !important; }
	.pad-L-l{ padding-left:30px !important; }
	.pad-L-xl{ padding-left:40px !important; }

	/*---------------
	padding-right
	---------------*/
	.pad-R-xs{ padding-right:5px !important; }
	.pad-R-s{ padding-right:10px !important; }
	.pad-R-m{ padding-right:15px !important; }
	.pad-R-l{ padding-right:30px !important; }
	.pad-R-xl{ padding-right:40px !important; }





	/*===============================================
	margin
	===============================================*/

	/*---------------
	no
	---------------*/
	.noMargin{ margin: 0 !important; }
	.noMar-T{ margin-top: 0 !important; }
	.noMar-B{ margin-bottom: 0 !important; }
	.noMar-L{ margin-left: 0 !important; }
	.noMar-R{ margin-right: 0 !important; }

	/*---------------
	marginAll
	---------------*/
	.mar-xs{ margin:10px !important; }
	.mar-s{ margin:20px !important; }
	.mar-m{ margin:30px !important; }
	.mar-l{ margin:60px !important; }
	.mar-xl{ margin:80px !important; }


	/*---------------
	margin-top
	---------------*/
	.mar-T-xs{ margin-top:10px !important; }
	.mar-T-s{ margin-top:20px !important; }
	.mar-T-m{ margin-top:30px !important; }
	.mar-T-l{ margin-top:60px !important; }
	.mar-T-xl{ margin-top:80px !important; }

	/*---------------
	margin-bottom
	---------------*/
	.mar-B-xs{ margin-bottom:10px !important; }
	.mar-B-s{ margin-bottom:20px !important; }
	.mar-B-m{ margin-bottom:30px !important; }
	.mar-B-l{ margin-bottom:60px !important; }
	.mar-B-xl{ margin-bottom:80px !important; }

	/*---------------
	margin-LR
	---------------*/
	.mar-LR-xs{ margin-left:5px !important; margin-right:5px !important; }
	.mar-LR-s{ margin-left:10px !important; margin-right:10px !important; }
	.mar-LR-m{ margin-left:15px !important; margin-right:15px !important; }
	.mar-LR-l{ margin-left:30px !important; margin-right:30px !important; }
	.mar-LR-xl{ margin-left:40px !important; margin-right:40px !important; }


	/*---------------
	margin-left
	---------------*/
	.mar-L-xs{ margin-left:5px !important; }
	.mar-L-s{ margin-left:10px !important; }
	.mar-L-m{ margin-left:15px !important; }
	.mar-L-l{ margin-left:30px !important; }
	.mar-L-xl{ margin-left:40px !important; }

	/*---------------
	margin-right
	---------------*/
	.mar-R-xs{ margin-right:5px !important; }
	.mar-R-s{ margin-right:10px !important; }
	.mar-R-m{ margin-right:15px !important; }
	.mar-R-l{ margin-right:30px !important; }
	.mar-R-xl{ margin-right:40px !important; }

	/*---------------
	margin-minus
	---------------*/
	.mar-T-minus{ margin-top: -6%; }
}



/*===============================================
position
===============================================*/

.pos-TR{ position: absolute; top: 0; right: 0; }
.pos-TL{ position: absolute; top: 0; left: 0; }
.pos-BR{ position: absolute; bottom: 0; right: 0; }
.pos-BL{ position: absolute; bottom: 0; left: 0; }


/*===============================================
z-index
===============================================*/
.z-index-1{ position:relative; z-index: 1 !important; }
.z-index-2{ position:relative; z-index: 2 !important; }
.z-index-3{ position:relative; z-index: 3 !important; }
.z-index-4{ position:relative; z-index: 4 !important; }
.z-index-5{ position:relative; z-index: 5 !important; }
.z-index-6{ position:relative; z-index: 6 !important; }
.z-index-7{ position:relative; z-index: 7 !important; }
.z-index-8{ position:relative; z-index: 8 !important; }
.z-index-9{ position:relative; z-index: 9 !important; }
.z-index-10{ position:relative; z-index: 10 !important; }
.z-index-max{ position:relative; z-index: 999999 !important; }

/*===============================================
display
===============================================*/
.dis-none{ display:none;}
.dis-block{ display:block;}
.dis-inline{ display:inline;}
.dis-inlineblock{ display:inline-block;}

/*===============================================
border
===============================================*/

/*---------------
no
---------------*/
.noBorder{ border: none !important; }
.noBottomLine{ border-bottom: none!important; }
.noBottomLine:before,.noBottomLine:after{ display: none !important; }


/*---------------
line partial
---------------*/
.line{border:1px solid #dedede !important;}
.line--left{ border-left: 1px solid #dedede !important; }
.line--right{ border-right: 1px solid #dedede !important; }
.line--top{ border-top: 1px solid #dedede !important; }
.line--bottom{ border-bottom: 1px solid #dedede !important; }


/*---------------
line dash
---------------*/
.line--dash{
	margin-top: 38.49%;
	margin-bottom: -10%;
	border-top: 2px dashed #dedede;
	position: relative;
	z-index: -1;
}
.line--dash-corner{
	margin-top: 33.7%;
}
.line--dash-L{
	-webkit-transform : rotate(30deg) ;
	transform : rotate(30deg) ;
	-webkit-transform-origin : right bottom ;
	transform-origin : right bottom ;
}
.line--dash-R{
	-webkit-transform : rotate(330deg) ;
	transform : rotate(330deg) ;
	-webkit-transform-origin : left top ;
	transform-origin : left top ;
}
/*---------------
txt align
---------------*/
.align--left{ float: left !important; }
.align--right{ float: right !important; }
img.align--left{ padding-right: 20px !important;}
img.align--right{ padding-left: 20px !important;}