@charset "UTF-8";
:root{
  --theme_bup : #164A84;
  --theme_haken : #9E2730;
  --theme_douga : #e40056;
}
#base{
  width: 1220px;
}
.mainContainer{
  display: flex;
  justify-content: space-between;
}
.wrapper{
  width:730px;
  order:1;
}
.submenu{width: 200px;}
.submenu--solutionBase{order: 0;}
.submenu--themeTag{order: 2;}
.l_mainContents {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.l_mainContents span + span {display: initial;}
@media (max-width: 768px) {
  #base{width: 100%;}
  .wrapper{width:100%;}
  .submenu{display:none;}
  .l_mainContents {font-size: 16px;}
  .mainContainer img {
    width: auto;
    margin: 0;
    display: inherit;
  }
}
/* ----------------------------------------------------------
	module
---------------------------------------------------------- */
/* head
__________*/
.entry_head .entry_head_detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.entry_head .entry_head_cat {
  display: inline-block;
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid #333;
  border-radius: 4px;
}
#malmagaTitle {
  color: #FFFFFF;
  background-color: #E91046;
  margin: 9px auto 0;
  max-width: 500px;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 5px;
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
  line-height: 20px;
}
.entry_head .entry_head_ttl {
  margin-top: 20px;
  color: #333;
  font-size: 26px;
  font-weight: 700;
}
.entry_head .entry_head_time {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}
.entry_head_author_txt{
  font-size: 14px;
  word-break: keep-all;
  text-align: right;
}
@media (max-width: 768px) {
  .entry_head .entry_head_ttl {
    margin: 20px 0 0;
    padding: 0;
    font-size: 24px;
    background-color: transparent;
  }
}

/*  Social Button */
.socialBtnCont {}
.socialBtnCont > p {
  font-size: 12px;
  font-weight: 400;
}
.socialBtn {
  display: flex;
  justify-content: right;
}
.socialBtn_item{
  line-height: 1;
}
.socialBtn > li + li {
  margin-left: 10px;
}
.socialBtn > li.socialLineBtn {
  transition: .3s;
}
.socialBtn > li.socialLineBtn:hover {
  opacity: .6;
}
.socialBtn_btn { 
  display: inline-block;
  height: 24px;
  position: relative;
  transition: .3s;
  vertical-align: middle;
  width: 24px;
  z-index: 1;
}
.socialBtn_icon {
  display: inline-block;
  height: 24px;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  z-index: 2;
}
.socialBtn_icon.twi{
  background-color: #000;
  border-radius: 50%;
}
.socialBtn_icon::before{
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  background-size: contain;
  vertical-align: text-top;
}
.socialBtn_btn.twi:hover, .socialBtn_btn.fb:hover, .socialBtn_btn.inst:hover, .socialBtn_btn.blog:hover {
  opacity: .6;
}
.socialBtn_icon.twi::before {
  background-image: url(/resource/img/contents/x_icon_2501.png);
  width: 13px;
  height: 13px;
  background-position: center;
  top: 5px;
  left: 5px;
  position: relative;
}
.socialBtn_icon.fb::before {
  background-image: url(/resource/img/contents/facebook_icon_2501.png);
}
.socialBtn_icon.inst::before {
  content: url(../../img/contents/Instagram_white.svg);
}
.socialBtn_icon.blog::before {
  content: url(../../img/contents/hatenabookmark-logomark.svg);
  height: 24px;
  width: 24px;
}
.facebook-wrapper {
  max-width: 500px;
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
  width: 100% !important;
}

/* MV */
.entry_mv_img {
  margin: 10px auto 10px;
  line-height: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .entry_mv_img {
    margin: 10px auto;
  }
  .header_img img{
    margin: auto;
  }
  #mailPhoto img{
    margin: auto;
  }
}
.mailTtl{
  color: #666;
  margin-top: 3px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}
/* 目次上文章
__________*/
.entry_mv_txt + .entry_mv_txt{
  margin-top: 20px;
}

/* 目次
__________*/
.entry_toc {
  margin-top: 20px;
  padding: 20px;
  background-color: #f4f9ff;
}
.entry_toc .entry_toc_nav_itm > *:not(.entry_toc_nav_inrLst) {
  position: relative;
  display: inline-block;
  padding-left: 1.2em;
  font-weight: 700;
}
.entry_toc .entry_toc_nav_itm + .entry_toc_nav_itm {
  margin-top: 5px;
}
.entry_toc .entry_toc_nav_itm > a {
  color: #052674;
}
.entry_toc .entry_toc_nav_itm > *:not(.entry_toc_nav_inrLst)::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 10px;
  left: 0;
  border-top: 1px solid #052674;
  border-right: 1px solid #052674;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.entry_toc .entry_toc_nav_inrLst {
  display: block;
  margin-top: 5px;
  padding-left: 1.2em;
}
.entry_toc .entry_toc_nav_inrLst_itm {
  font-size: 14px;
  font-weight: 700;
}
@media (any-hover: hover) {
  .entry_toc .entry_toc_nav_itm a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .entry_toc {
    margin-top: 20px;
    padding: 15px;
  }
}

/* 本文部分
__________*/

/* レイアウト */
.entry_sec {
  margin-top: 45px;
}
.entry_sec_itm {
  margin-top:50px;
}
.entry_sec * + p {
  margin-top: 1.5em;
}
.entry_sec .entry_sec_grid * + p{
  margin-top: 0.5em;
}

/* 区切り線 */
.entry_horizontal_rule{
  margin: 30px 0;
  border-top: 1px solid #C2C2C2;
}

