@charset "UTF-8";

/* clear styles */

*, *::before, *::after {
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
address {
	font-style: inherit;
}
/*
@media(min-width: 991px){
	html {
		margin-left: calc(100vw - 100%);
		margin-right: 0;
	}
}
*/
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{
	font-weight:800;	
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
:focus{
	outline: none;
}


.d-flex {
	display: flex;
}
.d-block {
	display: block;
}
.d-block-important {
	display: block !important;	
}
.d-inline{
	display: inline;	
}
.d-inline-block{
	display: inline-block;
}
.d-inline-flex{
	display: inline-flex;
}
.d-none {
	display: none;
}
.d-none-important {
	display: none !important;
}
.flex-column{
	flex-direction: column;
}
.flex-row {
	flex-direction: row;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.center{
	text-align: center;
}
.center-important {
	text-align: center!important;	
}
.right {
	text-align: right;
}

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

.left {
	text-align: left;
}

.left-important {
	text-align: left!important;	
}

.w100{
	width: 100%;
}

.mw600{
	max-width: 600px;
}

.overflow-hidden{
	overflow: hidden;
}

.overflow-scroll{
	overflow-y: scroll;
}

.show{
	display: block !important;
}

.pointer {
	cursor: pointer;
}

.vertical-top {
	vertical-align: top;
}

.vertical-middle {
	vertical-align: middle;
}

.vertical-baseline {
	vertical-align: baseline;	
}

.underline{
	text-decoration:underline !important;
}

.unselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	pointer-events: none;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.justify-content-center{
	justify-content:center !important;
}


/*** font-size **/

.fz6{
	font-size:6px;
}
.fz7{
	font-size:7px;
}
.fz8{
	font-size:8px;
}
.fz9{
	font-size:9px;
}
.fz10{
	font-size:10px;
}
.fz11{
	font-size:11px;
}
.fz12{
	font-size:12px; 
}
.fz13{
	font-size:13px;
}
.fz14{
	font-size:14px;
}
.fz15{
	font-size:15px;
}
.fz16{
	font-size:16px;
}
.fz17{
	font-size:17px;
}
.fz18{
	font-size:18px;
}
.fz19{
	font-size:19px;
}
.fz20{
	font-size:20px;
}
.fz21{
	font-size:21px;
}
.fz22{
	font-size:22px;
}
.fz23{
	font-size:23px;
}
.fz24{
	font-size:24px;
}
.fz25{
	font-size:25px;
}