@charset "utf-8";
:root {
  --main-color: #37419a;
  --hover-color: #A9DFED;
  --active-color: #4D66B1;
  --cg--gray:#575757;
  --right--gray:#DADADA;
}
video {
width:100%;
  &--filter {
    filter: drop-shadow(0px 0px #000);
  }
}
.border{
  border:1px solid var(--right--gray);
}
.my-small{
	font-size: 0.8em;
	margin-right: 5px;
}
.bg_gray{
  background-color: #575757;
}
.bg_red{
  background-color: #763626;
}
.bg_navy{
  background-color: #37419a;
}
.bg_sky{
  background-color: #84c0e9;
}
.bg_green{
  background-color: #336b87;
}
.bg_orange{
  background-color: #F2B16A;
}
.al-r{
  text-align:right;
}
.al-c{
  text-align:center;
}
.al-l{
  text-align:left;
}
.mt_10{
  margin-top:10px;
}
.mt_80{
  margin-top:80px;
}
.ml_20{
  margin-left:20px;
}
.mr_30{
  margin-right:30px;
}
.pt_60{
  padding-top:60px;
}
.w_90p{
  width:90%;
  margin:auto 5%;
}
.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 2px;
  left: 0;
  transform: rotate(45deg);
}
.shadow{
    box-shadow: 3px -5px 20px -3px rgba(0, 0, 0, .5);
}
.scroll{
  overflow: scroll;
}
.indent{
  text-indent: 1rem;
  margin:10px;
}
.ds_none{
  display:none !important;
}
@media screen and (max-width:599px) {
  .hb_none{
    display:none !important;
  }
  .ds_none{
    display:block !important;
  }
  img.w_100{
  	width:100%;
  	}
  
}