/* ２段組み・３段組みカラム */
.entry_sec * + .entry_sec_grid{
  margin-top: 1.5em;
}
.entry_sec_grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  &:has(.entry_sec_grid_2col){
    row-gap: 20px;
    &:after{
      display: block;
      content:"";
      width:calc(100% / 2 - 10px);
    }
  }
  &:has(.entry_sec_grid_3col){
    row-gap: 16px;
    &:after{
      display: block;
      content:"";
      width:calc(100% / 3 - 8px);
    }
  }
}
.entry_sec_grid_2col{
  width:calc(100% / 2 - 10px);
}
.entry_sec_grid_3col{
  width:calc(100% / 3 - 8px);
}
@media (max-width: 599px) {
  .entry_sec_grid{
    &:has(.entry_sec_grid_2col){
      row-gap: 1.5em;
      &:after{content:none;}
    }
    &:has(.entry_sec_grid_3col){
      row-gap: 1.5em;
      &:after{content:none;}
    }
  }
  .entry_sec_grid_2col,
  .entry_sec_grid_3col{
    width: 100%;
  }
}

/* ダウンロード */
.entry_sec_dl_imgCont{
  width: calc(30% - 10px);
  @media (max-width: 599px) {
    width:100%;
  }
}
.entry_sec_dl_imgCont .entry_sec_imgMain{
  width:100%;
  height: auto;
}
.entry_sec_dl_actionCont{
  width: calc(70% - 10px); 
  @media (max-width: 599px) {
    width:100%;
    margin-top:0.5em;
  }
}
.entry_sec_btn{
  text-align: center;
  margin-top: 0.5em;
}
.entry_sec_btn_target{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  transition: .3s opacity;
  padding: 5px 20px;
  border-color: #E5002D;
  box-shadow: 3px 3px 10px rgba(158, 39, 48, .16);
}
.entry_sec_btn_target-widthMax{
  width: 100%;
}

/* 見出し */
.entry_sec h2:not(.entry_aside_ttl) {
  padding: 10px;
  font-size: 22px;
  line-height: 1.45;
  border: none;
  background-color: #f5f5f5;
}
.entry_sec h3 {
  padding: 8px 0;
  font-size: 18px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* 画像リンク */
.entry_sec .entry_sec_img {
  line-height: 0;
  text-align: center;
}
.entry_sec .entry_sec_imgLink{
  text-align: center;
}
.entry_sec .entry_sec_imgLink:hover{
  opacity: .7;
}
.entry_sec_imgMain{max-width: 100%;}
.entry_sec_grid_2col .entry_sec_imgMain,
.entry_sec_grid_3col .entry_sec_imgMain{
  width: 100%;
  height: auto;
}

/* 画像モーダル */
.entry_sec_modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.7);
  align-items: center;
  justify-content: center;
  animation: modalFadeIn 0.3s;
}
.entry_sec_modal img {
  max-width: 90%; 
  max-height: 100vh; 
  object-fit: contain; 
}
.js_clickable-modal:hover {
  cursor: zoom-in;
}
.entry_sec_modal img:hover {
  cursor: zoom-out;
}
@keyframes modalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes modalFadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}


/* 対話 */
.entry_sec .entry_sec_talk_itm {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.entry_sec .entry_sec_talk_ttl {
  flex-shrink: 0;
  padding-left: 0;
  color: #8f1e35;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.entry_sec .entry_sec_talk_ttl::after {
  content: "：";
  font-size: 18px;
  vertical-align: text-top;
}
.entry_sec .entry_sec_talk_cont {
  padding-left: 0;
}

/* 箇条書き */
.entry_sec .entry_sec_lst {
  margin-top: 1.5em;
}
.entry_sec .entry_sec_lst_itm {
  position: relative;
  padding-left: calc(0.6em + 10px);
  text-indent: calc((0.6em + 10px) * -1);
}
.entry_sec .entry_sec_lst_itm::before {
  content: "●";
  font-size: 0.6em;
  margin-right: 10px;
  vertical-align: middle;
}
.entry_sec .entry_sec_lst_itm-num{
  list-style-type: decimal;
  padding-left: 0;
  text-indent: 0;
}
.entry_sec .entry_sec_lst_itm-num:before{
  content: none;
}


/* 枠箱 */
.entry_sec .borderBox {
  padding: 20px;
  border: 1px solid #333;
}
.entry_sec * + .borderBox {
  margin-top: 1.5em;
}

/* 背景色 */
.entry_sec_bg{
  background-color: #f7f7f7;
  padding: 20px;
}

/* 表（table） */
.entry_sec * + .entry_sec_table{
  margin-top: 1.5em;
}
.entry_sec_table{
  border: 2px solid #333;
}
.entry_sec_thead{}
.entry_sec_tr{}
.entry_sec_th{}
.entry_sec_td{}

.entry_sec_th,
.entry_sec_td{
  border: 1px solid #333;
  padding: 8px 10px;
}

/* サンプル例 */
.entry_sec .sampleSheet {
  max-width: 500px;
  margin: auto;
  padding: 20px;
  border: 1px solid #333;
}
.entry_sec .sampleSheet p {
  font-size: 12px;
  line-height: 150%;
  word-wrap: break-word;
  word-break: break-all;
}
.entry_sec .sampleSheet .sample-six {
  padding: 0 30px;
  position: relative;
}
.entry_sec .sampleSheet .sample-six .sample-six_text {
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.entry_sec .sampleSheet .sample-six::after {
  content: "。";
  position: absolute;
  right: 20px;
  bottom: 0;
}
.entry_sec .sampleSheet .p_first {
  line-height: 300%;
}
.entry_sec .sampleSheet .p_second {
  line-height: 150%;
}

/* 関連系見出し */
.entry_sec .entry_aside_ttl {
  position: relative;
  padding-left: 0.7em;
  font-size: 26px;
  line-height: 1.3;
}
.entry_sec .entry_aside_ttl::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 0.3em;
  height: 1.4em;
  background-color: #333;
}
@media (max-width: 768px) {
  .entry_sec h2:not(.entry_aside_ttl) {
    font-size: 20px;
  }
  .entry_sec h3 {
    padding: 10px 0;
    font-size: 16px;
  }
  .entry_sec_imgMain{
    width: auto;
  }
  .entry_sec .entry_sec_talk_ttl::after {
    font-size: 16px;
  }
  .entry_sec .entry_sec_lst_itm {
    padding-left: calc(0.5em + 8px);
    text-indent: calc((0.5em + 8px) * -1);
  }
  .entry_sec .entry_sec_lst_itm::before {
    font-size: 0.5em;
    margin-right: 8px;
  }
  .entry_sec .entry_sec_lst_itm-num{
    list-style-type: decimal;
    padding-left: 0;
    text-indent: 0;
  }
  .entry_sec .entry_aside_ttl {
    font-size: 24px;
  }
}

/* 関連リンク
__________*/
.entry_relatedLink_lst .entry_relatedLink_lst_ttl {
  color: #333;
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont {
  position: relative;
  padding-left: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 0.5em;
  left: 0;
  border-top: 1px solid #052674;
  border-right: 1px solid #052674;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.entry_relatedLink_lst .entry_relatedLink_lst_cont + .entry_relatedLink_lst_cont {
  margin-top: 5px;
}
@media (any-hover: hover) {
  .entry_relatedLink_lst .entry_relatedLink_lst_cont a:hover {
    text-decoration: underline;
  }
}
/* 関連記事
__________*/
.entry_relatedArticle_lst .entry_relatedArticle_itm {
  display: flex;
  flex-direction: column;
  border: 1px solid #f7f7f7;
  transition: opacity 0.3s;
}
.entry_relatedArticle_lst .entry_relatedArticle_itm a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.entry_relatedArticle_lst .entry_relatedArticle_itm a:hover{
  text-decoration: none;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_cont {
  padding: 10px 10px 0;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_label {
  display: inline-block;
  padding: 2px 4px;
  font-size: 10px;
  border: 1px solid #333;
  border-radius: 4px;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_time {
  color: #ccc;
  font-size: 11px;
  font-weight: 700;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_ttl {
  display: block;
  margin-top: 10px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_txt {
  margin-top: 10px;
  color: #333;
  font-size: 12px;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_img img {
  width: 100%;
  aspect-ratio: 83 / 50;
  object-fit: cover;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_tagWrap {
  margin-top: auto;
  padding: 0 10px 10px;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_tagLst {
  margin-top: 15px;
}
.entry_relatedArticle_itm .entry_relatedArticle_itm_tag {
  display: inline-block;
  color: #9096a2;
  font-size: 11px;
  font-weight: 700;
  transition: color 0.2s;
}
@media (any-hover: hover) {
  .entry_relatedArticle_itm:hover {
    opacity: 0.5;
  }
}
@media (max-width: 768px) {
  .entry_relatedArticle_itm .entry_relatedArticle_itm_tagLst {
    margin-top: 20px;
  }
}
/* ページネーション
__________*/
.entry_pager{
  align-items: center;
}
.entry_pager_itm {
  position: relative;
  display: block;
  width: 100%;
  max-width: 380px;
}
.entry_pager_itm a {
  width: 100%;
  height: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #052674;
  transition: opacity 0.2s;
}
@media (any-hover: hover) {
  .entry_pager_itm:hover {
    opacity: 0.5;
  }
}
/*.p_mainContents__fotterList{
  display: none;
}*/
.l_mainContents + .pagelink{
  margin-top: 15px;
}
.l_mainContents + .pagelink a{
  margin-top: 15px;
  color: #FD5A02;
}  
/* ----------------------------------------------------------
	utility
---------------------------------------------------------- */
/*-- color --*/
.u_colorHaken{ color: var(--theme_haken)}
.u_colorBup{ color: var(--theme_bup)}
.u_colorDouga{ color: var(--theme_douga)}

/*-- Text Indent --*/
.u_indent {
  text-indent: -1em;
  padding-left: 1em;
}
/*-- Text Align --*/
.u_alignC {
  text-align: center;
}
.u_alignL {
  text-align: left;
}
.u_alignR {
  text-align: right;
}
/*-- md --*/
@media (max-width: 768px) {
  .u_alignC_md {
    text-align: center;
  }
  .u_alignL_md {
    text-align: left;
  }
  .u_alignR_md {
    text-align: right;
  }
}
/*-- sm --*/
@media (max-width: 599px) {
  .u_alignC_sm {
    text-align: center;
  }
  .u_alignL_sm {
    text-align: left;
  }
  .u_alignR_sm {
    text-align: right;
  }
}
/*-- Color --*/
.u_c_red {
  color: #f00;
}
/*-- link --*/
.u_link {
  color: #052674;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .u_link:hover {
    text-decoration: none;
  }
}
/*-- Font Size --*/
.u_fz40 {font-size: 40px;}
.u_fz38 {font-size: 38px;}
.u_fz36 {font-size: 36px;}
.u_fz34 {font-size: 34px;}
.u_fz32 {font-size: 32px;}
.u_fz30 {font-size: 30px;}
.u_fz28 {font-size: 28px;}
.u_fz26 {font-size: 26px;}
.u_fz24 {font-size: 24px;}
.u_fz22 {font-size: 22px;}
.u_fz20 {font-size: 20px;}
.u_fz18 {font-size: 18px;}
.u_fz16 {font-size: 16px;}
.u_fz15 {font-size: 15px;}
.u_fz14 {font-size: 14px;}
.u_fz13 {font-size: 13px;}
.u_fz12 {font-size: 12px;}
.u_fz11 {font-size: 11px;}
.u_fz10 {font-size: 10px;}
@media (max-width: 768px) {
  .u_fz30_md {font-size: 30px;}
  .u_fz28_md {font-size: 28px;}
  .u_fz26_md {font-size: 26px;}
  .u_fz24_md {font-size: 24px;}
  .u_fz22_md {font-size: 22px;}
  .u_fz20_md {font-size: 20px;}
  .u_fz18_md {font-size: 18px;}
  .u_fz16_md {font-size: 16px;}
  .u_fz15_md {font-size: 15px;}
  .u_fz14_md {font-size: 14px;}
  .u_fz13_md {font-size: 13px;}
  .u_fz12_md {font-size: 12px;}
  .u_fz11_md {font-size: 11px;}
  .u_fz10_md {font-size: 10px;}
}
@media (max-width: 599px) {
  .u_fz30_sm {font-size: 30px;}
  .u_fz28_sm {font-size: 28px;}
  .u_fz26_sm {font-size: 26px;}
  .u_fz24_sm {font-size: 24px;}
  .u_fz22_sm {font-size: 22px;}
  .u_fz20_sm {font-size: 20px;}
  .u_fz18_sm {font-size: 18px;}
  .u_fz16_sm {font-size: 16px;}
  .u_fz15_sm {font-size: 15px;}
  .u_fz14_sm {font-size: 14px;}
  .u_fz13_sm {font-size: 13px;}
  .u_fz12_sm {font-size: 12px;}
  .u_fz11_sm {font-size: 11px;}
  .u_fz10_sm {font-size: 10px;}
}
/*-- Font Weight --*/
.u_black {font-weight: 900;}
.u_bold {font-weight: 700;}
.u_semibold {font-weight: 600;}
.u_medium {font-weight: 500;}
.u_regular {font-weight: 400;}
.u_light {font-weight: 300;}
.u_exlight {font-weight: 200;}
.u_thin {font-weight: 100;}
/*-- Text Transform --*/
.u_tt_up {text-transform: uppercase;}
.u_tt_low {text-transform: lowercase;}
/*    Grid
=====================================================*/
.l_grid {
  display: -ms-grid;
  display: grid;
}
.l_grid_1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.l_grid_2 {
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
.l_grid_3 {
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.l_grid_4 {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
.l_grid_5 {
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}
.l_grid_6 {
  -ms-grid-columns: (1fr) [6];
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .l_grid_md {
    display: -ms-grid;
    display: grid;
  }
  .l_grid_md_1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .l_grid_md_2 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .l_grid_md_3 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .l_grid_md_4 {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
  .l_grid_md_5 {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
  }
  .l_grid_md_6 {
    -ms-grid-columns: (1fr) [6];
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 599px) {
  .l_grid_sm {
    display: -ms-grid;
    display: grid;
  }
  .l_grid_sm_1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .l_grid_sm_2 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .l_grid_sm_3 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .l_grid_sm_4 {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
  .l_grid_sm_5 {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
  }
  .l_grid_sm_6 {
    -ms-grid-columns: (1fr) [6];
    grid-template-columns: repeat(6, 1fr);
  }
}

/*    Flex box
=====================================================*/
.l_flex {display: flex;}
.l_flexWrap {flex-wrap: wrap;}
.l_flexNoShrink {flex-shrink: 0;}
.l_directionColumn {flex-direction: column !important;}
.l_directionRow {flex-direction: row !important;}
.l_alignItemsCenter {align-items: center !important;}
.l_alignItemsStart {align-items: flex-start !important;}
.l_alignItemsEnd {align-items: flex-end !important;}
.l_alignContentCenter {align-content: center !important;}
.l_alignContentStart {align-content: flex-start !important;}
.l_alignContentEnd {align-content: flex-end !important;}
.l_alignSelfCenter {-ms-grid-row-align: center !important;align-self: center !important;}
.l_alignSelfStart {align-self: flex-start !important;}
.l_alignSelfEnd {align-self: flex-end !important;}
.l_justifyContentCenter {justify-content: center !important;}
.l_justifyContentStart {justify-content: flex-start !important;}
.l_justifyContentEnd {justify-content: flex-end !important;}
.l_justifyContentAround {justify-content: space-around !important;}
.l_justifyContentBetween {justify-content: space-between !important;}
.l_placeItemsStart {place-items: start !important;}
.l_placeItemsEnd {place-items: end !important;}
.l_placeItemsCenter {place-items: center !important;}
.l_order_1 {order: 1;}
.l_order_2 {order: 2;}
/* Medium devices (tablets, 768px and under) */
@media (max-width: 768px) {
  .l_flex_md {display: flex;}
  .l_flexWrap_md {flex-wrap: wrap;}
  .l_flexNoShrink_md {flex-shrink: 0;}
  .l_directionColumn_md {flex-direction: column !important;}
  .l_directionRow_md {flex-direction: row !important;}
  .l_alignItemsCenter_md {align-items: center !important;}
  .l_alignItemsStart_md {align-items: flex-start !important;}
  .l_alignItemsEnd_md {align-items: flex-end !important;}
  .l_alignContentCenter_md {align-content: center !important;}
  .l_alignContentStart_md {align-content: flex-start !important;}
  .l_alignContentEnd_md {align-content: flex-end !important;}
  .l_alignSelfCenter_md {-ms-grid-row-align: center !important;align-self: center !important;}
  .l_alignSelfStart_md {align-self: flex-start !important;}
  .l_alignSelfEnd_md {align-self: flex-end !important;}
  .l_justifyContentCenter_md {justify-content: center !important;}
  .l_justifyContentStart_md {justify-content: flex-start !important;}
  .l_justifyContentEnd_md {justify-content: flex-end !important;}
  .l_justifyContentAround_md {justify-content: space-around !important;}
  .l_justifyContentBetween_md {justify-content: space-between !important;}
  .l_placeItemsStart_md {place-items: start !important;}
  .l_placeItemsEnd_md {place-items: end !important;}
  .l_placeItemsCenter_md {place-items: center !important;}
  .l_order_1_md {order: 1;}
  .l_order_2_md {order: 2;}
}
/* Small devices (landscape phones, 599px and under) */
@media (max-width: 599px) {
  .l_flex_sm {display: flex;}
  .l_flexWrap_sm {flex-wrap: wrap;}
  .l_flexNoShrink_sm {flex-shrink: 0;}
  .l_directionColumn_sm {flex-direction: column !important;}
  .l_directionRow_sm {flex-direction: row !important;}
  .l_alignItemsCenter_sm {align-items: center !important;}
  .l_alignItemsStart_sm {align-items: flex-start !important;}
  .l_alignItemsEnd_sm {align-items: flex-end !important;}
  .l_alignContentCenter_sm {align-content: center !important;}
  .l_alignContentStart_sm {align-content: flex-start !important;}
  .l_alignContentEnd_sm {align-content: flex-end !important;}
  .l_alignSelfCenter_sm {-ms-grid-row-align: center !important;align-self: center !important;}
  .l_alignSelfStart_sm {align-self: flex-start !important;}
  .l_alignSelfEnd_sm {align-self: flex-end !important;}
  .l_justifyContentCenter_sm {justify-content: center !important;}
  .l_justifyContentStart_sm {justify-content: flex-start !important;}
  .l_justifyContentEnd_sm {justify-content: flex-end !important;}
  .l_justifyContentAround_sm {justify-content: space-around !important;}
  .l_justifyContentBetween_sm {justify-content: space-between !important;}
  .l_placeItemsStart_sm {place-items: start !important;}
  .l_placeItemsEnd_sm {place-items: end !important;}
  .l_placeItemsCenter_sm {place-items: center !important;}
  .l_order_1_sm {order: 1;}
  .l_order_2_sm {order: 2;}
}
/*    Gap
=====================================================*/
/*-- Horizontal / Vertical --*/
.l_gap_0 {gap: 0;}
.l_gap_5 {gap: 5px;}
.l_gap_10 {gap: 10px;}
.l_gap_15 {gap: 15px;}
.l_gap_20 {gap: 20px;}
.l_gap_25 {gap: 25px;}
.l_gap_30 {gap: 30px;}
.l_gap_35 {gap: 35px;}
.l_gap_40 {gap: 40px;}
.l_gap_45 {gap: 45px;}
.l_gap_50 {gap: 50px;}
.l_gap_60 {gap: 60px;}
.l_gap_70 {gap: 70px;}
.l_gap_80 {gap: 80px;}
.l_gap_90 {gap: 90px;}
.l_gap_100 {gap: 100px;}
/*-- Horizontal --*/
.l_gap_0_x {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
.l_gap_5_x {
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.l_gap_10_x {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.l_gap_15_x {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.l_gap_20_x {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.l_gap_25_x {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}
.l_gap_30_x {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.l_gap_35_x {
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}
.l_gap_40_x {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.l_gap_45_x {
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
}
.l_gap_50_x {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
.l_gap_60_x {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.l_gap_70_x {
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}
.l_gap_80_x {
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}
.l_gap_90_x {
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
}
.l_gap_100_x {
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
}
/*-- Vertical --*/
.l_gap_0_y {row-gap: 0;}
.l_gap_5_y {row-gap: 5px;}
.l_gap_10_y {row-gap: 10px;}
.l_gap_15_y {row-gap: 15px;}
.l_gap_20_y {row-gap: 20px;}
.l_gap_25_y {row-gap: 25px;}
.l_gap_30_y {row-gap: 30px;}
.l_gap_35_y {row-gap: 35px;}
.l_gap_40_y {row-gap: 40px;}
.l_gap_45_y {row-gap: 45px;}
.l_gap_50_y {row-gap: 50px;}
.l_gap_60_y {row-gap: 60px;}
.l_gap_70_y {row-gap: 70px;}
.l_gap_80_y {row-gap: 80px;}
.l_gap_90_y {row-gap: 90px;}
.l_gap_100_y {row-gap: 100px;}
@media (max-width: 768px) {
  /*-- Horizontal / Vertical --*/
  .l_gap_md_0 {gap: 0;}
  .l_gap_md_5 {gap: 5px;}
  .l_gap_md_10 {gap: 10px;}
  .l_gap_md_15 {gap: 15px;}
  .l_gap_md_20 {gap: 20px;}
  .l_gap_md_25 {gap: 25px;}
  .l_gap_md_30 {gap: 30px;}
  .l_gap_md_35 {gap: 35px;}
  .l_gap_md_40 {gap: 40px;}
  .l_gap_md_45 {gap: 45px;}
  .l_gap_md_50 {gap: 50px;}
  .l_gap_md_60 {gap: 60px;}
  .l_gap_md_70 {gap: 70px;}
  .l_gap_md_80 {gap: 80px;}
  .l_gap_md_90 {gap: 90px;}
  .l_gap_md_100 {gap: 100px;}
  /*-- Horizontal --*/
  .l_gap_md_0_x {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .l_gap_md_5_x {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
  .l_gap_md_10_x {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .l_gap_md_15_x {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .l_gap_md_20_x {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .l_gap_md_25_x {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
  .l_gap_md_30_x {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .l_gap_md_35_x {
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
  }
  .l_gap_md_40_x {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .l_gap_md_45_x {
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
  }
  .l_gap_md_50_x {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .l_gap_md_60_x {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
  .l_gap_md_70_x {
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }
  .l_gap_md_80_x {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
  .l_gap_md_90_x {
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
  }
  .l_gap_md_100_x {
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
  /*-- Vertical --*/
  .l_gap_md_0_y {row-gap: 0;}
  .l_gap_md_5_y {row-gap: 5px;}
  .l_gap_md_10_y {row-gap: 10px;}
  .l_gap_md_15_y {row-gap: 15px;}
  .l_gap_md_20_y {row-gap: 20px;}
  .l_gap_md_25_y {row-gap: 25px;}
  .l_gap_md_30_y {row-gap: 30px;}
  .l_gap_md_35_y {row-gap: 35px;}
  .l_gap_md_40_y {row-gap: 40px;}
  .l_gap_md_45_y {row-gap: 45px;}
  .l_gap_md_50_y {row-gap: 50px;}
  .l_gap_md_60_y {row-gap: 60px;}
  .l_gap_md_70_y {row-gap: 70px;}
  .l_gap_md_80_y {row-gap: 80px;}
  .l_gap_md_90_y {row-gap: 90px;}
  .l_gap_md_100_y {row-gap: 100px;}
}
@media (max-width: 599px) {
  /*-- Horizontal / Vertical --*/
  .l_gap_sm_0 {gap: 0;}
  .l_gap_sm_5 {gap: 1.3vw;}
  .l_gap_sm_10 {gap: 2.6vw;}
  .l_gap_sm_15 {gap: 4vw;}
  .l_gap_sm_20 {gap: 5.3vw;}
  .l_gap_sm_25 {gap: 6.6vw;}
  .l_gap_sm_30 {gap: 8vw;}
  .l_gap_sm_35 {gap: 9.3vw;}
  .l_gap_sm_40 {gap: 10.6vw;}
  .l_gap_sm_45 {gap: 12vw;}
  .l_gap_sm_50 {gap: 13.3vw;}
  .l_gap_sm_60 {gap: 16vw;}
  .l_gap_sm_70 {gap: 18.6vw;}
  .l_gap_sm_80 {gap: 21.3vw;}
  .l_gap_sm_90 {gap: 24vw;}
  .l_gap_sm_100 {gap: 26.6vw;}
  /*-- Horizontal --*/
  .l_gap_sm_0_x {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .l_gap_sm_5_x {
    -webkit-column-gap: 1.3vw;
    -moz-column-gap: 1.3vw;
    column-gap: 1.3vw;
  }
  .l_gap_sm_10_x {
    -webkit-column-gap: 2.6vw;
    -moz-column-gap: 2.6vw;
    column-gap: 2.6vw;
  }
  .l_gap_sm_15_x {
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
  }
  .l_gap_sm_20_x {
    -webkit-column-gap: 5.3vw;
    -moz-column-gap: 5.3vw;
    column-gap: 5.3vw;
  }
  .l_gap_sm_25_x {
    -webkit-column-gap: 6.6vw;
    -moz-column-gap: 6.6vw;
    column-gap: 6.6vw;
  }
  .l_gap_sm_30_x {
    -webkit-column-gap: 8vw;
    -moz-column-gap: 8vw;
    column-gap: 8vw;
  }
  .l_gap_sm_35_x {
    -webkit-column-gap: 9.3vw;
    -moz-column-gap: 9.3vw;
    column-gap: 9.3vw;
  }
  .l_gap_sm_40_x {
    -webkit-column-gap: 10.6vw;
    -moz-column-gap: 10.6vw;
    column-gap: 10.6vw;
  }
  .l_gap_sm_45_x {
    -webkit-column-gap: 12vw;
    -moz-column-gap: 12vw;
    column-gap: 12vw;
  }
  .l_gap_sm_50_x {
    -webkit-column-gap: 13.3vw;
    -moz-column-gap: 13.3vw;
    column-gap: 13.3vw;
  }
  .l_gap_sm_60_x {
    -webkit-column-gap: 16vw;
    -moz-column-gap: 16vw;
    column-gap: 16vw;
  }
  .l_gap_sm_70_x {
    -webkit-column-gap: 18.6vw;
    -moz-column-gap: 18.6vw;
    column-gap: 18.6vw;
  }
  .l_gap_sm_80_x {
    -webkit-column-gap: 21.3vw;
    -moz-column-gap: 21.3vw;
    column-gap: 21.3vw;
  }
  .l_gap_sm_90_x {
    -webkit-column-gap: 24vw;
    -moz-column-gap: 24vw;
    column-gap: 24vw;
  }
  .l_gap_sm_100_x {
    -webkit-column-gap: 26.6vw;
    -moz-column-gap: 26.6vw;
    column-gap: 26.6vw;
  }
  /*-- Vertical --*/
  .l_gap_sm_0_y {row-gap: 0;}
  .l_gap_sm_5_y {row-gap: 1.3vw;}
  .l_gap_sm_10_y {row-gap: 2.6vw;}
  .l_gap_sm_15_y {row-gap: 4vw;}
  .l_gap_sm_20_y {row-gap: 5.3vw;}
  .l_gap_sm_25_y {row-gap: 6.6vw;}
  .l_gap_sm_30_y {row-gap: 8vw;}
  .l_gap_sm_35_y {row-gap: 9.3vw;}
  .l_gap_sm_40_y {row-gap: 10.6vw;}
  .l_gap_sm_45_y {row-gap: 12vw;}
  .l_gap_sm_50_y {row-gap: 13.3vw;}
  .l_gap_sm_60_y {row-gap: 16vw;}
  .l_gap_sm_70_y {row-gap: 18.6vw;}
  .l_gap_sm_80_y {row-gap: 21.3vw;}
  .l_gap_sm_90_y {row-gap: 24vw;}
  .l_gap_sm_100_y {row-gap: 26.6vw;}
}
/*    float
=====================================================*/
.fl_l {
  float: left;
  @media (max-width: 768px) { float: none;}
}
.fl_r {
  float: right;
  @media (max-width: 768px) { float: none;}
}

/*    Padding
=====================================================*/
/*-- Horizontal / Vertical--*/
.px_0 {
  padding-left: auto !important;
  padding-right: auto !important;
}
.py_0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 768px) {
  .px_0_md {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py_0_md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 599px) {
  .px_0_sm {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py_0_sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
/*-- top --*/
.pt_0 {padding-top: 0 !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_15 {padding-top: 15px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_25 {padding-top: 25px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_35 {padding-top: 35px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_45 {padding-top: 45px !important;}
.pt_50 {padding-top: 50px !important;}
.pt_60 {padding-top: 60px !important;}
.pt_70 {padding-top: 70px !important;}
.pt_80 {padding-top: 80px !important;}
.pt_90 {padding-top: 90px !important;}
.pt_100 {padding-top: 100px !important;}
@media (max-width: 768px) {
  .pt_0_md {padding-top: 0 !important;}
  .pt_5_md {padding-top: 5px !important;}
  .pt_10_md {padding-top: 10px !important;}
  .pt_15_md {padding-top: 15px !important;}
  .pt_20_md {padding-top: 20px !important;}
  .pt_25_md {padding-top: 25px !important;}
  .pt_30_md {padding-top: 30px !important;}
  .pt_35_md {padding-top: 35px !important;}
  .pt_40_md {padding-top: 40px !important;}
  .pt_45_md {padding-top: 45px !important;}
  .pt_50_md {padding-top: 50px !important;}
  .pt_60_md {padding-top: 60px !important;}
  .pt_70_md {padding-top: 70px !important;}
  .pt_80_md {padding-top: 80px !important;}
  .pt_90_md {padding-top: 90px !important;}
  .pt_100_md {padding-top: 100px !important;}
}
@media (max-width: 599px) {
  .pt_5_sm {padding-top: 1.3vw !important;}
  .pt_10_sm {padding-top: 2.6vw !important;}
  .pt_15_sm {padding-top: 4vw !important;}
  .pt_20_sm {padding-top: 5.3vw !important;}
  .pt_25_sm {padding-top: 6.6vw !important;}
  .pt_30_sm {padding-top: 8vw !important;}
  .pt_35_sm {padding-top: 9.3vw !important;}
  .pt_40_sm {padding-top: 10.6vw !important;}
  .pt_45_sm {padding-top: 12vw !important;}
  .pt_50_sm {padding-top: 13.3vw !important;}
  .pt_60_sm {padding-top: 16vw !important;}
  .pt_70_sm {padding-top: 18.6vw !important;}
  .pt_80_sm {padding-top: 21.3vw !important;}
  .pt_90_sm {padding-top: 24vw !important;}
  .pt_100_sm {padding-top: 26.6vw !important;}
}
/*-- bottom --*/
.pb_0 {padding-bottom: 0 !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_25 {padding-bottom: 25px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_35 {padding-bottom: 35px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_45 {padding-bottom: 45px !important;}
.pb_50 {padding-bottom: 50px !important;}
.pb_60 {padding-bottom: 60px !important;}
.pb_70 {padding-bottom: 70px !important;}
.pb_80 {padding-bottom: 80px !important;}
.pb_90 {padding-bottom: 90px !important;}
.pb_100 {padding-bottom: 100px !important;}
@media (max-width: 768px) {
  .pb_0_md {padding-bottom: 0 !important;}
  .pb_5_md {padding-bottom: 5px !important;}
  .pb_10_md {padding-bottom: 10px !important;}
  .pb_15_md {padding-bottom: 15px !important;}
  .pb_20_md {padding-bottom: 20px !important;}
  .pb_25_md {padding-bottom: 25px !important;}
  .pb_30_md {padding-bottom: 30px !important;}
  .pb_35_md {padding-bottom: 35px !important;}
  .pb_40_md {padding-bottom: 40px !important;}
  .pb_45_md {padding-bottom: 45px !important;}
  .pb_50_md {padding-bottom: 50px !important;}
  .pb_60_md {padding-bottom: 60px !important;}
  .pb_70_md {padding-bottom: 70px !important;}
  .pb_80_md {padding-bottom: 80px !important;}
  .pb_90_md {padding-bottom: 90px !important;}
  .pb_100_md {padding-bottom: 100px !important;}
}
@media (max-width: 599px) {
  .pb_5_sm {padding-bottom: 1.3vw !important;}
  .pb_10_sm {padding-bottom: 2.6vw !important;}
  .pb_15_sm {padding-bottom: 4vw !important;}
  .pb_20_sm {padding-bottom: 5.3vw !important;}
  .pb_25_sm {padding-bottom: 6.6vw !important;}
  .pb_30_sm {padding-bottom: 8vw !important;}
  .pb_35_sm {padding-bottom: 9.3vw !important;}
  .pb_40_sm {padding-bottom: 10.6vw !important;}
  .pb_45_sm {padding-bottom: 12vw !important;}
  .pb_50_sm {padding-bottom: 13.3vw !important;}
  .pb_60_sm {padding-bottom: 16vw !important;}
  .pb_70_sm {padding-bottom: 18.6vw !important;}
  .pb_80_sm {padding-bottom: 21.3vw !important;}
  .pb_90_sm {padding-bottom: 24vw !important;}
  .pb_100_sm {padding-bottom: 26.6vw !important;}
}
/*    Margin
=====================================================*/
/*-- Horizontal / Vertical --*/
.mx_auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mx_0 {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my_auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.my_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ml_auto {
  margin-left: auto !important;
}
@media (max-width: 768px) {
  .mx_auto_md {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx_0_md {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my_auto_md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my_0_md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ml_auto_md {
    margin-left: auto !important;
  }
}
@media (max-width: 599px) {
  .mx_auto_sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx_0_sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my_auto_sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my_0_sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ml_auto_sm {margin-left: auto !important;}
}
/*-- top --*/
.mt_point5em {margin-top: .5em !important;}
.mt_0 {margin-top: 0 !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_35 {margin-top: 35px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_45 {margin-top: 45px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_70 {margin-top: 70px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_90 {margin-top: 90px !important;}
.mt_100 {margin-top: 100px !important;}
@media (max-width: 768px) {
  .mt_0_md {margin-top: 0 !important;}
  .mt_5_md {margin-top: 5px !important;}
  .mt_10_md {margin-top: 10px !important;}
  .mt_15_md {margin-top: 15px !important;}
  .mt_20_md {margin-top: 20px !important;}
  .mt_25_md {margin-top: 25px !important;}
  .mt_30_md {margin-top: 30px !important;}
  .mt_35_md {margin-top: 35px !important;}
  .mt_40_md {margin-top: 40px !important;}
  .mt_45_md {margin-top: 45px !important;}
  .mt_50_md {margin-top: 50px !important;}
  .mt_60_md {margin-top: 60px !important;}
  .mt_70_md {margin-top: 70px !important;}
  .mt_80_md {margin-top: 80px !important;}
  .mt_90_md {margin-top: 90px !important;}
  .mt_100_md {margin-top: 100px !important;}
}
@media (max-width: 599px) {
  .mt_5_sm {margin-top: 1.3vw !important;}
  .mt_10_sm {margin-top: 2.6vw !important;}
  .mt_15_sm {margin-top: 4vw !important;}
  .mt_20_sm {margin-top: 5.3vw !important;}
  .mt_25_sm {margin-top: 6.6vw !important;}
  .mt_30_sm {margin-top: 8vw !important;}
  .mt_35_sm {margin-top: 9.3vw !important;}
  .mt_40_sm {margin-top: 10.6vw !important;}
  .mt_45_sm {margin-top: 12vw !important;}
  .mt_50_sm {margin-top: 13.3vw !important;}
  .mt_60_sm {margin-top: 16vw !important;}
  .mt_70_sm {margin-top: 18.6vw !important;}
  .mt_80_sm {margin-top: 21.3vw !important;}
  .mt_90_sm {margin-top: 24vw !important;}
  .mt_100_sm {margin-top: 26.6vw !important;}
}
/*-- bottom --*/
.mb_0 {margin-bottom: 0 !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_25 {margin-bottom: 25px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_35 {margin-bottom: 35px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_45 {margin-bottom: 45px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_80 {margin-bottom: 80px !important;}
.mb_90 {margin-bottom: 90px !important;}
.mb_100 {margin-bottom: 100px !important;}
@media (max-width: 768px) {
  .mb_0_md {margin-bottom: 0 !important;}
  .mb_5_md {margin-bottom: 5px !important;}
  .mb_10_md {margin-bottom: 10px !important;}
  .mb_15_md {margin-bottom: 15px !important;}
  .mb_20_md {margin-bottom: 20px !important;}
  .mb_25_md {margin-bottom: 25px !important;}
  .mb_30_md {margin-bottom: 30px !important;}
  .mb_35_md {margin-bottom: 35px !important;}
  .mb_40_md {margin-bottom: 40px !important;}
  .mb_45_md {margin-bottom: 45px !important;}
  .mb_50_md {margin-bottom: 50px !important;}
  .mb_60_md {margin-bottom: 60px !important;}
  .mb_70_md {margin-bottom: 70px !important;}
  .mb_80_md {margin-bottom: 80px !important;}
  .mb_90_md {margin-bottom: 90px !important;}
  .mb_100_md {margin-bottom: 100px !important;}
}
@media (max-width: 599px) {
  .mb_5_sm {margin-bottom: 1.3vw !important;}
  .mb_10_sm {margin-bottom: 2.6vw !important;}
  .mb_15_sm {margin-bottom: 4vw !important;}
  .mb_20_sm {margin-bottom: 5.3vw !important;}
  .mb_25_sm {margin-bottom: 6.6vw !important;}
  .mb_30_sm {margin-bottom: 8vw !important;}
  .mb_35_sm {margin-bottom: 9.3vw !important;}
  .mb_40_sm {margin-bottom: 10.6vw !important;}
  .mb_45_sm {margin-bottom: 12vw !important;}
  .mb_50_sm {margin-bottom: 13.3vw !important;}
  .mb_60_sm {margin-bottom: 16vw !important;}
  .mb_70_sm {margin-bottom: 18.6vw !important;}
  .mb_80_sm {margin-bottom: 21.3vw !important;}
  .mb_90_sm {margin-bottom: 24vw !important;}
  .mb_100_sm {margin-bottom: 26.6vw !important;}
}
/*-- left --*/
.ml_30 {margin-left: 30px !important;}
@media (max-width: 768px) {
  .ml_0_md {margin-left: 0px !important;}
  .ml_30_md {margin-left: 30px !important;}
}
@media (max-width: 599px) {
  .ml_0_sm {margin-left: 0vw !important;}
  .ml_30_sm {margin-left: 8vw !important;}
}
/*-- right --*/
.mr_30 {margin-right : 30px !important;}
@media (max-width: 768px) {
  .mr_0_md {margin-right : 0px !important;}
  .mr_30_md {margin-right : 30px !important;}
}
@media (max-width: 599px) {
  .mr_0_sm {margin-right : 0vw !important;}
  .mr_30_sm {margin-right : 8vw !important;}
}